/*************************

author: David Goadby 
tag: thedaveyb
site: robsontaylor.co.uk
web: www.thedaveyb.co.uk 
email: david@thedaveyb.co.uk
client: mwismedia.co.uk

***********************/


/* SITE DEFAULTS -------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select, div {margin: 0 0 0 0;padding: 0 0 0 0;color:#333; font: normal 11px Arial;}
body {margin: 0px;padding: 0px;text-align: center; color:#333; background-color: #F7F7F4;}

/* MISC : BODY -------------------------------------------------------*/
#container {width: 1024px; margin:auto; background: repeat-y url(../img/bg.jpg) #fff;}
#header { width: 1000px; margin: 0 0 0 15px; background: no-repeat url(../img/header.jpg); height: 127px; float:left;}
#nav_hold { background: repeat-x url(../img/bg_nav.jpg);width: 998px; margin: 0 0 0 15px; display:block;float:left;}

/* NAV -------------------------------------------------------*/
#nav_hold #left li { float:left; list-style:none;}
#nav_hold #left li a { display:block; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 6px 20px 7px 15px; text-decoration:none;}
#nav_hold #left li a:hover { text-decoration:underline;}
#nav_hold #right { margin: 0  25px 0 0;}
#nav_hold #right li { float:right; list-style:none;}
#nav_hold #right li a { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 6px 18px 10px 18px; text-decoration:none;}
#nav_hold #right li a:hover { text-decoration:underline;}
iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav { float:left; margin: 0 0 0 10px;}

#nav ul { /* all lists */
	list-style: none;
}

#nav li { /* all list items */
	position: relative;
	display:block;
	float:left;font: bold 10px Arial, Helvetica, sans-serif; color:#fff;
}


#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 0em;
	left: 0;
	z-index: 10;
}

#nav li ul li { float:left; clear:both;}

#nav li ul li a {color: #000;background-color: #666666;  background-image:none;text-align:left; padding:5px; font: bold 10px Arial, Helvetica, sans-serif; color:#fff; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin:0; width:200px;display: block; float:none; }


#nav li ul li a:hover {display: block;color: #fff;background-color:#000; }


#nav li ul li a:hover iframe.one {left:0; top:35px; width:450px; height:400px;}
#nav li ul li a:hover iframe.two {left:0; top:35px; width:400px; height:405px;}


#nav li>ul { /* to override top and left in  other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
	left:auto;
	top:auto;
}


.homeimage {margin: 10px 0 0 7px;}

/* COL ONE  -------------------------------------------------------*/
#col_one { float:left; width: 202px; text-align:left;margin: 0 0 0 14px; border-right: 1px solid #F2F2F2; clear:left;  }
#col_one h3 { background: repeat-x url(../img/h2_bg.jpg); width: 190px; margin:1px 1px 0 1px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 15px 10px;}
#col_one h4 { background: repeat-x url(../img/h2_bg.jpg);  width: 190px; margin:5px 1px 0 1px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 15px 10px;}
#col_one input, #col_one select { margin: 5px 0 5px 5px;}
#col_one ul {}
#col_one li {color:#3B3BB2; list-style:none; margin: 10px;}
#col_one li a { color:#444343;text-decoration:none; font-weight:bold;}
#col_one li a:hover { text-decoration:underline;}
#col_one #submit { float: left; }
#col_one #frmlogin a img { margin: 5px 0 0 3px; }


/* COL ONE  : HOT JOBS -------------------------------------------------------*/
#hotjobs { text-transform:lowercase;}
#hotjobs .title {margin: 10px 15px 10px 10px; color:#333333; line-height: 18px;}
#hotjobs .title a { color: #2A2AB2; text-transform:capitalize; font-weight:bold; text-decoration:none;}

/* COL ONE  : SEARCH-------------------------------------------------------*/
#frmjobsearch { margin: 15px 0 15px 5px;}
#frmjobsearch select { width: 180px; padding: 2px; color:#333333; font-size:12px;}

/* COL ONE  : LOGIN -------------------------------------------------------*/
#frmlogin {margin: 15px 0 15px 5px;}
#frmlogin .input { display:block; width: 160px; clear:both; color:#333333; font-size:12px; padding:3px;}

/* COL TWO  :  -------------------------------------------------------*/
#col_two { float:left; width: 800px; text-align:left; background:repeat-x url(../img/bg_col_two.jpg);}
#main_content { float:left; width: 518px; padding: 10px 10px 0 20px;clear: left;
}
#main_content h1 { font: bold 18px Arial, Helvetica, sans-serif; color:#2121A7; margin: 15px 0 5px 0;}
#main_content h2 {font: bold 14px Arial, Helvetica, sans-serif; color:#333; margin: 15px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #F5F5F5;line-height:22px;}
#main_content h3 {font: bold 12px Arial, Helvetica, sans-serif; color:#2121A7; margin: 5px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #F5F5F5;}
#main_content p { font: normal 11px Arial, Helvetica, sans-serif; color:#333333; margin: 10px 20px 20px 0px; line-height:22px;}
#main_content ul {}
#main_content li {font: normal 11px Arial, Helvetica, sans-serif; color:#333333; margin: 5px 50px 5px 45px; line-height:18px;}
#main_content a { color:#666; }
#main_content a:hover { color:#2A2AB2; text-decoration:none; }

#cattext p { font: normal 10px Arial, Helvetica, sans-serif; color:#333333; margin: 5px 20px 5px 0px; line-height:18px;}
#cattext h3 { font: bold 18px Arial, Helvetica, sans-serif; color:#2121A7; margin: 15px 0 5px 0;}


#main_content_wide { float:left; width: 718px; padding: 10px 10px 0 20px;clear: left;
}
#main_content_wide h1 { font: bold 18px Arial, Helvetica, sans-serif; color:#2121A7; margin: 15px 0 5px 0;}
#main_content_wide h2 {font: bold 14px Arial, Helvetica, sans-serif; color:#333; margin: 15px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #F5F5F5;line-height:22px;}
#main_content_wide h3 {font: bold 12px Arial, Helvetica, sans-serif; color:#2121A7; margin: 5px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #F5F5F5;}
#main_content_wide p { font: normal 11px Arial, Helvetica, sans-serif; color:#333333; margin: 10px 20px 20px 0px; line-height:22px;}

/* COL ONE  -------------------------------------------------------*/
#col_three { float:left; width: 232px; text-align:left;margin: 0 0 0 15px; background: repeat-y url(../img/col_3bg.jpg) #FFFFFF;}
#col_three h3 { background: repeat-x url(../img/h3_bg.jpg); width: 222px; margin:1px 1px 0 1px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 15px 10px;}
#col_three h4 { background: repeat-x url(../img/h3_bg.jpg);  width: 222px; margin:1px 1px 0 1px; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:5px 0 15px 10px;}
#col_three input, #col_one select { margin: 5px 0 5px 5px;}
#col_three ul {}
#col_three li {color:#3B3BB2; list-style:none; margin: 10px;}
#col_three li a { color:#444343;text-decoration:none; font-weight:bold;}


#newsletter {border: 1px solid #EFEFEF; width: 96%; margin:15px 5px 5px 5px; }
#newsletter p.title { background-color:#666; color:#FFFFFF; display:block; padding: 6px; margin:0;}
#newsletter form {}
#newsletter label {padding: 6px; }
#newsletter .input {padding: 1px; display:block; width: 350px; margin: 0 0 0 5px; padding: 3px;}


/* FORM  :  -------------------------------------------------------*/
#form_box {width:470px; border:1px solid #F4F4F4; margin: 0 0 0 20px;}
#log { padding: 10px 0 10px 0;}
#log p { padding: 2px; display:block; clear:both; margin: 0 0 7px 20px; }
#log label { float:left; display:block; width: 100%; font: bold 12px Arial, Helvetica, sans-serif; color: #003399; text-align:left; padding: 0 0px 0 0;  }
#log input { background: repeat url(../img/input_bg.jpg); float:left;

border-left: 1px solid #999; 
border-top: 1px solid #999; 
border-right: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 


padding: 5px;  width: 400px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#log textarea {background: no-repeat url(../img/input_bg.jpg);  float:left;border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3;   padding: 5px; height: 75px; width:400px;  font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#log select, #log option {background: repeat url(../img/input_bg.jpg); float:left;border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3;  width: 400px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#log .form_button {width: 150px; margin: 10px 0 0 100px; color:#666;}
#log small { font-size: 9px; color:#003399;}
small { font-size: 9px; color:#003399;}



/* SURVEYS */
#main_content_wide #form_box {width:700px; border:1px solid #F4F4F4; margin: 0 0 0 20px;}
#main_content_wide #log { padding: 10px 0 10px 0;}
#main_content_wide #log p { padding: 2px; display:block; clear:both; margin: 0 0 7px 20px; }
#main_content_wide #log label { float:left; display:block; width: 100%; font: normal 12px Arial, Helvetica, sans-serif; color: #003399; text-align:left; padding: 10px 0px 0 0;  }
#main_content_wide #log input { background:  repeat-x url(../img/input_bg.jpg); float:left;

border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3; 

padding: 5px;  width: 600px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#main_content_wide #log textarea {background: repeat-x url(../img/input_bg.jpg);  float:left;border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3;   padding: 5px; height: 75px; width:600px;  font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#main_content_wide #log select, #log option {background:  repeat-x url(../img/input_bg.jpg); float:left;border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
border-right: 1px solid #F3F3F3; 
border-bottom: 1px solid #F3F3F3;  width: 600px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;  }
#main_content_wide #log .form_button {width: 150px; margin: 10px 0 0 100px; color:#666;}
#main_content_wide #log small { font-size: 9px; color:#003399;}
#main_content_wide small { font-size: 9px; color:#003399;}

#second_content { float:left; width: 250px;}
#second_content img { float:left; margin: 0 0 0 1px;}
#second_content ul { margin: 25px 0 0 10px;}
#second_content a:hover { text-decoration:underline;}

/* FOOTER ------------------------------------------------ */
#footer { display:block; width: 1000px; margin: 0 0 0 15px; border-top: 1px solid #F2F2F2; text-align:left; float:left;}
#footer p { color:#999999; font: normal 11px Arial, Helvetica, sans-serif; padding: 10px;}
#footer a {color:#999999; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}