@import url('framework/reset.css');
@import url('framework/typography.css');
@import url('framework/layout.css');

/* ===== OVERRIDES ===== */
.row .col.first{margin-left:30px; width:500px}
.row .col.last{margin-right:30px; width:350px}

h1,h2,h3,h4,h5,h6{color:#111}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6, h6 a{font-weight:bold}
h1{font-size:28px; line-height:1.2em; margin-bottom:0}
h2{font-size:17px;font-weight:normal; margin-bottom:11px}
h3{font-size:15px;padding:1px 0;margin-bottom:0;text-transform:uppercase}
h4{font-size:14px;margin-bottom:5px}
h5{font-size:12px;padding:1px 0;text-transform:uppercase}
h6{font-size:12px;padding:1px 0;}


a{color:#304878;text-decoration:underline}
blockquote{color:#111; font-size:14px; font-style: normal; font-family:Verdana,Genenva,Arial,sans-serif;margin:0; clear:both}
cite{display:block; text-align:right}

/* ===== SITE DETAILS ===== */
body{background:#7890a8 url(image/bg-page.png) repeat-x scroll top left; padding-top:50px}

#content-top {
background:transparent url(image/bg-content-top.png) no-repeat scroll 0 0;
clear:both;
height:10px;
margin:0 auto;
width:960px;
}
#content {background:#ffffff; width:960px; margin:0 auto; padding:10px 0 20px 0; position:relative}
#content-bottom {
background:transparent url(image/bg-content-bottom.png) no-repeat scroll 0 0;
clear:both;
height:10px;
margin:0 auto;
width:960px;
}

#logo{background:url(image/logo.png) no-repeat top left; height:100px; margin:0 0 10px 20px; padding:0; text-indent:-10000px}

#nav{list-style:none; margin:0 20px 20px 20px; padding-top:3px; border-color:#bfbfbf; border-style:solid; border-width:1px 0}
#nav li{display:inline; margin:0 10px}
#nav a:link,#nav a:visited{color:#333; font:bold 15px/2em Helvetica,Arial,sans-serif; text-decoration:none}
#nav a:hover, #nav a.active{color:#111; text-decoration: underline}
#nav a.current{color:#f0a818}

#footer{width:960px; margin:0 auto; color:#ccc}
#footer a:focus,#footer a:hover{color:#fff}
#footer a{color:#ddd}
#footer .rbox{background:#304878; color:#f0f0f0; margin:10px 0; min-height:100px; padding:20px 0}
#footer .row .col{width:280px !important}
#footer .row .col.first{margin-right:30px}
#footer address, #footer p{font-size:12px}
#footer h4{color:#f0f0f0}

.sidebar {padding:10px 30px; color:#111; border:0px solid #FFF; background:#f0a818; }
.sidebar.alt{background:#7890a8;}
.sidebar h1{color:#fff}
.sidebar ul{margin-bottom:15px}
.sidebar li{font-size:12px; font-weight:bold}
.sidebar ul.notes{list-style-type: none; margin:0}
.sidebar ul.notes li{font-size:9px; font-weight:normal}

.sidebar a{font-weight:bold}


ul.block{margin:15px 30px}
ul.thumbs{list-style:none; margin:0; padding:0}
ul.thumbs li{float:left; margin-right:15px}

/* === PAGE DETAILS === */
#feature .col.first{margin:0; width:493px}
#feature .col.last{margin:0; width:467px; overflow: visible}
#feature .col.last img{margin-top:-70px}
#feature blockquote{margin-left:20px}
#feature #nav{margin-right:0}

#c2a{background:#304878 url(image/bg-c2a.png) repeat-x top left; height:80px; padding-left:30px}
#c2a h1{font:italic normal 30px/80px serif; color:#fff}
#c2a img{margin:0 0 0 30px; vertical-align:middle}

#blocks .col.first{width:430px; padding-right:40px; border-right:1px solid #ccc}
#blocks .col.last{padding-left:20px; width:390px}
#blocks h2{font-size:22px; margin-top:20px}
#blocks ul{list-style-type:none; margin-left:210px}
#blocks li{margin-top:10px}
#blocks h4{margin-bottom:0}
#blocks .first p{font-size:12px}


#home-dev{width:960px; margin:10px auto; background:#f0a818; padding:20px 0 10px 0}
#home-dev .col.first{width:225px; }
#home-dev .col.last{width:670px; }
#home-dev h2{font-size:22px; margin-bottom:0}

#home-dev a{color:#fff}
#home-dev a:hover{color:#111}


#contact .col.first{width:350px}
#contact .col.last{width:500px}
#contact h1{margin:0 0 20px 30px}
.sidebar address{font-size:16px; line-height:1.3em; margin:20px 0}

#events .col.first{width:300px}
#events .col.last{width:550px}
ul.events-nav  {list-style:none; margin-left:0}
.events-nav li{margin-top:15px; padding-bottom:5px; border-bottom:1px dotted #111}
.events-nav h3,h5,h6{line-height:1.1em; }
.events-nav h6{font-style:italic; font-weight:normal; font-size:13px}
.events-nav a:focus,#events .sidebar a:hover{color:#111; text-decoration:underline}
.events-nav a{color:#fff; text-decoration:none}

ul.events-list{list-style:none; margin-left:0; margin-right:30px; }
.events-list li{margin-top:30px; border-bottom:1px dotted #111; padding-bottom:30px}
.events-list p{margin-bottom:5px}

div.event h6{font-style:italic; font-weight:normal; font-size:13px}
.event-body{margin:20px 0}

#development{width:860px; margin:0 auto}

#privacy .col.first{width:400px}
#privacy .col.last{width:400px}



body.mceContentBody{background:#fff; padding:20px}