/* colours

colours from
http://www.colorcombos.com/
http://www.colorcombos.com/combotester.html?color0=DBE3F0&color1=B3BCCC&color2=8D96A8&color3=737C8C&color4=596171&color5=D8A412
DBE3F0 B3BCCC 8D96A8 737C8C 596171 D8A412

D8A412

*/

/* =Basic HTML
-----------------------------------------------------------------------------*/
body{font-size:81.3%;line-height:1.5em;font-family:Arial,Verdana,sans-serif;background:#eee}
html>body{font-size:13px;}
.clear{clear:both}

/* =Typography
-----------------------------------------------------------------------------*/
.main_text{padding-left:10px;padding-right:10px;text-align:left;font-weight:normal;font-size:12px;color:black;font-family:arial,verdana,sans-serif;}
.main_text:first-letter{font-weight:bold}
.news_text{font-weight:bold;font-size:10px;color:black;font-family:verdana,arial,tahoma}
.p_address{padding-left:0px;padding-right:10px;text-align:left;font-weight:normal;font-size:12px;color:black;font-family:arial,verdana,sans-serif;}
.p_address:first-line{font-weight:bold}
ul.sitemap{margin-left:100px;padding-left:0;}
h1{font-weight:bold;font-size:18px;color:#003366;border-bottom:#596171 2px solid}
h2{font-weight:bold;font-size:14px;color:#003366;border-bottom:#596171 1px solid}
h3{font-weight:bold;font-size:14px;color:#003366;border-bottom:#596171 1px solid}
h4{font-weight:bold;font-size:12px;color:#003366;margin-bottom:5px;text-transform:uppercase}
h5{font-weight:bold;font-size:14px;margin-left:10px;margin-right:10px;color:#003366;border-bottom:#596171 1px solid}
#nav_categories h3{text-align:left;margin:0;border-bottom:none}


/* =Lists
-----------------------------------------------------------------------------*/
ul{padding:0;margin:0;list-style-type:square}
ul#nav_categories{padding:0;margin:0;list-style-type:none}
ul#nav_categories li a{font-weight:bold;text-decoration:none}
#left ul#nav_categories li a{font-weight:bold;text-decoration:none}
ul#nav_categories li{padding-bottom:10px}
ul#nav_categories li li{margin-left:15px;padding-bottom:0}
ul#nav_categories li li a{font-weight:normal}
#left ul#nav_categories li li a{font-weight:normal;text-decoration:none}
#left ul,#projectPrimary ul{margin-left:15px}


/* =Links
-----------------------------------------------------------------------------*/
a{font-weight:normal;color:#003;line-height:14px;text-decoration:none}
a:visited{font-weight:normal;color:#003;line-height:14px;text-decoration:none}
a:active{font-weight:normal;color:#000000;line-height:14px;text-decoration:none}
a:hover{text-decoration:none}
a.selected{color:#D8A412}
a.selected:visited{color:#D8A412}
a.selected:active{color:#D8A412}
a.selected:hover{color:#D8A412}
a.strong{color:#737C8C}
#projectPrimary a:hover,#projectPrimary a:active,#breadcrumb a:hover,#breadcrumb a:active{color:#bf900f;}
#projectPrimary a:link,#projectPrimary a:visited,#projectPrimary a:hover,#projectPrimary a:active,#left a:link,#left a:visited,#left a:hover,#left a:active{font-weight:bold}
#projectSecondary a:link,#projectSecondary a:visited,#projectSecondary a:hover,#projectSecondary a:active{font-weight:bold}
#projectPrimary li a:link,#projectPrimary li a:visited,#projectPrimary li a:hover,#projectPrimary li a:active,#left li a:link,#left li a:visited,#left li a:hover,#left li a:active,#projectSecondary li a:link,#projectSecondary li a:visited,#projectSecondary li a:hover,#projectSecondary li a:active{font-weight:normal}


/* =Page Structure
-----------------------------------------------------------------------------*/
#frame{margin-top:20px;margin-left:auto;margin-right:auto;text-align:left;background:#DBE3F0;width:780px}


/* =Branding
-----------------------------------------------------------------------------*/
#branding{position:relative;width:780px;height:118px;margin:0 auto}
#top_left{float:left;padding-top:10px;padding-left:10px;width:490px}
#top_right{float:left;padding-top:0px;padding-left:100px;width:180px}
#branding #logo{position:absolute;top:5px;left:10px;z-index:3;width:250px;height:83px;margin:0;padding:0;background:url(/images/interface/logo.gif) no-repeat;text-indent:-9000px;}
#branding #logo a{display:block;height:83px;background:url(/images/interface/logo.gif) no-repeat;border-bottom:none}


/* =Navigation
-----------------------------------------------------------------------------*/
#mainNavContainer{position:absolute;top:95px;left:0;width:100%;background:#B3BCCC;height:25px}
#mainNavigation{margin-left:95px;width:600px;background:#B3BCCC;color:#fff;font-size:11px;height:25px;padding:0px;z-index:1000}
.mainNav{text-transform:none;color:#FFF;padding:0px 0px 0px 10px;width:100px;border-left:1px solid #D8A412}
.mainNavRight{text-transform:none;color:#FFF;padding:0px 0px 0px 10px;width:100px;border-left:1px solid #D8A412;border-right:1px solid #D8A412}
.mainNavText{color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px}
.mainNav a{color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;text-decoration:none;text-align:center}
.mainNavRight a{color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;text-decoration:none;text-align:center}
.mainNav a:hover{color:#D8A412;text-align:center;text-decoration:none;}
.mainNavRight a:hover{color:#D8A412;text-align:center;text-decoration:none;}
.subNav{position:absolute;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;z-index:100;text-align:left;display:none;background:#B3BCCC;text-decoration:none;color:#FFF}
.subNav a{text-align:left;padding:2px 5px 2px 5px;display:block;color:#FFF;height:auto;width:120px;text-transform:none;text-decoration:none}
.subNav a:hover{text-align:left;padding:2px 5px 2px 5px;display:block;color:#D8A412;height:auto;width:120px;background:#737C8C;text-transform:none;text-decoration:none}


/* =Primary Content Area
-----------------------------------------------------------------------------*/
#picture{width:780px;z-index:20000;border-bottom:1px solid #D8A412;border-bottom-width:2px;border-top:1px solid #D8A412;border-top-width:2px;height:132px;margin-top:2px}
#breadcrumb{font-size:12px;margin:5px 0 20px 10px;width:770px;height:25px}
#left{float:left;border-right:1px solid #ababab;width:479px;padding:0 10px}
#left2{float:left;padding-left:20px;border-right:1px solid #ababab;width:279px}
#projectPrimary{float:left;padding-left:10px;padding-right:10px;border-right:1px solid #ababab;width:419px}
#center{width:780px}
.contentLeft,.contentRight{float:left;width:210px}
.contentLeft{margin-right:20px}

#left a:link,#left a:visited,#projectPrimary a:link,#projectPrimary a:visited{text-decoration:none}
#left a:hover,#left a:active,#projectPrimary a:hover,#projectPrimary a:active{color:#D8A412}


/* =Secondary Content Area
-----------------------------------------------------------------------------*/
#right a:link,#right a:visited,#right2 a:link,#right2 a:visited,#projectSecondary a:link,#projectSecondary a:visited{text-decoration:none}
#right a:hover,#right a:active,#right2 a:hover,#right2 a:active,#projectSecondary a:hover,#projectSecondary a:active{color:#D8A412}
#right{float:right;padding-left:10px;width:270px}
#right2{float:right;padding-left:10px;width:470px}
#projectSecondary{float:right;padding-left:10px;width:320px}
#right ul,#projectSecondary ul{margin:0 0 0 15px}
#right li,#projectSecondary li{line-height:19px}
#right p a:hover,#right p a:active,#projectSecondary p a:hover,#projectSecondary p a:active{color:#D8A412}
#right p{margin-right:5px}

/* =Footer
-----------------------------------------------------------------------------*/
#footer{width:760px;padding:25px 10px 10px 10px;clear:both;font-size:11px;}

/* =Forms
-----------------------------------------------------------------------------*/
form.cmxform fieldset,form#standardForm fieldset{margin:0 0 10px 0;padding:0;border:none}
form.cmxform fieldset fieldset,form#standardForm fieldset fieldset{background:none;border:none;}
form.cmxform legend,form#standardForm legend{margin:0;padding:0;font-weight:bold;color:#333}
form.cmxform label,form#standardForm label{display:inline-block;line-height:1.8;vertical-align:top;}
form.cmxform fieldset ol,form#standardForm fieldset ol{margin:0;padding:0;}
form.cmxform fieldset li,form#standardForm fieldset li{list-style:none;padding:5px 0 7px;margin:0;}
form.cmxform em,form#standardForm em{font-weight:bold;font-style:normal;font-size:100%;color:#f00;}
form.cmxform label,form#standardForm label{width:120px; /* Width of labels */}
form.cmxform label.wider,form#standardForm label.wider{width:150px;}
form.cmxform textarea,form#standardForm textarea{font-size:100%;font-family:verdana;}
form.cmxform .autoSize,form#standardForm .autoSize{width:auto;border:none;}
form.cmxform input.submit,form#standardForm input.submit{cursor:pointer;border:1px solid #fff;background:#84b84a;color:#fff;font-size:110%;font-weight:bold;padding:3px;}
form.cmxform input.submit:focus,form#standardForm input.submit:focus{background:#84b84a;}
form.cmxform select,form#standardForm select{width:300px;}
form.cmxform input.widerInput,form#standardForm input.widerInput{width:300px;}


/* =Miscellaneous
-----------------------------------------------------------------------------*/
table{font-size:11.5px}
table th{border-right:1px solid #999;border-bottom:1px solid #999;padding:4px;line-height:14px}
table td{border-right:1px solid #999;border-bottom:1px solid #999;line-height:12px;padding:4px}

#newsListing h4,#eventsListing h4,#presentationListing h4{font-size:1.1em;letter-spacing:1px;margin-bottom:0.5em;color:#222;}
#newsListing li,#eventsListing li{display:block;list-style:none;margin:0;padding:0;background:none;line-height:19px}
#presentationListing li{display:list-item;list-style-type:square;margin:0 0 0 15px;padding:0;background:none;line-height:22px}
#newsListing ul,#eventsListing ul,#presentationListing ul{margin:0;padding:0}
#left #newsListing li a,#projectPrimary #newsListing li a,#left #eventsListing li a,#projectPrimary #eventsListing li a{font-weight:normal;text-decoration:none;line-height:19px}
#left #newsListing li a:hover,#projectPrimary #newsListing li a:hover,#left #eventsListing li a:hover,#projectPrimary #eventsListing li a:hover{text-decoration:none;color:#bf900f;}
#newsListing span.day,#eventsListing span.day{float:left;margin-right:1em;width:60px;color:#454545}

.staffContainer{margin:20px 0 0 0;clear:both}
.staffImage{float:left;padding:4px;border:1px solid #ccc;background:#fff;margin-right:20px}
.staffText h2{border:none;margin:0 0 5px 0;font-size:15px}
.staffText h2 span{font-size:13px;color:#333}
.staffText p{margin:0 0 5px 0}

#sidebarListing .newsItem{clear:both;margin:0;padding:0}
#sidebarListing .newsDate{float:left;width:70px;line-height:19px;margin:0;padding:0;color:#666}
#sidebarListing .newsBody{float:left;width:200px;margin:0;padding:0 0 5px 0}
#sidebarListing h4{border:none;text-align:left;margin:0;padding:0}
#sidebarListing h4 a:link,#sidebarListing h4 a:visited{margin:0;padding:0;font-weight:normal;text-decoration:none;line-height:19px;text-transform:none;font-size:13px}
#sidebarListing h4 a:hover,#sidebarListing h4 a:active{text-decoration:none;color:#bf900f}

.imageBlock{display:block}
.imageLeft{float:left;margin:0 10px 5px 0}
.imageRight{float:right;margin:0 0 5px 10px}
