html{ height: 100%; }
body { margin: 0; padding: 0; width: 100%; height: 100%; font: 62.5% arial, verdana, sans-serif; color: #2e2e2e; background: #c7cacc url(images/bg.png) repeat-x; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.center{ text-align: center; }
.fLeft{ float: left; }
.fRight{ float: right; }

a img{ border: 0; }

/* a links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/


#wrapper{ margin: 0 auto; padding: 15px 0; width: 960px; }

#pageTop{ margin: 0 0 10px 0; padding: 0; height: 154px; width: 960px; background: url(images/top_bg.png) no-repeat; }
#pageContent{ margin: 0 0 10px 0; padding: 10px 10px 0 10px; width: 940px; background: #e7e8e9;  }
#pageBottom{ margin: 0; padding: 0; }

#pageContent .sideCol{ margin: 0 10px 0 0; padding: 0; width: 230px; float: left; }
#pageContent .mainCol{ margin: 0; padding: 0; width: 700px; float: left; }

#pageTop .logo{ float: left;}
#pageTop .logo h1{ padding: 15px 0 0 7px; }
#pageTop .logo h1 a{ margin: 0; padding: 0; display: block; width: 556px; height: 131px; }
#pageTop .logo h1 a span{ display: none; }

#pageTop .upperNav{ margin: 7px 0 0 7px; float: left; width: 390px; height: 30px; }
#pageTop .upperNav ul{ margin: 5px 0 0 5px; }
#pageTop .upperNav ul li{ margin: 0; padding: 5px 12px 5px 10px; float: left; background: url(images/top/upper_nav_sep.png) no-repeat right center;  }
#pageTop .upperNav ul li.last{ padding: 5px 10px; background: none; }
#pageTop .upperNav ul li a{ margin: 0; padding: 0; font-size: 1em; font-weight: bold; color: #585858; }
#pageTop .upperNav ul li a.shrink{ margin: 0 5px 0 0; }
#pageTop .upperNav ul li a.enlarge{ font-size: 1.2em; }
#pageTop .upperNav .search{ margin: 0 -3px 0 0; padding: 0; width: 153px; height: 26px; background: url(images/top/search_input.png) no-repeat; float: right; }
#pageTop .upperNav .search input{ margin: 2px 0 0 2px; padding: 2px 3px 0 3px; border: 0; width: 119px; height: 16px; }

/* -- Sidebar -- */

#pageContent .sideCol .navigation{ margin: 0 0 10px 0; padding: 0 5px 5px 5px; width: 220px; background: #fff url(images/sidebar/nav/nav_bottom.png) no-repeat left bottom; }
#pageContent .sideCol .navigation h3.home{ margin: 0 -5px 5px -5px; padding: 10px 10px 0 20px; width: 200px; background: url(images/sidebar/nav/nav_top.png) no-repeat left top; }
#pageContent .sideCol .navigation h3.home a{ margin: 0; padding: 0; color: #235993; font-weight: bold; font-size: 1.3em; }

/* First level */
#pageContent .sideCol .navigation ul{}
#pageContent .sideCol .navigation ul li{}
#pageContent .sideCol .navigation ul li h3{ margin: 0; padding: 7px 10px 7px 15px; }
#pageContent .sideCol .navigation ul li h3 a{ margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; color: #195ca2; }

#pageContent .sideCol .navigation ul li h3 a.locked{ padding-right: 17px; background: url(images/page_lock.png) no-repeat top right; }

/* First level selected */
#pageContent .sideCol .navigation ul li.selected{ background: #ff8400; }
#pageContent .sideCol .navigation ul li.selected a{ color: #fff; }

/* Second level */
#pageContent .sideCol .navigation ul ul{}
#pageContent .sideCol .navigation ul ul li{ margin: 0; padding: 0; background: #f7f7f6; }
#pageContent .sideCol .navigation ul ul li h3{ margin: 0; padding: 5px 10px 5px 30px; background: url(images/sidebar/nav/bullet.png) no-repeat 17px center; }
#pageContent .sideCol .navigation ul ul li h3 a{ margin: 0; padding: 0; color: #0e4274 !important; font-size: 1.2em !important; font-weight: normal !important; }

/* Second level selected */
#pageContent .sideCol .navigation ul ul li:hover,
#pageContent .sideCol .navigation ul ul li.selected{ background: #e4e4e4; }

#pageContent .sideCol .newMembers{ margin: 0 0 10px 0; padding: 0; }
#pageContent .sideCol .newMembers a{ margin: 0; padding: 0; display: block; width: 230px; height: 195px; background: url(images/sidebar/new_members.png) no-repeat;  }
#pageContent .sideCol .newMembers a span{ display: none; }

#pageContent .sideCol .banner{ margin: 0 0 10px 0; padding: 0; text-align: center; }
#pageContent .sideCol .banner a{ display: block; }

/* Third level */
#pageContent .sideCol .navigation ul ul ul{ padding: 5px 0; background: #194279; }
#pageContent .sideCol .navigation ul ul ul li{ margin: 0; padding: 2px 10px 2px 30px; background: #194279; }
#pageContent .sideCol .navigation ul ul ul li h3{ margin: 0; padding: 0; background: none; }
#pageContent .sideCol .navigation ul ul ul li h3 a{ margin: 0; padding: 0; color: #fff !important; font-size: 1.2em !important; font-weight: normal !important; }

/* Third level selected */
#pageContent .sideCol .navigation ul ul ul li:hover,
#pageContent .sideCol .navigation ul ul ul li.selected{ background: #194279; }


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

#pageContent .mainCol .box700{ margin: 0 0 10px 0; padding: 0 0 5px 0; background: #fff url(images/mainCol/box_700_bottom.png) no-repeat left bottom; position: relative; }
#pageContent .mainCol .box700 h4{ margin: 0; padding: 8px 20px 0 20px; height: 26px; background: url(images/mainCol/box_700_top.png) no-repeat left top; font-size: 1.3em; font-weight: bold; color: #ff8400; }
#pageContent .mainCol .box700 span.updated{ margin: 0; padding: 0; position: absolute; right: 10px; top: 10px; color: #828282; }
#pageContent .mainCol .box700 .content{ margin: 0; padding: 15px 15px 10px 15px; }
#pageContent .mainCol .box700 .content a.more{ margin: 0; padding: 0 0 0 10px; color: #195ca2; background: url(images/mainCol/arrow.png) no-repeat left 4px; }

#pageContent .mainCol .box470{ margin: 0 0 10px 0; padding: 0 0 5px 0; background: #fff url(images/mainCol/box_470_bottom.png) no-repeat left bottom; }
#pageContent .mainCol .box470 h4{ margin: 0; padding: 8px 20px 0 20px; height: 26px; background: url(images/mainCol/box_470_top.png) no-repeat left top; font-size: 1.3em; font-weight: bold; color: #ff8400; }
#pageContent .mainCol .box470 .content{ margin: 0; padding: 15px 15px 10px 15px; }

#pageContent .mainCol .box220{ margin: 0 0 10px 0; padding: 0 0 5px 0; background: #fff url(images/mainCol/box_220_bottom.png) no-repeat left bottom; }
#pageContent .mainCol .box220 h4{ margin: 0; padding: 8px 20px 0 20px; height: 26px; background: url(images/mainCol/box_220_top.png) no-repeat left top; font-size: 1.3em; font-weight: bold; color: #ff8400; }
#pageContent .mainCol .box220 .content{ margin: 0; padding: 10px 15px 10px 15px; }
#pageContent .mainCol .box220 .content p{ margin: 0; padding: 0 0 5px 0; font-size: 1.2em; color: #333333; }
#pageContent .mainCol .box220 .content p img{ margin: 0 0 5px 5px; }
#pageContent .mainCol .box220 .content a.more{ margin: 0; padding: 0 0 0 10px; font-size: 1.2em; color: #195ca2; background: url(images/mainCol/arrow.png) no-repeat left 4px; }

#pageContent .sideCol .box230{ margin: 0 0 10px 0; padding: 0 0 5px 0; background: #fff url(images/mainCol/box_230_bottom.png) no-repeat left bottom; }
#pageContent .sideCol .box230 h4{ margin: 0; padding: 8px 20px 0 20px; height: 26px; background: url(images/mainCol/box_230_top.png) no-repeat left top; font-size: 1.3em; font-weight: bold; color: #ff8400; }
#pageContent .sideCol .box230 .content{ margin: 0; padding: 10px 15px 10px 15px; }
#pageContent .sideCol .box230 .content p{ margin: 0; padding: 0 0 5px 0; font-size: 1.2em; color: #333333; }
#pageContent .sideCol .box230 .content p img{ margin: 0 0 5px 5px; }
#pageContent .sideCol .box230 .content a.more{ margin: 0; padding: 0 0 0 10px; font-size: 1.2em; color: #195ca2; background: url(images/mainCol/arrow.png) no-repeat left 4px; }


#pageContent .mainCol .leftCol{ margin: 0 10px 0 0; padding: 0; width: 470px; float: left; }
#pageContent .mainCol .rightCol{ margin: 0; padding: 0; width: 220px; float: left; }

/* -- Bottom -- */

#pageBottom .contactInfo{ margin: 0 0 10px 0; padding: 15px 0 0 0; width: 960px; height: 30px; background: #939495; }
#pageBottom .contactInfo p{ font-size: 1.4em; font-weight: bold; color: #fff; text-align: center; }
#pageBottom .banner{ margin: 0 0 10px 0; padding: 0; }
#pageBottom .rights{ margin: 0; padding: 0; }
#pageBottom .rights p{ margin: 0; padding: 0; text-align: right; font-size: 1.1em; color: #434343; }

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