/* GLOBAL SETTINGS */

body {
	margin: 0 auto;
	background: url(images/background.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dbe4ef;
	scrollbar-base-color: #dbe4ef;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF  
}

html { margin: 0; padding: 0; height: 100% }

h1, h3, h4, h5, h6{
	margin: 0;
	font-style: italic;
	font-size: 21px;
	color: #1d4c61;
	font-weight: 300;
	text-align: left;
}
h2{
	font-size: 15px;
	font-style: italic;
	font-weight:normal;
	margin: 0 0 0 0;
	color: #666666;
	text-align: left;
}
a img{border: none;}

/* BANNER */
#bannerwrap{
	margin: 0 auto;
	width: 901px;
	height: 99px;
}

#banner{
	margin: 0 auto;
	width: 892px;
	height: 282px;
	font-size: 12px;
}

#logo{
	width: 240px;
	height: 90px;
	float: left;
}

#phone{
	float: left;
	width: 403px;
	height:90px;
	background-image:url(/options/default/defaulttxt.png);
	background-repeat:no-repeat;
	text-align:right;
}
.promoNumber {
	z-index:999;
	font-family: Calibri, Cambria, sans-serif;
	font-size:3em;
	font-weight:500;
	font-style:oblique;
	color:#FFF;
	width:390px;
	padding-right:20px;
	padding-top:10px;
	position:inherit;
}


/*      TOP RIGHT LINKS AREA      */
#login{
	width: 163px;
	height: 94px;
	float: left;
	margin: 0 0 0 14px;
	padding: 5px 0 0 67px;
	background: url(images/top-right.jpg) no-repeat bottom;
}
#login a{
	margin: 0 8px 0 0;
	font-size: 11px;
	color: #e2eaef;
	text-decoration: none;
}
#login a:hover{
	text-decoration: underline;
}
#trmem{
	margin: 0 18px 0 0;
	float:right;
	width: 91px;
	height: 20px;
	padding-top:4px;
}

#trcli{
	margin: 0 11px 0 0;
	height: 20px;
	float:right;
	padding-top:4px;
}
#trlive{
	float:left;
	padding-top:4px;
	width: 58px;
	height: 20px;
}
#maillist{margin: 0 5px 0 0;
	padding-top:4px;
	float:right;
}
/* END */


#sitewrap{
	margin: 0 auto;
	width: 892px;
	background: url(images/content-background.jpg) repeat-y;
}

/* MAIN NAV AREA - SOME OF THIS MAY NO LONGER BE REQUIRED - WE CAN CONSOLIDATE AT LATER DATE */
#navwrap{
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 882px;
	height: 41px;
	background-image: url(images/navbar.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#nav{
	width: 882px;
	height: 41px;
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
}
#nav .home a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .maillist a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 7px;
}
#nav .dmp a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .wwcd a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .csc a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .friend a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 41px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
#nav .home:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .dmp:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .wwcd:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .csc:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .friend:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav .maillist:hover{
	text-decoration: none;
	background-image: url(/images/navhover.jpg);

}
#nav ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
#nav li{
  float: left;
  position: relative;
  width: auto;
  }
#enroll{
	margin: 0 auto;
	padding: 0;
}
#nav .topnav a{
	padding: 0px;
	height: auto;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* END */

/* CONTACT */
#banner{
	width: 880px;
	height: 290px;
	background: url(images/photo.jpg) no-repeat right top;
}	

#form{
	margin: 14px 0 0 0;
	padding: 5px 0 0 15px;
	width: 523px;
	height: 245px;
	float: left;
}


/* FLASH */
#flashnav{
	margin: 0 auto;
	width: 880px;
}


/* SUBBOX AREA */
#subboxwrap{
	margin: 0 0 0 50px;
}
#subbox{
	margin: 0 30px 0 0;
	float: left;
	width: 244px;
	font-size: 13px;
	color: #666666;
	line-height: 24px;
}
#subbox a{
	color: #486716;
	font-weight: bold;
	text-decoration: none;
}
#subbox a:hover{
	color: #942730;
}
#family1 a {
	display: block;
	background:  url(images/family1.jpg) top;
	width: 244px;
	height: 56px;
}
#family1 a:hover{
	background:  url(images/family1over.jpg) no-repeat bottom;
}
#family2 a {
	display: block;
	background:  url(images/family2.jpg) top;
	width: 244px;
	height: 56px;
}
#family2 a:hover{
	background:  url(images/family2over.jpg) no-repeat bottom;
}
#family3 a {
	display: block;
	background:  url(images/family3.jpg) top;
	width: 244px;
	height: 56px;
}
#family3 a:hover{
	background:  url(images/family3over.jpg) no-repeat bottom;
}


/* TRUST ELEMENTS */
#trust{
	margin-top: 20px;
	width: 862px;
	height: 66px;
	text-align:center;
	vertical-align: middle;
	margin-right: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: 25px;
}
#trust ul{
	display: inline;
	list-style: none;
}
#trust li{
	float: left;
	list-style: none;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 8px;
}
.hoverpic{
	position: relative;
	z-index: 0;
}
.hoverpic:hover{
	background-color: transparent;
	z-index: 50;
}

.hoverpic span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px solid #666666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.hoverpic span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.hoverpic:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left: 50px; /*position where enlarged image should offset horizontally */
	top: -290px;
}


.hoverpic2{
	position: relative;
	z-index: 0;
}
.hoverpic2:hover{
	background-color: transparent;
	z-index: 50;
}

.hoverpic2 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px solid #666666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.hoverpic2 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.hoverpic2:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	left: -200px; /*position where enlarged image should offset horizontally */
	top: -290px;
}


/* FOOTER */
#footer{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	width: 892px;
	height: 95px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #313131;
}
#footer a{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
#footer a:hover{
	text-decoration: underline;
}
.left{
	float: left;
}
.green{
	margin-top: 0px;
	}
.green li{
	list-style-type: none;
	color: #00CC99;
	line-height: 12px;
	list-style-image: url(/images/2.png);
	list-style-position: outside;
}
.yellow{
	margin-top: 0px;
	}
.yellow li{
	list-style-position: outside;
	list-style-type: disc;
	color: #FFFF33;
	line-height: 12px;
	list-style-image: url(/images/1.png);
}
.blue{
	margin-top: 0px;
	}
.blue li{
	list-style-position: outside;
	list-style-type: disc;
	color: #95CAF6;
	line-height: 12px;
	list-style-image: url(/images/3.png);
}
.red{
	margin-top: 0px;
	}
.red li{
	list-style-position: outside;
	list-style-type: disc;
	color: #8D3740;
	line-height: 12px;
	list-style-image: url(/images/4.png);
}
#sig{
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: right;
	width: 900px;
	height: 20px;
	font-size: 10px;
}
#sig a{
	color: #003366;
}


/* DEEPER PAGES */
#contentwrap{
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 850px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
}

/* LEFT NAVIGATION AREA */
.mainnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 195px;
}
.mainnav ul{
	margin: 0;
	list-style-type: none;
	width: 195px;
	padding: 0;
	line-height: 32px;
	list-style-image: none;
	color: #333333;
	
}
	
.mainnav ul li{
	position: relative;

}
	
/*Sub level menu items */
.mainnav ul li ul{
	position: absolute;
	width: 195px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	list-style-type: none;
	color: #333333;
	list-style-image: none;
	height: 32px;
	padding-left: 0px;
}


/* Sub level menu links style */
.mainnav ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #333333;
	text-decoration: none;
	width: 195px;
	list-style-type: none;
	color: #333333;
	line-height: 32px;
	list-style-image: none;
	background-color: #EEEFE7;
	height: 32px;
	padding: 0;
	text-indent: 15px;
	font-size: 10px;
	font-weight: bold;
	background-image: url(images/sub-nav.jpg);
	background-repeat: no-repeat;
}

.mainnav ul li a:visited{
	color: #333333;
	list-style-type: none;
	list-style-image: none;
	list-style-image: none;
}

.mainnav ul li a:hover{
	list-style-type: none;
	list-style-image: none;
	color: #8D3740;
}

.mainnav ul li ul a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #333333;
	text-decoration: none;
	width: 195px;
	list-style-type: none;
	color: #333333;
	line-height: 32px;
	list-style-image: none;
	background-color: #F1F2EC;
	height: 32px;
	padding: 0;
	text-indent: 15px;
	font-size: 10px;
	font-weight: bold;
	background-image: none;
}

.mainnav ul li ul a:visited{
	color: #333333;
	list-style-type: none;
	list-style-image: none;
	list-style-image: none;
}

.mainnav ul li ul a:hover{
	list-style-type: none;
	list-style-image: none;
	color: #8D3740;
}

.mainnav .subfolderstyle{
	list-style-type: none;
}


/* Holly Hack for IE \*/
* html .mainnav ul li { float: left; height: 1%; }
* html .mainnav ul li a { height: 1%; }
/* END LEFT NAVIGATION */	


/*LEFT NAV TOP */	
#smt{
	margin: 0 auto;
	height: 12px;
	width: 195px;
	background-image: url(images/subnav-top.jpg);
	background-repeat: no-repeat;
}

/*LEFT NAV BOTTOM */
#smb{
	margin: 0 auto;
	height: 12px;
	width: 195px;
	float: left;
	background-image: url(images/subnav-bottom.jpg);
	background-repeat: no-repeat;
}


/* CONTENT BOX ELEMENTS */
#contentsmart{
	float: left;
	width: 830px;
	font-size: 13px;
	color: #666666;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: justify;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#contentsmart a{
	color: #1d4c61;
	text-decoration: underline;
	font-weight: bold;
}

#contentsmart a:hover{
	color: #8D3740;
	text-decoration: underline;
	font-weight: bold;
}

/* FORMS */

select {
	color:#1d4c61;
	text-decoration: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 

option {
	color:#1d4c61;
	text-decoration: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

textarea {
	color:#000000;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #CCCCCC;
} 

input {
	color:#000000;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	cursor: hand;
}
.border {
	background-image: url(/images/border-times.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.border2 {
	background-image: url(/images/border-times.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
strong {
	color: #1d4c61;
	font-style: italic;
}