/*-----------------------------------------------------------------------------------------------
CSS for City Recruitment, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 
------------------------------------------------------------------------------------------------*/


/*--------FOR IE 6 AND UNDER ONLY --------*/


/*-------------END-----------------------*/



body {
font-family:  "Arial", "Verdana", "Tahoma";
font-size: 12px;
color: #444444;
background-color: #ededed;  
margin: 0px;
padding: 0px;
height: 100%;

}

#outer {
width:885px; 
margin-left:auto;
margin-right:auto;
position:relative;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
background-color: #f5f5f5;
height: 100%;
}


#banner {
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
width: 885px;
height: 108px;
margin-top: 0px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Links Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/

a:link, a:link, a:visited {
color:#1e7dde;
text-decoration: none ;
}

a:hover {
color:#1e7dde;
text-decoration: underline;
}

a:active {
color:#1e7dde;
}


.font:link, .font:visited {
color:#fff;
text-decoration:none;
font-size:14px;
}

.font:hover {
color:#fff;
text-decoration: underline;
}

.font:active {
color:#fff;
text-decoration: underline;
}


/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Menu Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/


#menu{
width: 865px;
height: 36px;
font-size: 100%;
color: #1f7ddf;
}

#menu ul{
width: 100%;
padding: 10px 10px;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#menu ul li{
display: inline;
margin-right: -3px;
}

#menu ul li a{
color: #1f7ddf;
padding:1.5%;
margin: 0;
text-decoration: none;
}

#menu ul li a:hover{
color: #1f7ddf;
height: 36px;
background-color: #fff;
}

#menu ul li .current {
color: #1f7ddf;
height: 36px;
background-color: #fff;
}

.clear {
clear:both;}


/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Content Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/

h1 {
font-size:16px;
color: #1B7B9C;
}

h2 {
font-size:14px;
}

#content {
width:885px;
margin-top: 0px; 
padding: 0;
text-align:justify;
}

#left {
width: 514px;
float: left;  
font-size:12px;
text-align: justify;
}

.innertube {
border: 1px solid  #207cdf;
margin: 10px;
padding: 10px ;
background-color:#FFFFFF;
height: 262px;
}

.innertube2 {
margin-top: 10px;
padding-right: 1px;

}

.innervac {
border: 1px solid  #207cdf;
margin: 10px;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color:#FFFFFF;
min-height: 420px;
background:url(../images/vacheader.jpg) no-repeat #fff;
}



#right {
width: 361px;
float: left;  
font-size:12px;
text-align: justify;
}

#bottombox {
margin-top: 14px;
margin-left: 10px;
margin-right: 10px;
background-image:url(../images/specheader.jpg);
background-repeat: no-repeat;
background-color:#0b3663;
color:#FFFFFF;
padding-top: 30px;
padding-left: 10px;
height: 143px;
}

#footer {
width:885px;
margin-top: 10px;
padding-top: 6px;
padding-bottom: 4px;
border-top: 4px solid #555;
text-align:center;
font-weight:normal;
font-size: 90%;
background-color: #ededed;
color: #1f7ddf;
}