/*
**************************************************************************
COLORS IN DESIGN
**************************************************************************
Gray = #434343
Light Gray #f6f6f6
Dark Gray #111
Red #b00
Black #000
White #fff
*/

*{padding:0;margin:0;border-collapse:collapse;}
body{background-color:#111;font-family: 'Oswald', Arial ,sans-serif;color:#777;}
ul{list-style-type:none;}
img{border:0;}
a{color:#800;}
a:hover{color:#000;}
#top-band{background-color:#434343;height:50px;background-image:url(../images/graphics/top-band-bg.jpg);background-repeat:repeat-x;background-position:bottom;}
.wrapper{width:980px;margin:0 auto;text-align:left;overflow:hidden;}
.white{color:#fff;}
#branding{background-image:url(../images/graphics/branding-bg.jpg);height:116px;background-repeat:repeat-x;position:relative;}
#branding img {float:left;}
#focus{height:300px;background-image:url(../images/graphics/focus-bg.jpg);background-repeat:repeat-x;}
#focus-heading{color:#fff;height:60px;background-image:url(../images/graphics/focus-bg.jpg);background-repeat:repeat-x;font-variant:small-caps;padding:20px 0 0 0;text-shadow: 1px 1px 1px #888888;filter:dropshadow(color=#888888, offx=1, offy=1);}
#content-top-bg{background-image:url(../images/graphics/content-shade-top.jpg);background-repeat:repeat-x;height:30px;}
#content-bottom-bg{background-image:url(../images/graphics/content-shade-bottom.jpg);background-repeat:repeat-x;height:31px;clear:both;}
#content{background-color:#f6f6f6;}
#content .wrapper div.full-width div.third-width{float:left;padding:5px;}
.rounded-box{text-align:center;background-image:url(../images/graphics/rounded-box-bg.jpg);background-position:top;
background-repeat:repeat-x;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #888;
padding:5px 10px;-webkit-box-shadow: 1px 1px 1px 1px #888;-moz-box-shadow: 1px 1px 1px 1px #888;box-shadow:1px 1px 1px 1px #888;}
.rounded-box img{border:1px solid #000;}
.rounded-box h3{text-align:left;margin-bottom:10px;text-shadow: 1px 1px 1px #888888;filter:dropshadow(color=#888888, offx=1, offy=1);}
.rounded-box .body{text-align:left;}
.rounded-box .footer{text-align:right;}
.rounded-box .footer a{color:#800;}
.rounded-box .footer a:hover{color:#000;}
.full-width{width:980px;}
.primary-width{width:655px;float:left;padding-right:15px;}
.primary-width p{margin-bottom:15px;}
.primary-width .imgLeft{float:left;border:1px solid #800;margin-right:5px;margin-bottom:5px;}
.primary-width .imgRight{float:right;border:1px solid #800;margin-left:5px;margin-bottom:5px;}
.primary-width ul{margin-left:40px;list-style-type:square;}
.secondary-width{width:310px;float:right;}
.secondary-width .sample{margin:1em 0;}
.secondary-width .sample .frame{padding:.5em;}
.secondary-width .sample .frame img{width:300px;}
.third-width{width:304px;padding:10px 9px;float:left;}
#bottom{background-image:url(../images/graphics/bottom-bg.jpg);background-position:top;background-repeat:repeat-x;min-height:200px;}
#bottom .wrapper div.third-width{float:left;}
#bottom .wrapper div.last{float:right;}
#bottom .wrapper div.third-width h3{display:block;border-bottom:2px solid #777;font-size:1.3em;}
#bottom .wrapper div.third-width .info{font-size:1.1em;padding:5px;overflow:hidden;}
#bottom .wrapper div.third-width .info img{float:left;padding-right:5px;vertical-align:middle;}
#bottom a{color:#444;text-decoration:none;}
#bottom a:hover{color:#fff;}
#bottom .small{font-size:.95em;}
.copyright{font-size:.8em;text-align:center;color:#444;}
.article-category{border:1px solid #444;margin:10px 0;background-color:#ddd;overflow:hidden;}
.article-category img{float:left;border:1px solid #777;margin:10px;}
.article-category p{margin-top:5px;}
.article-category h4{display:block;width:100%;border-bottom:1px solid #666;padding:5px;background-color:#aaa;color:#222;}
.article-category h4 a{text-decoration:none;color:#444;}
.article-category h4 a:hover{color:#000;}
.article-category .link{text-align:right;padding:5px;clear:both;font-size:.9em;background-color:#aaa;border-top:1px solid #444;}
.form-wrapper{margin-top:10px;border:1px solid #ccc;background-color:#e1e1e1;}
.secondary-width .sb-blurb{background-color:#e1e1e1;border:1px solid #bbb;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.secondary-width .sb-blurb *{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.secondary-width .sb-blurb .inner{border:1px solid #fff;}
.secondary-width .sb-blurb .inner h3{background-color:#ccc;color:#800;font-size:1em;display:block;height:24px;padding:.2em;border-bottom:1px solid #fff;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px;}
.secondary-width .sb-blurb .inner .body{padding:10px;font-size:.8em;}
.secondary-width .sb-blurb .inner .body table{width:100%;}
.secondary-width .sb-blurb .inner .body table td{text-align:center;}
.secondary-width .sb-blurb .inner .body table td.left{text-align:left;}
.secondary-width .sb-blurb .inner .body table td.right{text-align:right;}
.secondary-width .sb-blurb .inner .body table td.highlight{font-weight:bold;}

/*
--------------------------------------------------------------------------------
| Form Styles
--------------------------------------------------------------------------------
*/
form label{display:block;margin:.3em;overflow:hidden;font-size:.9em;}
form label input{width:55%;}
form label select{width:55%;font-size:.9em;}
form a{color:#000;}
form fieldset{padding:1em;}
form fieldset.half{width:48%;float:left;}
form label span.formLabelContainer,form .radioOuter span.formLabelContainer{width:25%;text-align:right;float:left;}
form .radioOuter{display:block;}
form div.radioWrapDiv{display:block;overflow:hidden;width:55%;margin:.3em;font-size:.9em;float:left;}
form div.radioWrapDiv input,form div.radioWrapDiv label {float:left;}
.formLabelImposter{display:block;width:100%;margin:.3em;overflow:hidden;font-size:.9em;float:left;}
.formLabelImposter span.formLabelContainer{width:25%;text-align:right;float:left;}
.formButtonWrapper{width:50%;}
.formButton{font-size:.9em;float:left;}
form{margin:3em;}
#loginFormContainer{overflow:hidden;background-color:#111;border:1px solid #222;margin:1em;}

/*
--------------------------------------------------------------------------------
| Messaging Styles
--------------------------------------------------------------------------------
*/
.errorDiv,.errorDivSmall{color:#900;border:1px solid #900;background-color:#fdd;padding:5px;margin:.2em;font-weight:bold;clear:both;}
.successDiv,.successDivSmall{color:#090;border:1px solid #090;background-color:#dfd;padding:5px;margin:.2em;font-weight:bold;clear:both;}
.noticeDiv,.noticeDivSmall{color:#f60;border:1px solid #f60;background-color:#ffd;padding:5px;margin:.2em;font-weight:bold;clear:both;}
.infoDiv,.infoDivSmall{color:#06e;border:1px solid #06e;background-color:#def;padding:5px;margin:.2em;font-weight:bold;clear:both;}
.noticeDiv,.successDiv,.errorDiv,.infoDiv{margin:.2em;overflow:hidden;}
.infoDiv p,.errorDiv p,.successDiv p,.noticeDiv p{margin:0;margin-left:38px;overflow:hidden;}
.infoDivSmall p,.errorDivSmall p,.successDivSmall p,.noticeDivSmall p{margin:0;margin-left:22px;}
.infoDiv a{color:#000;}
.messageIcon{vertical-align:middle;float:left;margin-right:5px;}
.infoDiv .closeIcon,.errorDiv .closeIcon,.successDiv .closeIcon,.noticeDiv .closeIcon{float:right;}