/* CSS Document */
/* main colours:
blue: #004070
lightblue: #4C799B
brightblue: #00692B
*/

body { margin: 0; padding:0; height: 100%; background: #F0F0EE}

#wrapper {width: 773px; margin: 0 auto 0 auto;}

#header { height: 83px; padding: 0; margin: 0 0 0px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #004070}
#header img { float: left; margin: 19px 0 0 15px;}
#header ul { margin: 0; padding: 0; width: auto; float: right; padding: 2px 4px 2px 4px; height: 13px; margin: 35px 10px 0 0; color: #B5B8B9}
#header li { display: inline; }
#header a:link, #header a:active, #header a:visited { color: #EF4600; text-decoration: none; font-weight: bold}
#header a:hover { text-decoration: none; color: #495051}


#imagebar { height: 178px; padding: 0; margin: 0;background: url(images/imagebar_bg.gif) no-repeat; }
#rightimage { border-left: 1px solid #FFFFFF; float: right}
#sloganimage { padding:  80px 0 0 15px; float: right; margin-right: 30px} 

#menubar { background-image: url(images/menu_bg.gif); padding: 0; margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 24px; color: #FFFFFF; padding: 0 0 0 0px;}
#menubar a:link, #menubar a:active, #menubar a:visited { color: #FFFFFF; font-weight: bold; margin: 0 5px 0 5px; text-decoration: none}
#menubar a:hover { text-decoration: none; color: #EF4600 }
#menubar ul { margin: 0px 10px 0 10px; padding: 0}
#menubar li { display: inline; margin-right: 25px}

#in_intro { float: left; width: 33%; }
#in_main { float: left; width: 67%; }

#content { padding: 0px 0px 0px 0px; color: #464E4F; }
#content hr { height: 1px; background-color: #464E4F; color: #464E4F; border: 0}
#content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0 10px 0px 10px}
#content h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #464E4F}
#content p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; padding: 0; margin: 0 10px 15px 10px; line-height: 17px}
#content ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; list-style: none; margin: 0; padding: 0px 0 15px 0;}
#content ul li { background: url(images/bullet2.gif) 0% 5px no-repeat; padding: 0 0 0 15px}
#content ol { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 0; padding: 0px 0 15px 30px;}
#content ol li { padding-bottom: 5px}
#content table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px 2px 2px 2px; margin: 0px}
#content a:link, #content a:active, #content a:visited { color: #EF4600;}
#content a:hover { color: #464E4F} 
#content .button a:link, #content .button a:active, #content .button a:visited { color: #EF4600; text-transform: uppercase; text-decoration: none; font-size: 9px; }
#content .button a:hover { color: #464E4F;} 

#col1 { width: 237px; float: left; padding: 10px;}
#col2 { width: 237px; float: left; padding: 10px;}
#col3 { width: 237px; float: left; padding: 10px;}

/*#note { width: 23%; float: left; border-right: 1px solid #E6ECF1; padding-right: 2%}*/


#footer { background: url(images/footer_bg.gif) 40px left repeat-x; border-top: 1px solid #B5B8B9}
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #B5B8B9; }
#footer a:link, #footer a:active, #footer a:visited { color: #495051;}
#footer a:hover { color: #EF4600} 
#footer_left {width: 500px; float: left; margin-bottom: 70px; margin-top: 5px} 
#footer_right {width: 273px; float: right; text-align: right; margin-bottom: 70px; margin-top: 5px} 

#content_top { background-image: url(images/content_top.gif); height: 15px; font-size: 9px}
#content_middle { background-image: url(images/content_middle.gif); padding: 1px 15px 1px 15px;}
#content_bottom { background-image: url(images/content_bottom.gif); height: 15px; font-size: 9px; margin-bottom: 30px;}

#box_top { background-image: url(images/box_top.gif); height: 15px; font-size: 9px}
#box_middle { background-image: url(images/box_middle.gif); padding: 1px 5px 1px 5px}
#box_middle table { margin-left: 0px}
#box_bottom { background-image: url(images/box_bottom.gif); height: 15px; font-size: 9px}

#box_map { background-image: url(images/icon_map.gif); height: 107px;margin-top: 15px;}


.orange { color: #EF4600; text-transform: uppercase; text-decoration: none; font-size: 9px; }
#clear { clear: both; }