@import url("base.css");

body {
background: #505b8b; color: #666666; font: 12px/21px Verdana;
}

a {
text-decoration: none; color: #52609E;
}

table {
border-collapse: collapse
}

#wrapper {
margin: 20px auto; width: 950px; background: #ffffff url(/img/bg_wrapper.gif) no-repeat top; padding: 100px 0 50px; overflow: hidden;
}

h1#logo {
width: 745px; height: 16px; text-indent: -999999px; background: url(/img/logo.gif) no-repeat; position: absolute; top: 50px; left: 115px; z-index: 100;
}

#col_l {
float: left; left: 35px; width: 200px; background: url(/img/bg_watermark.gif) no-repeat center top; z-index: 100; padding: 150px 0 0 0; color: #666666; font: 12px Verdana;
}

#col_r {
	float: left;
	width: 690px;
	overflow: hidden;
	left: 60px;
	z-index: 1;
	margin-right: 10px;
}

#col_full {
color: #666666; font: 12px Verdana; margin: 20px 20px 0 0;
}

#col_full ul {
margin: 0 7 25px 15px;
}



#header {
background: url(/img/bg_header.jpg) repeat-y left top; width: 100%; height:139px; z-index: 1;
}

h1 {

	color:#6573b0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#header img {
display: block;
}

h6 {
color: #666666; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; margin: 0 0 8px 0;
}
h4 {
color: #6573b0; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; margin: 0 0 8px 0;
}

#col_r h2 {
background: #aab1d3; color: #ffffff; border: 1px solid #6573b0; border-right: 0; font: 13px Arial; letter-spacing: 2px; padding: 7px 7px 7px 20px; margin: 5px 0 0 0;
}

#col_r h3 {
	color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 15px; letter-spacing: 3.3px; position: absolute; top: 60px; left: 250px;
}

#col_r h4 {color:#6573b0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px}

#col_r #col_subA {
float: left; width: 435px; padding: 10px 15px 10px 0; margin: 20px 0 0 0;
}

#col_r #col_subA2 {
float: left; width: 310px; padding: 0 15px 10px 0; margin: 20px 0 0 0;
}

#col_r #col_subB2 {
width: 350px; padding: 10px 0;	margin: 20px 0 0 10; overflow: hidden;
}

#col_r #col_subB2 h4 {
background: #ededed; border-top: 1px solid #aaaaaa; font-weight: bold; color: #4f4f4f; padding: 0 0 0 4px;
}

div.ulvideos {
overflow: auto; width: 350px; height: 350px; 
}

ul.videos {
margin: 0; padding: 0 0 0 0; overflow: hidden;
}

ul.videos li {
margin: 0 15px 15px 0; list-style: none; float: left;
}



#col_r #col_subA1 {
float: left; width: 635px; padding: 10px 15px 10px 0; margin: 20px 0 0 0;
}

#col_r #col_subB {
	float: left;
	width: 236px;
	border-left: 1px solid #cccccc;
	left: -1px;
	padding: 10px 0;
	margin: 20px 0 0 10;
	background: url(../img/faq-bkrnd.jpg) no-repeat center 70px;
}
#col_r #col_subC {
	float: left;
	width: 236px;
	border-left: 1px solid #cccccc;
	left: -1px;
	
	background-repeat: no-repeat;
	background-position: center 55px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#col_r #col_subBa {
	float: left;
	width: 236px;
	border-left: 0px solid #cccccc;
	left: 10px;
	padding: 10px 0;
	margin: 20px 0 0;
	
}
p {
color: #666666; font: 12px/18px Verdana; margin: 0 0 15px 0;
}

ul#news {
margin: 0 10px 25px 10px; padding: 0;
}
li {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}


ul#news li {
	list-style: none;
	color: #6573b0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-right: 8px;
}

ul#news li h3 {
font: 16px Arial; text-transform: uppercase;
}

ul#news li a {
color: #52609E; font: 12px Arial;
}

ul#footer {
margin: 25px 35px 0 35px; padding: 125px 0 0; font: 10px Arial; color: #656565; clear: both; overflow: hidden; background: url(../img/bg_footerlogos.gif) no-repeat left top;
}
#footerb {
	font: 8px Arial;
	color: #333333;
	clear: both;
	width: 900px;
	margin: 0 35 0 35px; padding: 0 0 0 35px;
}

ul#footer li {
list-style: none; float: left; border-left: 1px solid #656565; margin: 0 0 0 5px; padding: 0 0 0 5px;
}

ul#footer li:first-child {
border: 0; margin: 0; padding: 0;
}
ul#footer {
margin: 25px 35px 0 35px; padding: 125px 0 0; font: 10px Arial; color: #656565; clear: both; overflow: hidden; 
}

ul#footer2 li:first-child {
border: 0; margin: 0; padding: 0;}

ul#footer2 li {
list-style: none; float: left; border-left: 1px solid #656565; margin: 0 0 0 5px; padding: 0 0 0 5px;
}

ul#mainnav {
width: 200px; margin: 0; padding: 0;
}

ul#mainnav li {
font: 12px Arial; background: #ffffff; overflow: hidden; border-top: 1px solid #CFDEFF; padding: 4px;
}

ul#mainnav li a {
color: #6573b0; display: block; padding: 0 12px 0 0;
}

ul#mainnav li a.sub {
background: url(/img/bg_navarrow_down.gif) no-repeat right;
}

ul#mainnav li div {
overflow: hidden;
}

ul#mainnav li div li {
border: 0; list-style: none; padding: 0; margin: 0;
}

ul#mainnav li div li a {
background: url(/img/bg_navarrow.gif) no-repeat left; padding: 0 0 0 10px;
}

ul#mainnav li div ul {
padding: 0; margin: 8px 0 8px 18px;
}

ul#media {
margin: 0 0 25px 0; padding: 0; overflow: hidden;
}

ul#media li {
list-style: none; float: left; width: 150px; margin: 0 50px 25px 0;
}

ul#media li img {
margin: 0 0 12px 0;
}

ul#media li  h3 {
font-weight: normal; font-style: italic; color: #666666;
}

ul#media li a {
display: block;
}

ul#faq {
margin: 0 12px 0 12px; padding: 0; font-size: 11px; font-weight: bold;
}

ul#faq li {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: lighter;
}

ul#faq a {
color: #6573b0;
}

h5#pollard {
position: relative; text-align: center; display: block; background: url(../img/bef-aft_button1.jpg) no-repeat 8px 8px; width: 220px; height: 35px; border: 0; margin: 0 0 12px 0; padding: 20px 50px 0 0; font-size: 11px;
}

h5#pollard a {
color: #ffffff; letter-spacing: 1.2px; font-family: Verdana;
}

#col_subB h4 {
margin: 0 0 12px 12px;
}

#col_subB table {
margin: 0 0 0 12px;
}

#col_subB table td {
padding: 0 15px 15px 0; 
}


#col_subA table {
margin: 0
}

#col_subA table td {
padding: 0 35px 15px 0; 
}

#col_subA table h4 {
color: #6573b0; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; letter-spacing: 2.4px; font-weight: bold;
}
form#friend table {
width: 100%;
}

form#friend table td.label {
width: 100px;
}

form#friend input {
width: 100%; margin: 0; padding: 0;
}

form#friend input, form#friend textarea {
width: 100%; margin: 0; padding: 0; color: #666666; font: 12px Verdana;
}

form#friend textarea {
margin: 6px 0 0 0; height: 50px;
}

form#friend blockquote {
margin: 15px 25px 25px 25px
}

form#friend input[type=submit] {
width: auto; border: 1px solid #CFDEFF; padding: 2px 5px 2px 5px; background: #ffffff;
}

p.fl_r {
float: right;
}

p.note {
font-size: 11px; font-style: italic; clear: both;
}

#topnav {
	background: #746d5f;
	overflow: visible;
	height: 18px;
	margin-bottom: 1px;
	padding: 4px 4px 4px 0;
	z-index: 100;
	
}

#topnav ul {
padding: 0; margin: 0; list-style: none; float: right;
}

#topnav a {
display: block; font-size: 11px; color: #ffffff;
}

#topnav ul li { /* all list items */
float: left; margin: 0 10px 5px 0; padding: 0 0 5px 8px; display: block; color: #ffffff;
}

#topnav ul li a { /* all list items */
margin: 0 0 4px 0;
}


#topnav ul li ul { /* second-level lists */
position: absolute; background: #807a6d; overflow: hidden; left: -999em; margin: 0; padding: 0 0 8px 0; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#topnav ul li ul li { /* second-level lists */
float: none; display: block; border: 0; margin: 0; padding: 0;
}

#topnav ul li:hover ul, #nav ul li.sfhover ul { /* lists nested under hovered list items */
left: auto; margin-left: -8px;
}

#topnav ul li ul li a { 
padding: 1px 8px 1px 8px; display: block;
}

#topnav ul li ul li a:hover { /* lists nested under hovered list items */
background: #b2afa7;
}