* { padding:0; margin:0}
p {margin:0 0 15px 0}

body { color: #4e6d95; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff; padding:0; margin:0}

h1 {color:#39f; font-size:15px; font-weight: bold; font-family: "trebuchet ms"; text-align:center; padding:0; margin:0 auto}
h2 {color:#4e6d95; font-size:13px; text-align:center; font-family: "trebuchet ms"; margin:5px auto}
h3 {color:#4e6d95; font-size:12px; text-align:center; font-family: "trebuchet ms"; margin:0 auto}
img {border:none}
h1 img {vertical-align:middle;}

a {color:#0066CC; text-decoration:none;}
a:hover, a:focus {color:#4e6d95}

#content #leftClmn #news .newsPost p a:hover, #content #leftClmn #news .newsPost p a:focus {color:#0099FF}
#content #rightClmn #gps .newsPost p a {color: #56627C; font-size:12px; text-decoration:none; font-family: "trebuchet ms";}
#content #rightClmn #gps .newsPost p a:hover, #content #leftClmn #news .newsPost p a:focus {color:#0099FF}

input, select {font-size:11px}
a.homeLink, a.homeLink:hover { float:left; text-decoration:none; cursor:pointer; padding:67px 170px}
h1.empty {display:none;}
input, textarea, select {border:1px solid #ccc; padding:2px; background:#fff url(/img/inputshadow.png) repeat-x top;}
div.spacer {clear: both; height: 0; font-size:0}
.shortSelect {width:70px;}

#wrap {max-width:980px; min-width:770px; background:#fff; margin:0 0 0 5px}
#header {width:100%; height:157px; position:relative; background:#3399fe url(/img/header.jpg) top left no-repeat; clear:both}
#pilot {width:100%; height:25px; font-size:13px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; border-bottom:1px dashed #fff; color:#fff; font-weight:bold; text-align:center; padding:6px 0 0 0; background:#0272E2; clear:both }
#header #search { width:230px; height:71px; position:absolute; background:url(/img/sback.jpg) top left no-repeat; top:0px; right:7px;}
#header #search a.searchLink, 
#header #search a.searchLink:hover {position:absolute; text-decoration:none; font-size:10px; color:#333; cursor:pointer; top:48px; left:24px;}
#header #search #sfield { width:100px; position:absolute; top:23px; left:15px}
#header #search #sfield input, #header #search #ssubmit input {width:100%}
#header #search #ssubmit {width:30px; position:absolute; top:22px; left:125px}

#header #lang { width:65px; height:40px; z-index:1; position:absolute; text-align:right; top:70px; right:5px}
#header #lang  a img { margin-bottom:5px;}

#header #login_box {position:absolute; width:230px; top:72px; right:5px}
#header #login_box a {color:#333; text-align:center; margin:0 0 0 40px}
#header #login_box a:hover {color:#fff;}
#header #login_box p {float: left; color:#fff; width:70px; font-weight:bold; padding:0; margin:3px 0}
#header #login_box input { float:left; width:80px; padding:0; margin:3px 0 3px 5px }
#header #login_box #goForLogin input {float:left; padding:0; margin-left:8px; width:30px;}

#header h1.tlabel, #header h1.tlabel2 {color:#ff9933; font-size:10px; font-weight:bold; text-align:center;}
#header h1.tlabel { margin:0 auto}
#header h1.tlabel2 {float:left; margin:0}
#header #sbm {width:50px; height:60px; position:absolute; vertical-align:middle; top:93px; right:2px}
#header #sbm input { text-align:center; margin:17px 0 0 15px}

#topnav {width:100%; height:37px; background:#ccc; border-bottom:2px solid #f4f4f4; margin:3px 0 7px 0}
#topnav ul {width:100%; height:37px;}
#topnav ul li {display: inline;}
#topnav li a { float: left; color:#0065b5; text-decoration:none; font-weight:bold; border-right:1px solid #fff; padding:10px 7px}
#topnav li a:hover { color:#ff9933}

#content {width:100%}

#content #leftClmn {width:23%; float:left; clear: left;}
#content #rightClmn {width:72%; float:right; padding:0 20px 0 0; }

#content #leftClmn ul {text-align:left; list-style: none; border: none; padding:0; margin:0 0 10px 0}
#content #leftClmn ul li { border-bottom: 1px dotted #C39C4E; padding:0; margin:0 0 0 3px}
#content #leftClmn ul li a {font-size: 12px; text-decoration: none; color: #677084; display: block; padding: 6px 0 6px 30px}
#content #leftClmn ul li a.last {border-bottom:none}
#content #leftClmn ul li.homepage {background:url(/img/menu/home.jpg) left no-repeat}
#content #leftClmn ul li.whoarewe {background:url(/img/menu/about.jpg) left no-repeat}
#content #leftClmn ul li.termscons {background:url(/img/menu/terms.jpg) left no-repeat}
#content #leftClmn ul li.sitemap {background:url(/img/menu/sitemap.jpg) left no-repeat}
#content #leftClmn ul li.links {background:url(/img/menu/links.jpg) left no-repeat}
#content #leftClmn ul li.help {background:url(/img/menu/help.jpg) left no-repeat}
#content #leftClmn ul li.faq {background:url(/img/menu/faq.jpg) left no-repeat}
#content #leftClmn ul li.stats {background:url(/img/menu/stats.jpg) left no-repeat}
#content #leftClmn ul li.bp {background:url(/img/menu/bp.jpg) left no-repeat}
#content #leftClmn ul li a:hover, 
#content #leftClmn ul li a:focus {color: #0066CC}

#content h1.head { width:100%; height:23px; text-align:left; padding:0; margin:20px 0 0 0}
#content h1.head span.headcaption {color:#999; font-weight:bold;}

#content #leftClmn #news {width:90%; padding:0; margin:0 0 10px 5px}
#content #leftClmn #news .newsPost {padding:5px 0}
#content #leftClmn #news .newsPost h2 { color: #0099FF; font-size:11px; text-align:left; font-family: "trebuchet ms"; font-weight: bold;  padding:0; margin:0 }
#content #leftClmn #news .newsPost h2 span {color: #FF9933}
#content #leftClmn #news .newsPost p { text-align:left; padding:0 5px 0 0; margin:0 }
#content #leftClmn #news .newsPost p a {color: #56627C; font-size:12px; text-decoration:none; font-family: "trebuchet ms";}
#content #leftClmn #news .newsPost p a:hover, #content #leftClmn #news .newsPost p a:focus {color:#0099FF}
#content #leftClmn #news .newsPost p.newsFoot { text-align:center; background:url(/img/newsdivider.jpg) left bottom no-repeat; padding-left:78px; margin:10px 0 0 0 }
#content #leftClmn .newsPost p.newsFoot img {vertical-align:middle;}
#content #leftClmn .newsPost p.newsFoot a {color: #39f; text-decoration:none;}

#content #rightClmn .homeHead {background:url(/img/maind.jpg) left top no-repeat; margin:0 0 10px 0 }
#content #rightClmn .homeHead h1 { text-align:left; color:#0066CC; margin:10px 0 10px 40px}
#content #rightClmn .homeHead p.caption { width:70%; font-weight:bold; color:#0066CC; text-align:center; margin:5px auto}
#content #rightClmn .homeHead img {float:right; margin:5px}

.mainPost {color:#000; padding: 10px}
.mainPost a {font-weight:bold}
.mainPostF { color:#000; width:100%}
.matFileList {text-align:center; width:50%; border:1px dashed #ccc; border-left:none; border-right:none; padding:5px; margin:5px auto }
.matFileList h2 img {vertical-align:middle;}
.matFileList ul { text-align:left; margin-left:50px}

.caption { width:80%; color:#0066CC; text-align:center; margin:5px auto}

#catbar {width:99%; display:inline; clear:both; margin:0 auto;}
#catbar #wwctrl_setcat_0 {float:right}
#catbar #selectedCategory {float:right; font-size:11px; width:160px; padding-right:5px; margin-right:5px}
#content #rightClmn .homeMain p {color:#000; padding:0 5px 5px 5px; margin:0 5px 5px 5px}
p.utitle {width:90%; height:23px; text-align:left; padding:0; margin:0 0 10px 5px}
p.utitle a:link, p.utitle a:visited, p.utitle a:active  {color:#333333; text-decoration:none}
p.utitle a:hover {color:#0066cc; text-decoration:underline}
#errorpage { width:90%; text-align:center; padding:20px; margin:30px auto}
#content #rightClmn #gps {padding:0; margin:0 0 0 5px}
#content #rightClmn #gps .newsPost {color:#000000;  text-align:left; padding:5px 0}
#content #rightClmn #gps .newsPost h2 { color: #333333; font-size:12px; text-align:left; font-family: "trebuchet ms"; font-weight: bold;  padding:0; margin:0 }
#content #rightClmn #gps .newsPost h2 span {color:#FF9933}
#content #rightClmn #gps .newsPost h2 span a {color: #FF9933}
#content #rightClmn #gps .newsPost h2 span a:hover {color: #0099FF}
#content #rightClmn #gps .newsPost p {color:#000000;  text-align:left; padding:0 5px 0 0; margin:0 }
#content #rightClmn #gps .newsPost p a {font-size:12px;}
#content .about { width:90%; color:#000; clear:both; text-align:center; border-bottom:1px dashed #ccc; padding:5px; margin:5px auto}
#content .about p { margin:5px; text-align:left;}
#content .about ul {text-align:left; padding:10px; margin:10px 20px}
#content #rightClmn .artFiles {float:left; width:69%}
#content #rightClmn .mFiles {float:right; width:29%; padding:5px; border-left:1px dashed #ccc}
#content #rightClmn .mFiles ul {margin-left:20px}
#content #rightClmn .article h2 { color: #0099FF; text-align:left; font-weight: bold;  padding:0; margin:0 0 10px 0 }
#content #rightClmn .article h2 a { color: #0099FF; text-decoration:none}
#content #rightClmn .article h2 a:hover {color: #003366}
#content #rightClmn .article h3  {text-align:left; font-size:12px; color: #FF9933; padding:0; margin:0}
#content #rightClmn .article h3 span { font-style:italic; font-size:11px; color:#4e6d95 }
#content #rightClmn .article { color:#000; padding:5px; margin:0}
#content #rightClmn .sresults {width:80%; padding:8px; border-bottom:1px solid #ccc; margin:5px 0}
#content #rightClmn .sresults img {float:left; margin-right:20px; vertical-align:middle;}
#footer {width:100%; height:41px; background:#3398CC url(/img/footer.jpg) top left no-repeat; position:relative; margin:10px 0 0 0}
#footer .text {position:absolute; top:5px; left:185px; color:#fff; font-weight:bold}
/***** Post Footers *****/
#content #rightClmn .homeMain .pFooter, 
#content #rightClmn .topf { width:330px; background:url(/img/postdivider.jpg) left no-repeat; margin-right:10px}
#content #rightClmn .newsPost .pFooter { width:170px; background:url(/img/newsdivider.jpg) left no-repeat; margin-right:30px}	
#content #rightClmn .pFooter {float:right; vertical-align:middle; color: #39f; font-weight: bold; text-align:right}	
#content #rightClmn .pFooter img {vertical-align:middle}
#content #rightClmn .pFooter a {color:#39f; text-decoration:none}
#content #rightClmn .pFooter a:hover {color:#ff9933; text-decoration:none}

/***** Paging Index *****/
#content  #paging { text-align:center; margin:10px auto}
#content  #paging a { color: #0099FF; text-decoration:none}
#content  #paging a:hover {color: #003366;}

#form_box { width:49%; float:left; background:url(/img/absBorder.jpg) top right repeat-y; padding:0; margin:5px 0 0 0}
#form_box div {padding:5px 5px 5px 0}
#form_box div.tarea { }
#form_box p { float:left; width:100px}
div.subm { clear:both; text-align:center; margin:0 auto}
p.mand {font-weight:bold}

#log {margin:0 auto}
#log_res { text-align:center; overflow: auto}
#log_res.ajax-loading { padding:0; background: url(/img/spin.gif) no-repeat center}

span.success { color:#0099ff; font-size:13px}

#contactpoints { width:49%; float:right; padding:0; margin:5px 0 0 0}
#contactpoints p {margin:0 0 5px 0; padding:5px 0; border-bottom:1px dashed #ccc}
#contactpoints p img {vertical-align:middle; margin-right:4px}

#regForm {width:65%; float:left; padding:0; margin:5px 0 0 0}
#regInfo { width:33%; float:right; padding:0; margin:5px 0 0 0}

div.wwgrp { clear:both; padding:5px 5px 5px 0}
div.wwlbl { float:left; width:200px; margin:0 5px 0 0 }
div.wwctrl { float:left; margin:0 0 0 5px}
#wwgrp_register_username label, #wwgrp_register_email label, #wwgrp_register_password1 label, #wwgrp_register_password2 label {font-weight:bold;}
#register_receivesNewsletter {width:80px;}
div.regSubm { clear:both; text-align:center; margin:10px auto}

label.errorLabel, .errorMessage {color:#ff0000}

.linkblock {text-align:center; width:85%; border-bottom:1px dashed #ccc; margin:10px auto}
.linkblock div.linktitle {float:left; text-align:left; padding:5px 0}
.linkblock div.linkpar {float:right}
.linkblock p.linktitle img {vertical-align:middle; margin-right:4px}
.linkblock p a {color: #56627C; text-align:left; font-size:12px; text-decoration:none; font-family: "trebuchet ms";}
.linkblock p a:hover, .linkblock p a:focus {color:#0099FF}

span.catText {color:#0099ff; font-weight:bold}
span.itemTitle {font-weight:bold}

#leftTree { float:left; width:60%; margin:0 10px}
#rightTree {float:left; width:30%; margin:0 }
#leftTree ul, #rightTree ul {list-style:none; margin:5px 0px 10px 15px}
#rightTree ul li a {font-weight:bold}
div.styleSelectTitle {width:90%; padding:0 5px; text-align:center; margin:0 auto;}
div.styleSelectTitle a {text-decoration:none; padding:5px 0}