/*
REm'd line 1875 to get blue bkgrd
#------------------------------------------------------------------------

  JA Purity II for Joomla 1.5

#------------------------------------------------------------------------

#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html

#Author: J.O.O.M Solutions Co., Ltd

#Websites: http://www.joomlart.com - http://www.joomlancers.com

#------------------------------------------------------------------------

*/

/* I HAVE ADDED THESE STYLES  */


.itemspecial1 { 
	position: relative; 
	float: right;
	top: -100px;
	right: -15px;
}

.itemspecial2 { 
	position: relative; 
	float: right;
	top: -100px;
	right: -15px;
}

.itemspecial3 { 
	position: relative; 
	float: right;
	top: -100px;
	right: -15px;
}

.itemspecial4 { 
	position: relative; 
	float: right;
	top: -100px;
	right: -15px;
}

.itemspecial5 { 
	position: relative; 
	float: right;
	top: -100px;
	right: -15px;
}



/* COMMON STYLE

--------------------------------------------------------- */

body {

	background: #fff;

	color: #000;

	font-family: "Segoe UI", Arial, Helvetica, sans-serif;

	line-height: 1.5;

}



body#bd { background: #fff; color: #222222; } /* was 333 */



body.fs1 { font-size: 10px; }

body.fs2 { font-size: 11px; }

body.fs3 { font-size: 12px; }

body.fs4 { font-size: 13px; }

body.fs5 { font-size: 14px; }

body.fs6 { font-size: 15px; }



/* Normal links ---*/

a { color: #069; text-decoration: underline; }



a:hover, a:active, a:focus { color: #333; text-decoration: underline; }



/* Readon links ---*/

a.readon {

	background: url(../images/arrow.png) no-repeat 5px 48%;

	border: 1px solid #F6F6F6;

	font-weight: bold;

	padding: 1px 5px 1px 14px;

	text-decoration: none;

	text-transform: uppercase;

}



a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }



/* Content spacing ---*/

.column p, .column pre, .column blockquote,

.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,

.column ol, .column ul { margin: 15px 0; padding: 0; }



/* Headings & Titles ---*/

h1 { font-size: 180%; }

h2 { font-size: 150%; }

h3 { font-size: 125%; }

h4 { font-size: 100%; text-transform: UPPERCASE; }

h5 { font-size: 100%; }



.contentheading, .componentheading, h1, h2, h3, h4, h5 {

	font-family: "Segoe UI", Arial, Helvetica, sans-serif;

	font-weight: normal;  /* was bold; */

	line-height: 1.2;

}



h1.componentheading, .componentheading { margin: 0; 
	padding: 0 0 7px;
	color: #555555;  /* added */
	font-style: italic; /* added */
}



.componentheading {

	border-bottom: 1px solid #ccc;

	font-size: 200%;

}



h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }



.contentheading { 
	font-size: 200%; /* was 200% */
	font-weight: normal; /*8 added */
	color: #117799; /* added */
	

}



.blog .contentheading { font-size: 125%;/* was 125% then 250% */
	color: #117799;  /* added */
 } 



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus { font-weight: bold; }



.category { font-size: 110%; font-weight: bold; }



/* Small text ---*/

small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,

p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }



small, .small { color: #999; }



.smalldark { text-align: left; }



/* List ---*/

.column ul li {

	background: url(../images/bullet.gif) no-repeat 20px 7px;

	line-height: 160%;

	margin-bottom: 5px;

	overflow: hidden;

	padding-left: 30px;

}



.column ol li { line-height: 180%; margin-left: 30px; }



/* Others ---*/

th { font-weight: bold; padding: 5px; text-align: left; }



td { font-size: 100%; padding: 5px; }



fieldset { border: none; padding: 10px 5px; }



fieldset a { font-weight: bold; }



fieldset.input { padding: 0; }



hr {

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	border-top: 1px solid #ccc;

	height: 1px;

}



/* FORM

--------------------------------------------------------- */

form label { cursor: pointer; }



input, select, textarea, .inputbox {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 100%;

	padding: 3px 5px;

}



.inputbox { background: #fff; border: 1px solid #ccc; }



.inputbox:hover, .inputbox:focus { background: #FFFFCC; }



.button {

	background: url(../images/grad1.gif) repeat-x top #333;

	border: 1px solid #333;

	color: #ccc;

	font-size: 85%;

	padding: 3px 5px;

	text-transform: uppercase;

}



.button:hover, .button:focus {

	background: #333;

	border: 1px solid #999;

	color: #fff;

}



.checkbox { }



.radio { margin: 0 5px; }



/* Login ---*/

.login_form fieldset { padding: 15px 0 0; }

.login_form fieldset p { margin: 0 0 5px; }



.login_form label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.login_form .inputbox { margin-left: 10px; width: 150px; }



.login_form .remember .inputbox {

	width: 20px;

}



.login_form .button { margin-left: 140px; }



/* Register ---*/

.form-register fieldset { padding: 0 0 10px; }



.form-register p { margin: 0 0 5px; }



.form-register p.form-des { margin: 15px 0; }



.form-register label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.form-register .inputbox { margin-left: 10px; width: 200px; }



.form-register .button { margin-left: 140px; }



/* User ---*/

.user-details { padding: 10px 0; }



.user-details p { margin: 0 0 5px; }



.user-details label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.user-details .inputbox { margin-left: 10px; width: 200px; }



.user-details .button { margin-left: 140px; }



.user-details .paramlist .paramlist_key {

	width: 130px !important;

	padding: 0 0 5px !important;

}



.user-details .paramlist .paramlist_value {

	padding: 0 0 5px !important;

}



.user-details .user_name span {

	padding-left: 10px;

	font-weight: bold;

}



/* Search ---*/

form#searchForm {

	border-top: 1px solid #ccc;

	padding: 15px 0; 

}



.searchintro {

	border-bottom: 1px solid #ccc;

}



.results h4 {

	text-transform: none;

	font-size: 110%;

	margin: 15px 0 0;

}



.results p { margin: 0 0 10px; }



/* Contact ---*/

#component-contact address { font-style: normal; }



#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }



.contact_email { margin: 0 0 10px; }



.contact_email label { font-weight: bold; display: block; }



.contact_email_checkbox { margin: 15px 0; }



/* JOOMLA STYLE

--------------------------------------------------------- */

/* Layout Deco ---*/

.blog { }



.article_separator,

.leading_separator,

.row_separator,

.column_separator { display: none; }



.leading {

	border-bottom: 1px solid #ccc;

	padding-bottom: 10px;

	padding-top: 10px;

}



.article_row { 

	padding-bottom: 2px;  /* was 10px */

	padding-top: 10px; }



.article_column { }



.column_separator { padding: 0 25px; }



/* Meta ---*/

.article-tools {

	background: #f6f6f6;

	border: 1px solid #ddd;

	clear: both;

	color: #999;

	display: block;

	line-height: normal;

	margin: 0 0 10px;

	padding: 5px;

	position: relative;

}



.article-meta { float: left; padding: 0; width: 70%; }



.article-section, .article-category { color: #999; }



.createby {

	background: url(../images/icon-user.gif) no-repeat 0 2px;

	padding: 3px 3px 3px 20px;

}



.createdate {

	background: url(../images/icon-date.gif) no-repeat 0 2px;

	padding: 3px 3px 3px 20px;

}



.modifydate { color: #999; display: block; margin: 10px 0; }



.contentdescription {

	border-bottom: 1px solid #ccc;

	display: block;

	margin: 0 -15px;

	padding: 10px 15px;

}



.contentdescription p { margin: 0; }



.buttonheading { float: right; }



.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }



/*Inline images ---*/

img.caption { margin-top: 5px; }



.img_caption { color: #999; margin-bottom: 10px; }



.article-content img { margin: 5px; }



.img_caption img { margin: 5px 0 0; }



.img_caption p {

	background: #333;

	border-top: 1px solid #fff;

	color: #ccc;

	margin: 0;

	padding: 1px 0;

	text-align: center;

}



/* Tables ---*/

.sectiontableheader {

	background: #333;

	border: 1px solid #ccc;

	color: #fff;

	padding: 5px;

}



.sectiontableheader a,

.sectiontableheader a:hover,

.sectiontableheader a:focus,

.sectiontableheader a:active { color: #fff; }



.sectiontableentry,

.sectiontableentry0,

.sectiontableentry1,

.sectiontableentry2 {

	background: url(../images/dot2.gif) repeat-x bottom;

	padding: 5px 5px 6px;

}



.sectiontableentry:hover,

.sectiontableentry0:hover,

.sectiontableentry1:hover,

.sectiontableentry2:hover { background-color: #fffff0; }



.sectiontableentry2 { background-color: #f6f6f6; }



table.contentpane, table.tablelist { width: 100%; }



table.contentpaneopen {

	border: none;

	border-collapse: collapse;

	border-spacing: 0;

}



/* Content Toc */

table.contenttoc {

	border: 1px solid #ddd;

	float: right;

	margin: 0 0 10px 12px;

	padding: 0;

	width: 30%;

}



table.contenttoc a { color: #333; }



table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }



table.contenttoc th {

	background: #f6f6f6;

	border-bottom: 1px solid #ddd;

	padding: 5px 10px;

	text-transform: uppercase;

}



/* Poll */

div.poll { padding: 15px 0; }



form#poll {

	border-bottom: 1px dotted #ccc;

	font-weight: bold;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



dl.poll {

	border-bottom: 1px dotted #ccc;

	font-size: 92%;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



dl.poll dt, dl.poll dd { float: left; }



dl.poll dt { clear: left; width: 100px; }



dl.poll dd { clear: right; }



table.pollstableborder {

	border: none;

	padding: 0;

	text-align: left;

	width: 100%;

}



table.pollstableborder img { vertical-align: baseline; }



table.pollstableborder td {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

	padding: 5px !important;

}



table.pollstableborder tr.sectiontableentry0 td,

table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }



/* Search */

table.searchintro { padding: 10px 0; width: 100%; }



table.searchintro td { padding: 5px !important; }



/* Misc. */

table.contentpaneopen, table.contentpane, table.blog { width: 100%; }



/* Pagination ---*/

ul.pagination { float: left; margin: 10px 0; width: 75%; }



ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;

	overflow: hidden;

}



ul.pagination li span { padding: 0 5px; line-height: 20px; }



ul.pagination a {

	background: #f6f6f6;

	border: 1px solid #ccc;

	color: #000;

	line-height: 20px;

	padding: 0 5px;

	text-decoration: none;

}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

	background: #069;

	border: 1px solid #069;

	color: #fff;

	text-decoration: none;

}



.sortby { font-size: 92%; margin: 10px 0 5px; }



.sortby .filter, .sortby .display { float: left; width: 40%; }



.sortby .display { float: right; text-align: right; }



.pagenavbar { font-weight: bold; }



.pagenavcounter { margin: 15px 0 !important; text-align: center; }



.counter {

	float: right;

	line-height: 1;

	margin: 15px 0 !important;

	text-align: right;

	width: 24%;

}



.counter span {

	background: #069;

	border: 1px solid #069;

	color: #fff;

	padding: 1px 5px;

}



.blog_more {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 15px 0 5px;

}



.blog_more h2 {

	font-size: 115%;

	margin: 0 0 5px;

	text-transform: uppercase;

}



.blog_more ul li {

	background: url(../images/bullet.gif) no-repeat 5px 6px;

	padding-left: 15px;

}



div.back_button a,

div.back_button a:hover,

div.back_button a:active { display: block; margin: 10px 0; }



/* Messages ---*/

#system-message { margin: 0 -15px 10px; }



#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul { margin: 0; padding: 0; }



#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.notice ul li {

	background: none;

	color: #fff;

	margin: 0;

	padding: 5px;

}



/* System Standard Messages */

#system-message dd.message ul { background: #069; border: 0; }



/* System Error Messages */

#system-message dd.error ul { background: #bf0000; border: 0; }



/* System Notice Messages */

#system-message dd.notice ul { background: #333; border: 0; }



/* Tooltips --- */

.tool-tip {

	background: #ffffcc;

	border: 1px solid #D4D5AA;

	float: left;

	max-width: 300px;

	padding: 5px;

	z-index: 1000;

}



.tool-title {

	background: url(../../system/images/selector-arrow.png) no-repeat;

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	margin-top: -15px;

	padding: 0;

	padding-bottom: 5px;

	padding-top: 15px;

}



.tool-text { font-size: 100%; margin: 0; }



.hasTip img { border: none; margin: 0 5px 0 0; }



.contentpaneopen_edit img { vertical-align: middle; }



/* MODULE STYLES

--------------------------------------------------------- */

div.ja-moduletable h3, div.moduletable h3 {

	background: url(../images/dot2.gif) repeat-x bottom;

	color: #333;

	font-size: 115%; /* was 115% */

	margin: 0 0 8px;

	padding: 1px 0 8px;

	text-transform: uppercase;
	
	

	overflow: hidden;

}



div.moduletable_menu h3 { margin-bottom: 0; }



div.ja-moduletable, div.moduletable {

	border-bottom: 1px solid #ccc;

	margin-top: 8px;

	margin-bottom: 15px;

	padding: 0 0 20px;

	position: relative;

}



/* Badge Module ---*/

.badge {

	height: 46px;

	position: absolute;

	right: 0;

	top: 0;

	width: 45px;

	background-image: url(../images/icon-badge.png);

	background-repeat: no-repeat;

}



.badge-hot 	.badge { background-position: 0 0; }

.badge-new 	.badge { background-position: 0 -46px; }

.badge-pick .badge { background-position: 0 -92px; }

.badge-top 	.badge { background-position: 0 -138px; }



/* Search Module ---*/

#ja-search {

	padding-left: 20px;

	/* background: url(../images/icon-search.gif) no-repeat center left;  take out */

	position: relative;  /* was absolute; */

	bottom: -96px;  /* was 15px; */

	right: 15px;

}



#ja-search label { display: none; }



#ja-search .inputbox {

	width: 200px;

	border: 1px solid #333;

	padding: 3px 5px;

	color: #ccc;

	background: #444;

	font-size: 100%;

	font-weight: bold;

}



#ja-search .inputbox:hover, #ja-search .inputbox:focus { }



#ja-search .button {

	font-size: 100%;

	font-weight: bold;

	margin-left: 5px;

	text-transform: none;

}



/* Login Module ---*/

#form-login-username .inputbox,

#form-login-password .inputbox {

	background-position: 5px center;

	background-repeat: no-repeat;

	font-weight: bold;

}



#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }



#form-login ul { margin: 0 !important; padding: 0; }



#form-login p { margin: 0 0 5px; }



#form-login .button { margin: 10px 0; }



/* Poll Module ---*/

h4.poll-title { margin: 0; padding: 0; }



a.poll-result { font-size: 92%; text-transform: uppercase; }



form.poll .button { margin-right: 5px; }



/* Advertisement ---*/

div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }



div.bannergroup_text div.banneritem_text a { font-weight: bold; }



div.bannergroup_text div.bannerheader,

div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }



div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }



div.bannergroup { margin-bottom: 10px; }



/* Rounded Module --- */

div.ja-module h3, div.module h3 {

	border-bottom: 1px solid #ccc;

	color: #7ba566;

	font-size: 115%;

	font-weight: bold;

	margin: 0 -15px 10px;

	padding: 8px 15px;

	text-transform: uppercase;

}



div.ja-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; }



.ja-box-br {

	background: url(../images/b-br.gif) no-repeat bottom right #fff;

}



.ja-box-bl {

	background: url(../images/b-bl.gif) no-repeat bottom left;

}



.ja-box-tr {

	background: url(../images/b-tr.gif) no-repeat top right;

}



.ja-box-tl {

	background: url(../images/b-tl.gif) no-repeat top left;

	padding: 0 15px 10px;

}



/* text */

div.module_text h3 {

	clear: both;

	display: block;

	margin: 0 0 10px;

	padding: 0;

	overflow: hidden;

	width: 100%;

	border-bottom: 0;

}



div.module_text span {

	clear: both;

	display: block;

	float: left;

	font-weight: bold;

	padding: 0 3px;

	background: #fff;

}



div.module_text {

	background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;

}



div.module_text .ja-box-bl {

	background: url(../images/bt-bl.gif) no-repeat bottom left;

}



div.module_text .ja-box-tr {

	background: url(../images/bt-tr.gif) no-repeat top right;

}



div.module_text .ja-box-tl {

	background: url(../images/bt-tl.gif) no-repeat top left;

}



/* Blank */

div.module_noborder,

div.module_noborder .ja-box-bl,

div.module_noborder .ja-box-tr,

div.module_noborder .ja-box-tl {

	background: none;

	padding: 0;

}



/* red */

div.module_red {

	background: url(../images/br-br.gif) no-repeat bottom right #bf0000;

}



div.module_red .ja-box-bl {

	background: url(../images/br-bl.gif) no-repeat bottom left;

}



div.module_red .ja-box-tr {

	background: url(../images/br-tr.gif) no-repeat top right;

}



div.module_red .ja-box-tl {

	background: url(../images/br-tl.gif) no-repeat top left;

}



/* blue */

div.module_blue {

	background: url(../images/bb-br.gif) no-repeat bottom right #069;

}



div.module_blue .ja-box-bl {

	background: url(../images/bb-bl.gif) no-repeat bottom left;

}



div.module_blue .ja-box-tr {

	background: url(../images/bb-tr.gif) no-repeat top right;

}



div.module_blue .ja-box-tl {

	background: url(../images/bb-tl.gif) no-repeat top left;

}



/* green */

div.module_green {

	background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;

}



div.module_green .ja-box-bl {

	background: url(../images/bg-bl.gif) no-repeat bottom left;

}



div.module_green .ja-box-tr {

	background: url(../images/bg-tr.gif) no-repeat top right;

}



div.module_green .ja-box-tl {

	background: url(../images/bg-tl.gif) no-repeat top left;

}



/* black */

div.module_black {

	background: url(../images/bl-br.gif) no-repeat bottom right #333;

}



div.module_black .ja-box-bl {

	background: url(../images/bl-bl.gif) no-repeat bottom left;

}



div.module_black .ja-box-tr {

	background: url(../images/bl-tr.gif) no-repeat top right;

}



div.module_black .ja-box-tl {

	background: url(../images/bl-tl.gif) no-repeat top left;

}



/* text color for high contrast module */

div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff !important; }



/* Module list ---*/

div.ja-moduletable ul, div.ja-module ul {

	margin: 15px 0 0;

}



div.ja-moduletable ul li, div.ja-module ul li {

	padding-left: 12px;

	background-position: 2px 8px;

}



/* Collapsible h3 ---*/

h3.show {

	background: url(../images/icon-show.png) no-repeat 100% 60%;

	cursor: pointer;

}



h3.hide {

	background: url(../images/icon-hide.png) no-repeat 100% 60%;

	cursor: pointer;

}



/* Uncomment the following lines if you want collapsible modules with badges still show arrows */

/* 

.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,

.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {

	background-position: 15px 60%;

	text-indent: 15px;

}

*/



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

.wrap { }

.main { }

.ja-box { padding-bottom: 10px; padding-top: 10px; }



#ja-wrapper {   /* ORIG no attributes here at all, just { } */

	background: url(../images/big-bkgrd.jpg) ;
	
	background-attachment: fixed;

}



#ja-container {

	/* was background: url(../images/container-bg.gif) repeat-x top #fff; */

	background: #11222C; /* added */
 	
	position: relative;

	z-index: 5;

	/* border-bottom: 5px solid #ccc;  out to make blus background*/
	
	top: 0px; /* added */

}



#ja-container .main { padding: 20px 0; min-height: 300px;
	background: #ffffff; /* added backgr color */ }



/* 3 Columns - Classic Layout ---*/

#ja-container.ja-l1r1  {}



/* Full */

#ja-container {}



/* Full left */

#ja-container.ja-r1 {}



/* Full right */

#ja-container.ja-l1 {}



/* Mass ---*/

.ja-mass-top {}

.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }



.ja-mass-bottom {}

.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }



/* MAIN COLUMN

--------------------------------------------------------- */

#ja-mainbody {}



#ja-main .inner {  }



#ja-contentwrap { }



/* Content Top ---*/

.ja-content-top { }

.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0;  }



/* Content Main ---*/

.ja-content-main { }



/* Content Bottom ---*/

.ja-content-bottom { }

.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0;  }



/* @end */



/* SIDE COLUMNS

--------------------------------------------------------- */

.ja-colswrap { }



.ja-col { /* orig had no attribute */

	border-color:	#D8EBE3 #A8BBB3 #A8BBB3 #D8EBE3; /* added */

	border-style:solid;	/* added */

	border-width:2px; 	/* added */
	
	background:#f1fBf3 none repeat scroll 0 0;   /* added */
	
}



/* Left Columns ---*/

#ja-left .ja-l2 { }



/* Right Columns ---*/

#ja-right .ja-r2 { }



/* HEADER

--------------------------------------------------------- */

#ja-header { 
	background: #11222C;  /* was 333 */
	position: relative; 
	z-index: 10;
	height: 200px;  /* added for ie was 120 */ 
}



#ja-header .main {

	/* background-color: #ffffff;   was 333  ALL out to make blus background*/

	background-position: top right;

	background-repeat: no-repeat;

	height: 200px; /* was 80 */
	
	border-bottom: 5px solid #D6DED7;  /* added */

}



h1.logo, div.logo-text h1 {
 
	font-size: 36pt; /* was 250% */
	
	line-height: 0.8;   /* was 1 */
	
} 



h1.logo, div.logo-text { float: left; z-index: 1; 

	position: relative; 
	
	top: 50px; /* added */}



/* Logo Image ---*/

h1.logo { height: 79px; width: 207px; }



h1.logo a {

	background: url(../images/logo.png) no-repeat left;
	
	/* was... background: url(../images/logo.gif) no-repeat left; */

	display: block;

	height: 110px; /* use 80px;for logoGTG2-28   was 79px; */

	width: 320px;   /* use 240px; for gtg logo    was 207px; */
	
	margin-top: 10px;  /* use 20px for gtg added to position logo */

}



h1.logo a span { position: absolute; top: -1000px; }



/* Logo Text ---*/

div.logo-text { 
	margin-top: 8px;
	margin-bottom: 1px /* added */
}




div.logo-text h1 a {

	color: #006688;   /* was ccc & 117799*/

	font-weight: normal;  /* was bold */

	letter-spacing: 7px;/* was 1 */

	text-decoration: none;
	
	margin: 5px;  /* added */

}



p.site-slogan {

	background: #ffffff; /* changed */

	color: #006688; /* changed was also 117799*/

	display: block;

	font-size: 13pt;  /* was 85% */

	letter-spacing: 1px;

	margin: 8px 0 0;  /* was 8px 0 0 */

	padding: 0 5px;

	text-align: center;

	text-transform: uppercase;

}



/* Header mask ---*/
/*
.ja-headermask {

	background: url(../images/header-mask.png) no-repeat top right;

	display: block;

	height: 80px;

	position: absolute;

	right: -1px;

	top: 0;

	width: 602px;

	z-index: 0;

}  */  /* NO MASK  */



/* NAVIGATION

--------------------------------------------------------- */

/* Main Nav ---*/

#ja-mainnav {

	background: url(../images/grad1-mask.png) repeat-x bottom #F1FBF3; /* if blue, use: 55aadd */ /* was top */  /* was #444 */

	/*  border-top: 1px solid #666;   orig */

	line-height: 1;

	position: absolute;   /* was relative but moved it to top */

	top: 0px; /* added */
	
	z-index: 10;	/* was 9 */
	
	height: 60px;  /* added    */
 		
}



#ja-mainnav .main { font-size: 12px; }



span.has-image {

	padding-left: 25px;

	display: block;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: left 2px;

}



span.menu-title { display: block; }



span.menu-desc {

	display: block;

	font-weight: normal;

	font-size: 92%;

	color: #999;

}



/* Sub Nav ---*/

#ja-subnav { border-top: 1px solid #666; background: #333; position: relative; z-index: 9; }



#ja-subnav .main {

	line-height: 1;

	z-index: 10;

}



#ja-subnav ul {

	background: #333;

	overflow: hidden;

	padding: 10px 0;

}



#ja-subnav ul.active { background: #333; }



#ja-subnav li {

	background: none;

	border-left: 1px dotted #999;

	display: block;

	float: left;

	padding: 0 10px 0 11px;

}



#ja-subnav li.first-item { border-left: 0; }



#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }



#ja-subnav ul li a:hover { color: #fff; }



#ja-subnav ul li.active a,

#ja-subnav ul li.active a:hover,

#ja-subnav ul li.active a:active,

#ja-subnav ul li.active a:focus {

	color: #fff;

	font-weight: bold;

	text-decoration: underline;

}



#ja-subnav ul.active li a { color: #ccc; }



#ja-subnav ul.active li a:hover { color: #fff; }



#ja-subnav ul li.empty { visibility: hidden }



/* Sub Nav (lv2) ---*/

#ja-subnav ul li ul {

	background: #ddd;

	border: 1px solid #ccc;

	display: block;

	height: auto;

	left: -999em;

	padding: 0;

	position: absolute;

}



#ja-subnav ul li.hover ul {

	display: block;

	height: auto;

	left: auto;

	position: absolute;

	margin-top: 3px;

	margin-left: 5px;

}



#ja-subnav ul li.haschild a {

	background: url(../images/arrow.png) no-repeat right center;

	padding-right: 12px;

}



#ja-subnav ul li.haschild a:hover {

	background: url(../images/arrow3.png) no-repeat right center;

}



#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }



#ja-subnav ul li ul li {

	border-bottom: 1px solid #ccc;

	border-left: 0;

	display: block;

	float: none;

	overflow: hidden;

	padding: 5px;

	text-align: left;

}



#ja-subnav ul li ul li a {

	background-image: none !important;

	border: 0 !important;

	color: #333 !important;

	font-weight: normal !important;

	text-decoration: none !important;

}



#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }



#ja-subnav ul li ul li a:hover {

	background-image: none !important;

	color: #069 !important;

	text-decoration: underline !important;

}



#ja-subnav ul li ul li a.active {

	color: #069; !important;

	font-weight: bold !important;

}



/* Breadcrumbs ---*/

/* WAS this orig   .ja-navhelper { background: #f6f6f6; text-transform: uppercase; border-bottom: 1px solid #ccc; }*/

/* added this for all blue bkgrd */
.ja-navhelper { 

	background: #11222C; 
	
	text-transform: uppercase; 
	
	border-bottom: 1px solid #11222C;
	
	color: #11222C;  /* hides breadcrumb header */
	
}

.ja-navhelper .main { padding: 5px 0; }



.ja-navhelper a { padding: 0 2px; color: #069; text-decoration: none; }

.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #069;}



.ja-breadcrums {

	float: left;

	margin-left: 10px;

	margin-top: 2px;

	width: 80%;

}



.ja-breadcrums strong { margin-right: 5px; }



.ja-breadcrums img { margin: 1px 5px; }



/* Extras ---*/

.ja-links { float: right; margin-top: 2px; }



.ja-links li { background: none; padding: 0; display: inline; }



.ja-links li.top a {

	background: url(../images/arrow2.png) no-repeat 5px center;

	padding-left: 17px;

	padding-right: 5px;

}



.ja-links li.top a:hover { background-color: #069; }



.ja-links li.layout-switcher a {

	background: #069;

	color: #fff;

	text-decoration: none;

}



.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }



.ja-links li.user-reset a {

	background: #bf0000;

	color: #fff;

	text-decoration: none;

}



.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }



/* Default Joomla! Menu ---*/

#ja-container ul.menu { margin: 0; padding: 0; }



#ja-container ul.menu li {

	background: none;

	border-bottom: 1px dotted #ccc;

	margin: 0;

	overflow: hidden;

	padding: 0;

}



#ja-container ul.menu li a {

	color: #333;

	display: block;

	outline: none;

	padding: 6px 0;

	text-decoration: none;

	text-indent: 5px;

}



#ja-container ul.menu li a:hover,

#ja-container ul.menu li a:active,

#ja-container ul.menu li a:focus { color: #069; background: #f6f6f6; }



#ja-container ul.menu li.active a { color: #069; font-weight: bold; }



#ja-container ul.menu li ul { margin: 0 0 0 10px; }



#ja-container ul.menu li li {

	background: url(../images/arrow.png) no-repeat left 11px;

	border-bottom: 0;

	border-top: 1px dotted #ccc;

}



#ja-container ul.menu li li a {

	color: #333 !important;

	font-weight: normal !important;

	text-indent: 10px;

}



#ja-container ul.menu li li a:hover,

#ja-container ul.menu li li a:active,

#ja-container ul.menu li li a:focus { color: #069 !important; background: none; }



#ja-container ul.menu li.active > a { color: #069 !important; font-weight: bold !important; }



#ja-container ul.menu span.separator { display: none; }



/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl .ja-box, #ja-botsl .ja-box { 

	padding: 0;

	/* background: url(../images/dot3.gif) repeat-y right; */
	
	text-align: left; /* added */
}



#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,

#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { 

	background: none;

}



#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable  {

	border-bottom: 0;

	margin-bottom: 8px;

	padding-bottom: 0;

}



#ja-topsl li, #ja-botsl li {

	background-image: url(../images/bullet2.gif);

	background-position: 1px 8px;

	padding-left: 10px;

}



#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }



#ja-topsl ul, #ja-topsl p, #ja-topsl ol,

#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }



#ja-topsl a, #ja-botsl a {

	color: #117799; /* was fff */

	text-decoration: underline;  /* was none */

	border-bottom: 1px dotted #ccc;

}



#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {

	color: #113355; /* was fff */

	text-decoration: none;  /* was none */

	border-bottom: 1px solid #113355;  /* was fff */
	
	/* font-size: 120%;	 added */

}



/* Top spotlight ---*/

#ja-topsl {

	/* border-top: 1px solid #666;  orig */

	background: #C8DBD3; 	/* was #444 #b8cbb3 */

	color: #117799;  /* was #ccc */
	
	z-index: 12;	/* added for ie */
	
	position: absolute; /* added */
	
	top: 172px; /* added */
	
	width: 80%; /* added */
	
	/* left: 30px; */
	
	left: 7%;  /* added */
	
	border-color:	#D8EBE3 #A8BBB3 #A8BBB3 #D8EBE3; /* added */

	border-style:solid;	/* added */

	border-width:1px; 	/* added */


}



#ja-topsl .main { padding: 1px 0; } /* was 10px,0 */



#ja-topsl h3 {

	margin: 0 0 8px;

	padding: 0;

	color: #006688; /* was fff */

	background: none;

	font-weight: normal;  /* added */
	
	font-size: 125%; /* added  */
}



/* Bot spotlight ---*/

#ja-botsl {

	background: #11222c; /* was 444  */

	color: #117799;  /*was 999  */

}



#ja-botsl .main { 

	padding: 4px 0 8px;  /* was 10px 0 */
	
	z-index: 10;  /*added */
	
	background-color:#F1FBF3; /* added */
	
}



#ja-botsl .ja-moduletable, #ja-botsl .moduletable {

	border-bottom: 0;

	margin-bottom: 0;

}



#ja-botsl h3 {

	margin: 0 0 8px;

	padding: 0;

	color: #fff;

	background: none;

}



.ja-box-right .ja-moduletable, .ja-box-right .moduletable,

.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }



/* FOOTER

--------------------------------------------------------- */

#ja-footer {

	background: url(../images/grad1-mask.png) repeat-x bottom #11222C;  /* was #F6F6F6 and grad3.gif  to make dk blue */

	border-top: 1px solid #11222C; /* was #fff; */

	clear: both;

	padding: 20px 0;

}



#ja-footer .main {

	/* out to make blue bkgrd    background: url(../images/dot1.gif) repeat-y 22% 0;  */

	color: #666666;

	padding: 0;

	position: relative;

}



#ja-footer .inner { float: right; padding: 0; width: 75%; }



#ja-footer small { color: #666; font-size: 100%; }



/* Foot Links ---*/

#ja-footer .ja-footnav {

	float: right;

	font-size: 100%;

	margin: 0 0 10px;

	overflow: hidden;

	position: relative;

	width: 75%;

}



.ja-footnav ul { float: left; line-height: normal; }



.ja-footnav li {

	border-left: 1px solid #999;

	display: block;

	float: left;

	padding: 0 10px;

}



.ja-footnav li a {

	color: #666;

	display: block;

	font-weight: bold;

	line-height: 1;

	text-decoration: none;

	text-transform: uppercase;

}



.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }



.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }



/* Copyright Info. ---*/

.ja-copyright small { display: block; }



/* MISCELLANOUS

----------------------------------------------------------- */

/* User Tools ---*/

ul.ja-usertools-font {

/*	font-size: 11px; */

/*	position: absolute; */

/*	top: 68px;  was 15 */

/*	right: 20px; */
	
/*	background: #11222C;  use this with white header: 66aadd  added */
}



ul.ja-usertools-font li, ul.ja-usertools-screen li {

	padding: 0;

	margin: 0;

	display: inline;

	background: none;

}



ul.ja-usertools-screen  {

/*	font-size: 11px; */

/*	position: absolute; */

/*	top: 68px;   was 15 */

/*	right: 90px; */
	
/*	background: #11222C;   use this with white header: 66aadd  added */

}



/* Others ---*/

#ja-banner {

	border-top: 1px solid #ccc;

	margin: 0;

	overflow: hidden;

	padding-top: 15px;

	text-align: center;

	width: 100%;

}



div.ja-innerdiv {

	border-bottom: 1px dotted #ccc;

	clear: both;

	margin-bottom: 10px;

	padding-bottom: 12px;

}



div.ja-innerdiv h4 {

	font-family: Arial, sans-serif;

	font-size: 92%;

	font-weight: normal;

	margin: 5px 0;

	padding: 0;

	text-transform: uppercase;

}



.cufon-canvas { padding: 1px 0 3px; }