@import url(dc_titles.css);

body {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
margin:0;
padding:0;
color:#666666;
background-color:#B5D5F3;
/*background-image:url(../images/testbg.jpg);*/
margin: 20px 0 0 0;
text-align:center;
}
		
/* layout  ------------------------------------------------------------------------- */

#container {
	width:800px;
	height:100%;
	margin: 0px auto;
	/* background-image:url(../images/layout/bg.gif);
	background-attachment:inherit;
	background-repeat:repeat-y; */
}

/* master columns ---------------------------------------------------------*/

#leftColumn {
	float:left;
	text-align:left;
	width: 186px;
	height:100%;
	margin-bottom:10px;
	/*background-color:#ffffff;*/
}


#centerColumn {
	position:relative;
	float:left; 
	text-align:left;
	width:399px;
	left:7px;
	/*background-color:#ffffff;*/
}	


#centerFull {
	position:relative;
	float:left; 
	text-align:left;
	width:607px;
	left:7px;
	background-color:#ffffff;
}

#centerFullClear {
	position:relative;
	float:left; 
	text-align:left;
	width:607px;
	left:7px;
}	

#rightColumn {
	position:relative;
	float:right; 
	width:200px;
	height:100%;
	text-align:left;
}

.whitebg { background-color:#FFFFFF;}


#banner{
	position:relative;
	float:left; 
	width:607px;
	background-color:#ffffff;
	height:298px;
}
/*end of master columns -------------------------------------------------*/


/* BOXES-----------------------------------------------------------------------*/

#mainNavigation{
	float:left;
	position:relative;
	text-align:left;
	width:186px;
	height:100%;
	background-color:#004D8E;
}

#topBanner{
	position:relative;
	float:left;
	width:400px;
	height:100%;
}

 #subNavBox{
	position:relative;
	float:left; 
	clear: left;
	text-align:left;
	width:186px;
	height:100%;
	background-color:#ffffff;
} 


.blueRule{
	width:100%;
	float:left; 
	/*without this clear:both, this div wont display in firefox */
	clear:both;
	height:7px;
	line-height:7px;
	background-color:#B5D5F3;
}

#blueRule2px{
	width:100%;
	float:left; 
	/*without this clear:both, this div wont display in firefox */
	clear:both;
	height:2px;
	line-height:2px;
	background-color:#B5D5F3;
}	

		
#mailingList{
	position:relative;
	float:left;
	clear: left;
	width:186px;
	padding-bottom:7px;
	text-align:left;
	background-color:#ffffff;
}

#mainContent {
	float:left;
	width:400px;
	height:100%;
	position:relative;
	background-color:#ffffff;
	height:100%;
	padding:0 0 10px 0;
	
}

#mainContent p {line-height:15px;}


#footer {position:relative; width:786px; top:7px; background-color:#FFFFFF; padding:7px;}

#today {
	position:relative;
	float:left;
	clear: left;
	width:200px;
	text-align:left;
	background-color:#FFFFFF;
	font-size:11px;
	padding:0 0 0 0;
}

#today p {padding:0px 7px 10px 7px; margin:0px; }

#today a {text-decoration:none; }


#adverts img {padding:0 0 7px 0;}

.todayDesc {padding:0 7px 0 7px;}

.backtotop {position:relative; float:right; text-align:right; font-size:9px; padding:7px 7px 0 0; color:#FFFFFF;}
.backtotop a {color:#FFFFFF; text-decoration:none;}


.classification {position:relative; width:100px; float:right; text-align:right; padding:10px 7px 0 0;}


/* end of layout  ------------------------------------------------------------------ */	





/* MAIN MENU ---------------------------------------------------------------------------------------------------- */
/* Menu Options --------- */

ul#mainnav {
  	margin-left: 7px;
	padding-left: 0;
	margin-top: 0px;
	list-style-type: none;
	font-size:11px;
	font-weight:bold;
	color:#B5D5F3;

}

ul#mainnav li {
	padding: 4px 7px 3px 0px; /* was 4 7 4 0 before passport was added */
	list-style-type: none;
}

ul#mainnav li a:link, ul#mainnav li a:active, ul#mainnav li a:visited {
	color:#B5D5F3;
	text-decoration:none;
}

ul#mainnav li a:active{
	color:#ffffff;
	text-decoration:none;
}

ul#mainnav li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

/* Sub menu styling --------- */

.mainsubs {
  border-bottom: none;
  font-size:10px;
  color:#ffffff;
  padding: 0px 0px 0px 15px;
  margin:0px;
}

/* END OF MAIN MENU ------------------------------------------------------------- */





/* FRONT PAGE NEWS STORIES ------------------------------------------------------ */
#subNav ul{
margin:0 0 0 0 ;
padding: 0;
list-style-type: none;
font-size:11px;


}

#subNav a{
display:block;
padding: 10px 7px 10px 7px;
width: 172px;
}

#subNav a:link, #subNav a:visited, #subNav a:active{
text-decoration:none;
}

#subNav ul a.cell1:hover 
{ background-color:#D0E330; color:#FFFFFF; } 

#subNav ul a.cell2:hover 
{ background-color:#5499DF; color:#FFFFFF; } 

#subNav ul a.cell3:hover 
{ background-color:#827267; color:#FFFFFF; } 

#subNav ul a.cell4:hover 
{ background-color:#D80017; color:#FFFFFF; } 

#subNav ul a.cell5:hover 
{ background-color:#004C97; color:#FFFFFF; } 


#frontPageNews img {float:right;}

/*-- END OF FRONT PAGE NEWS STORIES --------------------------------------------------------- */



/* PASSPORT PAGE */
.passport {margin-left:7px;}


/* end of PASSPORT PAGE */


/* FORM STYLING ------------------------------ */
form {margin-left:7px; margin-right:0px; margin-top:3px;}
input {font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 11px;}
textarea {font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 11px;}

.mailinglist {margin-left:7px; margin-top:3px;}

/* END OF FORM STYLING ------------------------ */



/* HORIZONTAL RULE STYLE */

.todayHr {
color: #e6e7e8;
background-color: #e6e7e8;
height: 1px;
width:93%;
border: 0;
text-align:center;

}

.fullHr {
color: #e6e7e8;
background-color: #e6e7e8;
height: 1px;
width:96%;
border: 0;
text-align:center;
}

hr{
color: #e6e7e8;
background-color: #e6e7e8;
height: 1px;
width:96%;
border: 0;
text-align:center;
}

/*END OF RULE */



/* FONT STYLES -------------------------------------------------------------------------------------------- */

h1,pre {margin:0px;}

h1 {
	/*position:relative;
	width:auto;
	padding: 10px 7px 10px 7px;
	font-size:12px;*/ 
	background-color:#336ea3;
	color:#FFFFFF;
	}


h2,pre {padding:12px 7px 3px 7px; margin:0px;}

h2 {font-size:12px; color:#004D8E;} 


h3,pre {padding:10px 7px 0px 7px; margin:0px;}
h3 {font-size:11px; color:#004D8E;}

h4,pre {padding:10px 7px 0px 7px; margin:0px;}
h4 {font-size:11px; color:#004D8E;}


a {color:#666666;}

.newsHeaders{padding:0px 7px 0px 7px; margin: 0px;}


p {padding:10px 7px 10px 7px; margin: 0px;}

#descriptions p {padding:3px 7px 10px 7px;}

.moreNews {padding:10px 7px 5px 7px;}
 a.moreNews {text-decoration:none;}
 a.moreNews:hover {text-decoration:underline;}
 
.navContacts, .navContacts a { font-size:9px; color:#FFFFFF;}

.classKey {color:#FF0000; font-size:9px; font-weight:bold;}

.classExtra {color:#FF0000;}

.cancelled {color:#FF0000; font-size:11px; font-weight:bold;}

.date {font-size:10px;}


img {border:0;}


img.floatRight { 
    float: right; 
    margin:12px 40px 14px 0;
}


.todayDate {font-size:9px; color:#c92c4a;}

.todayCancelled {font-size:9px; color:#FF0000; font-weight:bold;}

.salary {font-size:11px; color:#666666;}


/* testing out graphics as headers...... */

h1{
	text-indent: -99999999px;

}

#hireslink a:link, #hireslink a:visited, #hireslink a:active {text-decoration:none;}
#hireslink a:hover {text-decoration:underline;}
 
.icons {vertical-align:middle; padding:0 7px 0 0;}
 
/* END OF FONTS  ------------------------------------------------------------------ */