img{border: 0;}
a{text-decoration: none;}
div{overflow: hidden;}
html, body{line-height: 16px; background: #3c2c53; width: 100%; font-family: Verdana; font-size: 11px; margin: 0; padding: 0; text-align: center;}
#container1{max-width: 900px; min-width: 800px; background: url(img/bg_v.gif) repeat-y; background-position: top center; margin: 0 auto; text-align: center;}
#container2{text-align: left; margin: 0 auto; width: 800px;}
h1, h2, h3, h4, h5, h6{font-style: normal; font-weight: normal; font-size: 11px; margin: 0; padding: 0;}

/* HEADER */
#header {background: #fff url(img/header.gif); width: 800px; height: 102px; color: #000;}
#header #logo{float: left; height: 102px; width: 200px; display: block;}
#logo span{display: none;}
#topmenu {float: right; list-style: none; margin: 0 7px; padding: 0; height: 102px;}
#topmenu li{display: inline; margin: 0; padding: 0; display: block; float: left; width: auto;}
#topmenu a{display: block; padding: 5px 15px 5px 10px; height: 92px; color: #000; text-transform: uppercase;}
#topmenu a:hover{background: #D2D9DD; color: #472C80}
#not_cu{color: #999; display: block; padding: 0px 15px 0px 0px; margin: 5px 0; float: right; border-right: solid #CCC 1px; }
#not_cu a{color: #472C80; text-transform: uppercase;}
#not_cu a:hover{color: #EC1C24; background: none;}

/* FOOTER */
#container3{margin: 0 auto; text-align: center; height: 100px; max-width: 900px; min-width: 800px; background: url(img/bg_foot.gif) no-repeat; background-position: top center;}
#container4{width: 800px; margin: 0 auto; text-align: center; background: url(img/footer_dark.gif) repeat-x;}
#footer{background: url(img/footer_light.gif) repeat-x;width: 786px; margin: 0 auto; padding: 10px 0 0 0; text-align: center; height: 40px; overflow: hidden;}
#footer a, #footer{color: #888}
#footer a:hover{color: #333}
/*#footer h2{display: block; margin: 0px 20px; padding: 10px 0; border-top: 1px solid #e3e3e3;}*/

/* PAGE #copy_x is used for styles that need to appear in the editor aswell.*/
#copy_x {background: #FFF; text-align: left; margin: 0 auto; padding: 15px 0;}
#page {background: #E5E5E5 url(img/page_bg.gif) repeat-y; background-position: top center; overflow: auto; height: 100%}
.left{float: left; clear: left;}
#visual {width: 600px; background: #000; height: 280px}
#copy, #copy_x {width: 600px;}
#copy p, #copy h1,#copy_x p, #copy_x h1 {margin: 15px 15px 15px 22px;}
#copy h2, #copy h3, #copy h4, #copy h5, #copy h6, #copy_x h2, #copy_x h3, #copy_x h4, #copy_x h5, #copy_x h6  {margin: 15px 15px 0px 22px;}
#copy h1, #copy_x h1{font-size: 18px; color: #EE0000;}
#copy h2, #copy_x h2{font-size: 14px; font-weight: bold; color: #611773;}
#copy h3, #copy h4, #copy h5, #copy h6, #copy_x h3, #copy_x h4, #copy_x h5, #copy_x h6{font-size: 12px; font-weight: bold;}
#copy p a, #copy_x p a{color: #df0909;}
#copy p a:hover{color: #FF0000;}
.no_toc .toc{display: none;}
#copy .staff_photo{min-height: 110px; padding-left: 90px; background-repeat: no-repeat; margin: 1em 25px 3em 25px;}

.right{float: right; clear: right;}
#blog{width: 200px; background: #184A93 url(img/sidebar_blueline.gif) repeat-y; background-position: top right}
#blog{color: #B3B3B3; line-height: 14px;}
#rss{padding: 10px;}
#portfolio_subsection a, #rss a{color: #FBAE17}
#portfolio_subsection a:hover, #rss a:hover{color: #FF9911}
#blog .date{font-style: oblique; color: #FFF;}
#blog ul li a{display: block; color: #dae3ef;}
/*#blog ul li a.current{display: block; color: #FAD740;}*/
#blog ul li.headline{padding: 0 0 .3em 0; display: block; color: #FFF; margin-top: 2em; line-height: 1.2em; font-size: 1.2em; border-bottom: 1px solid #173d70;}
#blog ul li.headline:first-child{margin-top: 0;}
#blog ul{list-style: none; margin: 15px; padding: 0;font-size: 11px;}
#blog ul li{margin-bottom: 4px;}
#blog ul li ul{margin: 4px 0 4px 15px; padding: 0; font-size: 11px;}
#blog ul li ul li{color: #FAD740; list-style: circle outside; line-height: 14px; font-size: 11px; margin: 0 0 2px 0;}
#blog ul li ul li:hover{color: #FAD740; list-style: disc outside;}
#blog ul li ul li a{color: #FAD740;}
#blog ul li ul .current{color: #FAD740; list-style: disc outside; line-height: 14px;}
#blog ul li ul .current:hover{color: #FAD740; list-style: disc outside;}
#blog ul li ul .current a{color: #FAD740}
#blog ul li ul .current a:hover{color: #FAD740}

.menu {font-size: 12px; margin: 10px 10px 0 10px;}
.menu a{color: #888;}
.menu .current{color: #FFF;}
.menu a:hover{color: #FFF;}
#enewsletter{padding: 10px;}
#enewsletter form{padding: 0; margin: 0;}
#signup {margin: 4px 0; padding: 0;}
#signup input{margin: 0; padding: 0; border: 0; background: none; color: #666; font-size: 11px;}
#signup #email{background: url(img/search_bg.gif) no-repeat; height: 20px; background-position: top left; float: left; padding: 3px; width: 160px; margin: 0;}
#signup #submit{background: url(img/search_bg.gif) no-repeat; height: 20px; background-position: top right; float: left; display: block; padding: 0px; width: 14px; margin: 0;}
#blog_header {width: 180px; background: #242021 url(img/sidebar_header.gif) repeat-x; background-position: bottom left; padding: 10px;}
#blog_header h3 a{font-size: 16px; color: #FFF;}
#blog_header h3 a:hover{color: #CCC;}
#feed_icn{position: relative; top: -3px; right: -3px; float: right; vertical-align: top; background: url(img/feed_drk.gif) no-repeat; width: 16px; height: 16px;}
#mail_icn{position: relative; top: -2px; right: 2px; float: right; vertical-align: top; background: url(img/email_drk.gif) no-repeat; width: 20px; height: 14px;}
#light_sidebar{width: 200px; background: #FFF url(img/bevel.gif) repeat-y; background-position: top right; text-align: center; }
#cucheck{min-height: 112px; background: url(img/sidebar_light.gif) no-repeat; padding: 15px;}
#cucheck p{margin: 0 0 15px 0;}
#cucheck a{color: #BE1E2D}
#cucheck a:hover{color: #EE0000;}
#brain_contactinfo{background: url(img/greatidiz_brain.jpg) no-repeat; min-height: 231px;}
#brain_contactinfo p{margin: 165px 20px 0 20px; text-align: left; font-size: .95em; color: #666;}
#brain_contactinfo p a, #brain_contactinfo p strong{font-weight: bold; color: #BE1E2D;}

#portfolio_header {width: 180px; background: #242021 url(img/sidebar_header.gif) repeat-x; background-position: bottom left; padding: 6px 10px;}
#portfolio_header h3 a{font-size: 16px; color: #FFF;}
#portfolio_header h3 a:hover{color: #CCC;}
#portfolio_subsection{padding: 5px 10px;}

/* Footer Promo */
#fp{margin: 0 0 0 10px;}
.footer_promo, .footer_promo a{height: 103px; float: left; color: #000; line-height: 14px;}
#fp1{display: block; background: url(img/footer_promo_01_on.gif); width: 232px;}
#fp1 a{display: block; background: url(img/footer_promo_01.gif); width: 232px;}
#fp1 a:hover{background: none;}
#fp1 span{display: block; margin: 18px 35px 0 20px;}
#fp2{display: block; background: url(img/footer_promo_02_on.gif); width: 223px;}
#fp2 a{display: block; background: url(img/footer_promo_02.gif); width: 223px;}
#fp2 a:hover{background: none;}
#fp2 span{display: block; margin: 18px 55px 0 15px;}
#fp3{display: block; background: url(img/footer_promo_03_on.gif); width: 130px;}
#fp3 a{display: block; background: url(img/footer_promo_03.gif); width: 130px;}
#fp3 a:hover{background: none;}
#fp3 span{display: block; margin: 18px 15px 0 15px;}

/* Contact Form */
#contact_form input, #contact_form textarea{border: #CCC 1px solid;}
#contact_form p{display: inline; float: left; margin: 1em 0 0 0; padding: 0 0 0 15px;}

/* Content Extras */
.purple_bullets li{list-style-type: circle; color: #472C80}
.purple_bullets li span{color: #000}

#promotion_container {overflow: auto; padding: 30px 0 20px 20px; clear: both;}
#promotion_container h2{font-weight: normal; font-size: 16px; color: #611773; margin: 0;}
#promotion_container .promo{display: block; float: left; width: 180px; margin-left: 10px;}
#promotion_container #first_promo{margin-left: 0;}
#promotion_container .promo a{display: block; padding: 20px 10px 10px 90px; color: #333; font-size: 9px; line-height: 1.15em;}
#promotion_container .promo a h6{font-size: 10px; font-weight: bold; margin: 0; color: #BE1E2D;}
#promotion_container .promo a p{margin: 0; }