/* CSS Document */
/* main colours:
blue: #004070
lightblue: #4C799B
brightblue: #00692B
*/
.social { float: left; margin: 0;  }
.social a { text-decoration: none; }
body { margin: 0; padding: 0; height: 100%; background: #FFFFFF url(../../images/bg_body.jpg) repeat-x; }


#preheader { width: 775px; margin: 5px auto 5px auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF9B0C; height: 20px; margin-bottom: 15px }
#preheader ul { margin: 0; padding: 0; width: auto; float: right; padding: 2px 0px 2px 4px; height: 13px; margin: 5px 25px 0 0; color: #FF9B0C; }
#preheader li { display: inline; }
#preheader a:link, #preheader a:active, #preheader a:visited { color: #FFFFFF;  }
#preheader a:hover { text-decoration: none; color: #FF9B0C; }
#preheader  img { margin: 2px 0 0 10px; vertical-align: bottom ;}
#preheader span { margin: 0 0 0 5px; }

#shadowed-border { padding: 0px; width: 775px; margin: 0px auto; padding: 15px 0px 15px 0px; }
#shadowed-border .sb-inner { background: #DAE7ED; background: url(../../images/bg_content.jpg) repeat-x bottom #FFFFFF; }
#shadowed-border .sb-border { background: #4389A2; }

#shadowed-box { padding: 0px; width: 100px; margin: 00px auto; }
#shadowed-box .sb-inner { background: #FFFFFF; }
#shadowed-box .sb-border { background: #4389A2; }

#header { background: url(../../images/bg_header.jpg) repeat-x top #FFFFFF; height: 81px; padding: 0; margin: 0 5px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #004070; }
#header p	{ margin: 0px; }
#header img { float: left; margin: -13px 0 0 0px; }
#header .logo { margin: 0px 0px 0 49px; display:block; width:279px; height:71px;}
#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: #777B77; text-decoration: none; }
#header a:hover { text-decoration: none; color: #C1D738; }

#navBar		{ background: #C5DEE6; border-bottom: 1px solid #A1C4D0; margin: 0 5px 0 5px;}
#navBar	 ul	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 10px 25px; text-align: right}
#navBar	 li	{ margin: 0px; padding: 0px 10px 0 0; }
#navBar  a	{ color: #0089A5}

#imagebar { height: 208px; padding: 0; margin: 0 5px 0 5px; border-bottom: 1px solid #A1C4D0; float: left; z-index:1 !important; }
#imagebar_inside { height: 188px; padding: 0; margin: 0 5px 0 5px; border-bottom: 1px solid #A1C4D0; }
#rightimage { border-left: 1px solid #FFFFFF; float: right; }
#sloganimage { padding: 80px 0 0 15px; float: right; margin-right: 30px; }

#news_feed img { float: left; margin: 0 25px 3px 0; z-index: 8000 !important; }

/* Menu Styles with Multilevel */
#menubar { background: #4389A2; padding: 0; margin: 0px 5px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 24px; color: #66C5E1; border-bottom: 1px solid #A1C4D0; height: 25px; z-index:1000 !important; }
#menubar a:link, #menubar a:active, #menubar a:visited { color: #FFFFFF; font-weight: bold; margin: 0 5px 0 5px; text-decoration: none; z-index:1000 !important; }
#menubar a:hover { text-decoration: none; color: #C1D738; z-index:1000 !important; }
#menubar ul { margin: 0px 25px 0 25px; padding: 0; clear: both; z-index:1000 !important; line-height:24px; }
#menubar li { display: inline; margin-right: 0px; position:relative; float: left; padding-right: 5px; z-index:1000 !important; }

#menubar ul li ul {display: none;}

/* specific to non IE browsers */
#menubar ul li:hover ul {display:block; position:absolute; top: 21px; left:0; width:200px; margin: 0 !important; padding: 0 !important; z-index:1000 !important; float: left; }
#menubar ul li:hover ul li { float: left; width: 200px; z-index:1000 !important; margin: 0; padding: 0; } 
#menubar ul li:hover ul li a {background:#4389a2; color:#fff; padding-left: 8px; z-index:1000 !important; float: left; display: block; width: 200px; }
#menubar ul li:hover ul li:hover a {background:#4389a2; color:#fff; padding-left: 8px; z-index:1000 !important;}
#menubar ul li:hover ul li ul {display: none;}
#menubar ul li:hover ul li ul { float: left; z-index:3000 !important; left: 0; }
#menubar ul li:hover ul li a {display:block; background:#4389a2; color:#fff; z-index:1000 !important; float: left;}
#menubar ul li:hover ul li a:hover {background:#4389a2; color:#C1D738; z-index:2000 !important; }
#menubar ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0; z-index:5000 !important; float: left;}
#menubar ul li:hover ul li:hover ul { float: left; left: 207px; z-index:2000 !important;}
#menubar ul li:hover ul li:hover ul li ul { display: none; z-index: 900; z-index:2000 !important; }
#menubar ul li:hover ul li:hover ul li:hover ul { display:block; position:absolute; left:200px; top:0; z-index:2000 !important; }

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

#sidebar h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 15px; }
#sidebar ul { width: 144px; padding: 15px 15px 15px 14px; color: #777B77; float: left; font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 12px; margin: 0px; }
#sidebar ul li { list-style: none; display: block; background: none; font-size: 11px; margin: 0; padding: 5px 0 5px 0; border-bottom: 1px dashed #E4EEF2; width: 144px !important; clear: both !important; }
#sidebar ul li a { width: 144px; }
#sidebar a:link, #sidebar a:active, #sidebar a:visited { color: #438AA0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#sidebar a:hover { color: #464E4F; }

#wording { width: 745px; padding: 10px; margin: 0px 5px 0px 5px; color: #495051; float: left; background: url(../../images/bg_content.jpg) repeat-x bottom #FFFFFF; z-index: 2000;}
#wording hr { height: 1px; background-color: #EBF3EB; color: #EBF3EB; border: 0; }
#wording h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 0 0 10px 0; margin: 0 15px 10px 15px; text-transform: uppercase; color: #4389A2; border-bottom: 1px dashed #E4EEF2; }
#wording h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #777B77; margin: 0 15px 5px 15px; }
#wording p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0; margin: 0 15px 15px 15px; line-height: 17px; }
#wording ul { font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 12px; z-index: 2000; }
#wording ul li { padding-bottom: 5px; width: 100%; float:left; clear: both; }
#wording ol { font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 12px; }
#wording ol li { padding-bottom: 5px; }
#wording table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 0px 2px 0px; margin: 0 15px 15px 15px; }
#wording a:link, #wording a:active, #wording a:visited { color: #438AA0; text-decoration: none; }
#wording a:hover { color: #464E4F; }
#wording .button a:link, #wording .button a:active, #wording .button a:visited { color: #019DCD; text-transform: lowercase; text-decoration: none; font-size: 10px; }
#wording .button a:hover { color: #C1D738; }

#content { padding: 10px; margin: 0px 0px 0px 0px; color: #495051; float: left;  width: 552px; }

#col1 { width: 234px; float: left; padding: 10px 10px 10px 0px; border-right: 0px solid #EBF3EB; }
#col2 { width: 234px; float: left; padding: 10px; border-right: 0px solid #EBF3EB; z-index: 5000; }
#col2 ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; list-style: none; margin: 0 15px 0 15px; padding: 0px 0 15px 0; float: left; }
#col2 ul li { background: url(../../images/img_bullet.gif) 0% 5px no-repeat; border-bottom: 1px dashed #E4EDF2; color: #438AA0; padding: 0 0 5px 15px; margin-bottom: 5px; float: left; }
#col3 { width: 233px; float: left; padding: 10px 0 10px 10px; }

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


#footer { width: 774px; margin: 0 auto; }
#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: #438AA0; }
#footer_left { width: 470px; float: left; margin: 5px 0 5px 25px; }
#footer_right { width: 242px; float: right; text-align: right; margin: 5px 25px 5px 0px; }

#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: #C1D738; text-transform: uppercase; text-decoration: none; font-size: 9px; }
#clear { content: "."; display: block; height: 0px; clear: both; font-size: 0px; line-height: 1px; background-color:#0F0}

input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#imagebar h1 { margin: 5px 10px 3px 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; }
#imagebar p { margin: 0 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#imagebar a:link, #imagebar a:active, #imagebar a:visited { text-transform: uppercase; color: #FF9B0D; text-decoration: none; font-size: 9px; }
#imagebar a:hover { color: #4389A2; }

#flash { background-color: #000033; width: 382px; height: 208px; float: left; }

#feature1 { background-color: #FFFFFF; width: 378px; height: 47px; float: left; border-bottom: 1px dashed #E4EDF2; margin: 2px 2px 0px 2px; padding: 0 0 2px 0; }
#feature1 h1 { color: #4389A2; }
#colorbox1 { width: 13px; height: 47px; float: left; background: #4389A2; margin-right: 10px; }

#feature2 { background-color: #FFFFFF; width: 378px; height: 47px; float: left; border-bottom: 1px dashed #E4EDF2; margin: 2px 2px 0px 2px; padding: 0 0 2px 0; }
#feature2 h1 { color: #3B8466; }
#colorbox2 { width: 13px; height: 47px; float: left; background: #3B8466; margin-right: 10px; }

#feature3 { background-color: #FFFFFF; width: 378px; height: 47px; float: left; border-bottom: 1px dashed #E4EDF2; margin: 2px 2px 0px 2px; padding: 0 0 2px 0; }
#feature3 h1 { color: #81C301; }
#colorbox3 { width: 13px; height: 47px; float: left; background: #81C301; margin-right: 10px; }

#feature4 { background-color: #FFFFFF; width: 378px; height: 47px; float: left; border-bottom: 1px dashed #E4EDF2; margin: 2px 2px 0px 2px; padding: 0 0 2px 0; }
#feature4 h1 { color: #FF9B0D; }
#colorbox4 { width: 13px; height: 47px; float: left; background: #FF9B0D; margin-right: 10px; }


#boxtop { background: url(../../images/box_top.gif) top no-repeat; width: 220px; height: 20px; padding-top: 12px; }
#boxbg { background: url(../../images/box_bg.gif) repeat-y; width: 220px; padding-top: 10px; padding-bottom: 10px; }
#boxtitle { background: url(../../images/box_title.gif) top no-repeat; width: 220px; height: 20px; padding-top: 5px; }
#boxbottom { background: url(../../images/box_bottom.gif) bottom no-repeat; width: 220px; height: 15px; }
#col3 h1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; margin: 0px 0px 0 15px; padding: 0px; border: 0px; }
#col3 table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 5px 0px 10px 0px; padding: 0px; border: 0px; }
#col3 form { margin: 0; padding: 0; }
#col3 p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px 0px 0 15px; padding: 0px; }
#col3 table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px 0px 0 15px; padding: 0px; }
#col3 #textfield { border: 1px solid #BFD0D5; height: 14px; width: 100px; margin-right: 10px; }
.searchfield { border: 1px solid #BFD0D5; height: 14px; width: 100px; margin-right: 10px; }