/* CSS Document */

a{ color:#4AA8A8; text-decoration:none; }
body{ background:#fff url(images/bg_header.gif) repeat-x top; color:#525252; font:normal 12px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; }
h1, h2, h3, h4, h5, h6{ color:#4AA8A8; font-weight:normal; }
h2{ font-size:24px; }
h3{ font-size:20px; }
hr{ clear:both; visibility:hidden; }
tr{ vertical-align:top; }

#header{ height:130px; margin:0 auto; width:800px; }
#header h1{ float:left; height:130px; overflow:hidden; text-indent:-9999px; voice-family:inherit; width:185px; }
#header h1 a{ background:transparent url(images/bg_h1.gif) no-repeat 0 20px; display:block; float:left; height:130px; width:175px; }
#header #contactus{ color:#939393; float:left; font:normal 11px Arial, Helvetica, sans-serif; padding:30px 0 35px 0; text-align:right; text-decoration:none; width:611px; }
#header #nav{ float:left; /*margin:-25px 0 0 0;*/ /*padding:60px 0 0 0;*/ width:614px; }
#header #nav ul#navul a{ display: block; }
#header #nav ul#navul{ margin:0; padding:0; }
#header #nav ul#navul li{ float:left; list-style:none outside none; position:relative; }
#header #nav ul#navul li a{ color:#939393; font:normal 16px Arial, Helvetica, sans-serif; line-height:50px; padding:0 14px; text-decoration:none; }
#header #nav ul#navul li#navdonate{ color:#939393; font:normal 16px Arial, Helvetica, sans-serif; line-height:50px; padding:0 14px; text-decoration:none; }
#header #nav ul#navul li a:hover{ background:transparent url(images/bg_nav_on.gif) repeat-x bottom; }
#header #nav ul#navul li ul { display:none; position:absolute; }
#header #nav ul#navul li:hover ul, 
#header #nav ul#navul li.p7hvr ul{ display: block; }

body.sub #header #nav ul#navul li a{ padding:0 9px; }

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#header #nav ul#navul li {width: auto;}

/* hide from IE mac \*/
#header #nav ul#navul li {position: static; width: auto;}
/* end hiding from IE5 mac */

#container{ background:transparent url(images/bg_index.jpg) no-repeat right 20px; margin:0 auto; padding:135px 0 10px 20px; text-align:left; width:780px; }
#container #columnleft{ background:#F5F5F5 url(images/bg_content.gif) repeat-x top; float:left; padding:0; width:450px; }
#container #columnleft .top{ background:transparent url(images/bg_columnleft_top.gif) no-repeat top; height:8px; }
#container #columnleft .bottom{ background:transparent url(images/bg_columnleft_bottom.gif) no-repeat bottom; height:8px; }
#container #columnleft .content{ background:transparent url(images/bg_columnleft_content.gif) repeat-y; padding:10px 10px; }
#container #columnleft #introduction img{ float:right; padding:0 0 5px 5px; }
#container #columnleft #introduction p{ line-height:24px; }
#container #columnleft #introduction .tagline{ color:#4AA8A8; font-size:16px; line-height:140%; }
#container #columnright{ background:#CFE5E6 url(images/bg_columnright.gif) repeat-x top; float:left; margin:0 0 0 10px; padding:0; width:320px; }
#container #columnright .top{ background:transparent url(images/bg_columnright_top.gif) no-repeat top; height:8px; }
#container #columnright .bottom{ background:transparent url(images/bg_columnright_bottom.gif) no-repeat bottom; height:8px; }
#container #columnright .content{ background:transparent url(images/bg_columnright_content.gif) repeat-y; }
#container #columnright #video{ height:auto; overflow:visible; text-align:center; }
#container #columnright #video a{ display:block; }
#container #columnright #latestpostings h2{ background:transparent url(images/bg_columnright_content_mid.gif) no-repeat; color:#4E5858; font:normal 18px Arial, Helvetica, sans-serif; margin:-10px 0 0 0; padding:30px 5px 0 5px; }
#container #columnright #rss{ margin:-20px 5px 0 0; text-align:right; }
#container #columnright ul{ margin:0; padding:5px; }
#container #columnright ul li{ font:normal 11px Arial, Helvetica, sans-serif; list-style:none outside none; padding:5px 0; }
#container #columnright #more{ border-top:1px solid #C3D8D8; text-align:center; }
#container #columnright #more a{ color:#738989; font-size:11px; }

body.sub #container{ background:transparent url(images/bg_sub.jpg) no-repeat right 20px; margin:0 auto; padding:110px 0 10px 20px; text-align:left; width:780px; }
body.sub #container #columnleft{ background:#fff none; float:left; padding:0; width:100px; }
body.sub #container #columnleft .top{ background:#fff none; height:8px; }
body.sub #container #columnleft .bottom{ background:#fff none; height:8px; }
body.sub #container #columnleft .content{ background:#fff none; padding:0 10px; }
body.sub #container #columnleft ul{ margin:0 0 0 5px; padding:0; }
body.sub #container #columnleft ol{}
body.sub #container #columnleft ul li{ color:#4AA8A8; line-height:16px; list-style:square outside none; padding:0 0 10px 0; }
body.sub #container #columnright{ background:#f5f5f5 url(images/bg_content.gif) repeat-x top; float:left; margin:0 0 0 10px; padding:0; width:605px; }
body.sub #container #columnright .top{ background:transparent url(images/bg_content_top.gif) no-repeat top; height:8px; }
body.sub #container #columnright .bottom{ background:transparent url(images/bg_content_bottom.gif) no-repeat bottom; height:8px; }
body.sub #container #columnright .content{ background:transparent url(images/bg_content_content.gif) repeat-y; padding:15px 25px; }
body.sub #container #columnright .content p{ line-height:30px; }
body.sub #container #columnright ul{ margin:0 0 0 16px; padding:0; }
body.sub #container #columnright .content ul li{ font-size:12px; list-style:square outside none; }
body.sub #container #columnright .content ol li{ line-height:24px; padding:0 0 20px 0; }
body.sub #container #columnright .content hr{ visibility:visible; }

#footer{ border-top:1px solid #F0F0F0; color:#bebebe; font:normal 11px Arial, Helvetica, sans-serif; margin:0 auto; padding:10px 0; text-align:left; width:800px; }
#footer p{ margin:0; padding:5px; }
#footer a{ font:normal 11px Arial, Helvetica, sans-serif; }
#footer ul{ margin:0; padding:20px 0 0 0; }
#footer ul li{ display:inline; list-style:none outside none; }
#footer ul li a{ border-left:1px solid #bebebe; color:#bebebe; padding:0 5px; text-decoration:none; }
#footer ul li#navdonate{ border-left:1px solid #bebebe; color:#bebebe; padding:0 5px; text-decoration:none; }
#footer ul li#navabout a{ border:none; }
#footer #bottomnav{ float:left; width:450px; }
#footer #awards{ float:left; width:350px; }

.backtotop{ background:none; border-bottom:1px solid #ddd; text-align:right; }
.backtotop a{ font-size:11px; }
.clear{ clear:both; }
.doctype, .doctype a{ color:#999; font-size:10px; text-transform:uppercase; }

table.about{ border-spacing:5px; }
table.about td{ padding:0 0 20px 0; }
table.about h3{ font:bold 14px Arial, Helvetica, sans-serif; }
table.about h3 span.title{ font:normal 12px Arial, Helvetica, sans-serif; }
table.about img{ padding:20px 10px 0 0; } 

table#highlight.about td{ background:#D5EEF5 url(images/bg_arrow.gif) no-repeat 5px 10px; border:1px solid #A4DAE9; color:#0177A9; font:normal 13px Arial, Helvetica, sans-serif; padding:10px 10px 10px 40px; width:33%; }

table.partners{ border-spacing:5px; }
table.partners img{ border:1px solid #ddd; margin:20px 10px 0 0; }

table.product{ border-spacing:5px; }
table.product img{ border:1px solid #ddd; margin:20px 10px 0 0; }