/* Created by Colin Brown */
/* Date: 28/06/2006 */
/* colin[at]coolwired.net */
/* www.coolwired.net */

/* we define the static, fixed font size here and then use percentages thereafter, so if you want size 11px font, keep it at 100%. */
body, html { font-family:Arial, Helvetica, sans-serif; font-size:12.5px; font-weight:normal; line-height:16px; color:#333333; }

/* Change default tags */
a img { border:none; }
p { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; line-height:16px; color:#333333; margin-right:10px; }
h1 {  height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:130%; color:#FFFFFF; margin:0; padding-top:10px; margin-left:12px; line-height:18px; }
h2 {  height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:125%; color:#333333; margin:0; padding-top:10px; line-height:15px; }
h3 {  height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:105%; color:#333333; margin:0; padding-top:0px; line-height:15px; }
h4 {  height:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:95%; color:#333333; margin:0; padding-top:0px; line-height:12px; }
ul { list-style-type:square; margin:0; padding:8px; padding-bottom:10px;}
li { margin:0;  padding-bottom:2px;  margin-left:4px; }
th { text-align:left; width:120px; }
/* font stuff */
.font10 { font-size: 95%; } 
input { border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; color:#333333; width:150px; }
hr { margin:0; padding:0; border-top:1px solid #333333; margin-right:10px;  } 
form { margin:0; padding:0; }

/* custom padding */
.pad5 { line-height:5px; font-size:0px; height:5px; width:1px; }
.pad8 { line-height:8px; font-size:0px; height:8px; width:1px; }

/* image borders, frames etc.. */
.image_frame_left {  margin:7px; margin-top:0; margin-left:0px; float:left; border:1px solid #333333; }
.image_frame_right { margin:7px; margin-top:0;  float:right; margin-bottom:4px; border:1px solid #333333; }


/* Define the main template */
#container { width:760px; margin: 20px auto 0px auto;}

/* start the top navigation */
#container #top { width:752px; float:left;}
#container #top #header { float:left; width:752px; height:79px; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; }
#container #top #header .left { width:160px; height:79px; float:left;  }
#container #top #header .right { float:right; width:26px; height:79px; background-image:url(../images/header_right.jpg); background-repeat:no-repeat; }

#container #top #nav {  margin-top:-3px;float:left; width:745px; margin-left:2px; height:16px; background-color:#747474; border-top:1px solid white; }
#container #top #nav a { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#container #top #nav a:hover { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#FFFFFF; text-decoration:underline; }
#container #top #nav .navitem { margin-top:2px; padding:0px 20px 0px 20px; border-right:1px solid #FFFFFF; height:12px; float:left; line-height:12px; }

/* start the body that contains a 3 col layout */
#container #body { width:770px; float:left; margin-right:-12px; }

/* start the left column */
#container #body #left_column { width:162px; float:left; }

/* define the left hand navigation */
#container #body #left_column .navigation { width:162px }		
#container #body #left_column .navigation .header { width:162px; height:46px; background-image:url(../images/left_menu_top.jpg); background-repeat:no-repeat; }
#container #body #left_column .navigation a { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#FFFFFF; text-decoration:none; line-height:18px; }
#container #body #left_column .navigation a:hover { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#FFFFFF; text-decoration:none; line-height:18px; }

#container #body #left_column .navigation .item { width:162px; float:left; }
#container #body #left_column .navigation .item .left { width:7px; height:19px; background-image:url(../images/left_menu_left.jpg); background-repeat:no-repeat; float:left; }
#container #body #left_column .navigation .item .menu_content { width:145px; height:18px; padding-left:5px; float:left; background-color:#B4B4B4; border-top:1px solid #FFFFFF; }
#container #body #left_column .navigation .item .menu_content_over { width:145px; height:18px; padding-left:5px; float:left; background-color:#D2CDCA; border-top:1px solid #FFFFFF; }
#container #body #left_column .navigation .item .menu_content_active { width:145px; height:18px; padding-left:5px; float:left; background-color:#D2CDCA; border-top:1px solid #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:666666; line-height:18px; }

#container #body #left_column .navigation .item .right { width:5px; height:19px; background-image:url(../images/left_menu_right.jpg); background-repeat:no-repeat; float:left; }
#container #body #left_column .navigation .footer { width:162px; height:14px; background-image:url(../images/left_menu_base.jpg); background-repeat:no-repeat; clear:both;}

/* start the a generic left hand widget */
#container #body #left_column .lside_widget { width:162px; float:left; }
#container #body #left_column .lside_widget .header { width:162px; height:45px; float:left; background-image:url(../images/left_nav_top.jpg); background-repeat:no-repeat; }
#container #body #left_column .lside_widget .content {  margin-top:-3px;padding-left:3px; margin-right:-4px; width:160px; float:left; background-image:url(../images/left_nav_bg.jpg); background-repeat:repeat-y; }
#container #body #left_column .lside_widget .content_image {  margin-top:-3px;padding-left:2px; width:160px; float:left; background-image:url(../images/left_nav_bg.jpg); background-repeat:repeat-y; }
#container #body #left_column .lside_widget .footer { width:162px; height:14px; margin-top:-3px; float:left; background-image:url(../images/left_nav_base.jpg); background-repeat:no-repeat; }

.features_job { }



/* start sole container */
#container #single_container { width:429px; float:left}
#container #single_container .widget { width:427px; float:left; }
#container #single_container .widget .top { width:407px; height:46px; background-image:url(../images/main_nav_top.jpg); background-repeat:no-repeat; float:left; }
#container #single_container .widget .content {  margin-top:-3px;padding:10px 15px 10px 15px; width:387px; background-image:url(../images/main_nav_bg.jpg); background-repeat:repeat-y; float:left; }
#container #single_container .widget .footer { width:407px; height:7px; background-image:url(../images/main_nav_base.jpg); background-repeat:no-repeat; float:left; }


/* start the centre column */
#container #body #centre_column { width:429px; float:left;  margin-right:-22px;}
#container #body #centre_column .widget { width:427px; float:left; }
#container #body #centre_column .widget .top { width:407px; height:46px; background-image:url(../images/main_nav_top.jpg); background-repeat:no-repeat; float:left; }
#container #body #centre_column .widget .content {  margin-top:-3px;padding:10px 15px 10px 15px; width:387px; background-image:url(../images/main_nav_bg.jpg); background-repeat:repeat-y; float:left; }
#container #body #centre_column .widget .footer { width:407px; height:7px; background-image:url(../images/main_nav_base.jpg); background-repeat:no-repeat; float:left; }


/* Use two_column with the left_column to have a wider layout */
#container #body #two_column { width:590px; float:left; }
#container #body #two_column .widget { width:600px; float:left; }
#container #body #two_column .widget .top { width:590px; height:46px; background-image:url(../images/main_nav_top_2col.jpg); background-repeat:no-repeat; float:left; }
#container #body #two_column .widget .content { margin-top:-3px; padding:10px 15px 10px 15px; width:570px; background-image:url(../images/main_nav_bg_2col.jpg); background-repeat:repeat-y; float:left; }
#container #body #two_column .widget .footer { width:590px; height:7px; background-image:url(../images/main_nav_base_2col.jpg); background-repeat:no-repeat; float:left; }


/* start the rightcolumn column */
#container #body #right_column { width:183px; float:left; }
/* start the a generic right widget */
#container #body #right_column .rside_widget { width:183px; float:left; }
#container #body #right_column .rside_widget .top { width:183px; height:46px; float:left; background-image:url(../images/right_nav_top.jpg); background-repeat:no-repeat; }
#container #body #right_column .rside_widget .content {  margin-top:-3px; width:168px; float:left;  padding-bottom:8px; background-image:url(../images/right_nav_bg.jpg); background-repeat:repeat-y; padding-left:15px; }
#container #body #right_column .rside_widget .content_image {  margin-top:-3px;width:178px; float:left; background-image:url(../images/right_nav_bg.jpg); background-repeat:repeat-y; padding-left:5px; margin-bottom:-3px; padding-top:1px; }
#container #body #right_column .rside_widget .footer { width:183px; height:13px; float:left; margin-top:-8px; background-image:url(../images/right_nav_base.jpg); background-repeat:no-repeat;  }

/* finish with the footer */
#container #footer { margin-top:30px; float:left; width:752px; }
#container #footer .hbar { width:752px; height:14px; margin-bottom:5px; background-image:url(../images/footer.jpg); background-repeat:no-repeat; }
#container #footer .textalign { width:550px; margin: 0 auto 0 auto; }
#container #footer .vline { width:1px; height:10px; margin:0 10px 0 10px; border:1px solid #333333;  }
#container #footer a { font-size:100%; color:#333333; }
#container #footer a:hover { font-size:100%; color:#333333; }