/* CSS Document */

@import url("commissioning.css");
@import url("education.css");

html,body{
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	font-weight: normal;
	margin:0;
	padding:0;
	border:0;
	background-color:#e2e3e4;
	color:#7c7c7c;
}

#page
{
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	border-top:5px solid #5a5b5f;
} 

a, a:visited, a:active{
	color:#e31937;
	text-decoration:none;
}

a:hover{
	color:#e31937;
	text-decoration:underline;
}

h3 {
	margin: 10px 0 0 0;
	font-size:1em;
	text-transform:uppercase;
}

p {
	margin: 0 0 1em 0;
}

/*****HEADER: LOGO + SEARCH *****/

#header
{
	margin:0 auto;
	width: 960px;
}

#header img
{
	float:left;
}

#search
{
	/* background-color:#5a5b5f; */
	width:290px;
	float:right;
	padding:5px;
	margin-top:25px;
	color:#7c7c7c;
}

#search .image-button
{
	margin-left:5px;
}




/*****END HEADER*****/





/*****MENU *****/

#menu-container{width: 960px;margin:10px auto; background:#eaeaec; height:41px;}

#menu {position:relative; margin:0; padding:0; list-style:none; }
#menu > li {position:relative; float:left; margin:0;}
#menu > li > a {display:block; margin:0; padding:5px 13px; border:solid #ccc; border-width:0 0 0 1px; background-color:#eee; color:#777; text-align:center; text-decoration:none; height:30px; }
#menu > li > a:hover, #menu > li#active > a{background-color:#e31937; color:#fff; border-left:1px solid #fff;}/*gives active item + item rollover state the red background with white border */
#menu > li#active:first-child > a, #menu > li:first-child > a {border-left: none;} /* gives the first menu item no border on the left */

/***** subMENU *****/
#menu > li > ul {display:none; width:272px; background-color:#eee; margin:0; padding:0; position: absolute; list-style:none;}
#menu > li:hover > ul, #menu > li.hover > ul {display: block;}
#menu > li.last-item > ul, #menu > li:last-child > ul {right: 0px; top: 41px; z-index: 1000; }
#menu > li > ul > li {border-bottom:1px dotted #959595; height: 30px; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#menu > li > ul > li > a {color:#000; text-align:left; font-size:11px; padding:7px 10px; height:16px; text-decoration: none; text-transformation: none; display: block;}/* styling for submenu*/
#menu > li > ul > li > a:hover {background-color: #e21a36;color: #fff; }/* styling for hover state of submenu*/
#menu > li > ul > li.borderbottom {border-bottom:solid 1px #ccc;} /* gives the last sub menu item a 1px border*/

#menu > li.large {width: 272px;}
#menu > li.medium {width: 200px;}
#menu > li.small {width: 96px;}

/*****END MENU*****/


/*****MAIN PAGE CONTENT*****/

.dots
{
	width:100%;
	height:2px;
	padding:0;
	margin:6px 0px 6px 0px;
	clear:both; 
	border:1px dotted #ccc;
}

hr.clear
{
	clear:both;
	height: 1px;
	border: 0;
}

div.hr
{
	background:#ccc url(../images/greypixline.gif) repeat-x; 
	width:100%;
	height:2px;
	padding:0;
	margin:10px 0px 10px 0px;
	clear:both; 
	border:none;
}

div.hr hr 
{
	display: none;
}

#content
{
	margin:0 auto;
	width:960px;
}

#main-content
{
	float:left;
	width: 565px;
	padding: 0px;
	margin: 0px;
	border:1px solid #bbb;
	min-height:500px;
}




#content h1
{
	color:#fff;	
	font-size:18px;
	font-weight:normal;
	background:#e31937;
	margin: 0px;
	padding:10px 0px 10px 15px;
	border-bottom:4px solid #bbb;
}

#intro h1
{
	font-size:16px;
	font-weight:700; 
	color:#fff; 
	padding: 0; 
	text-align:center; 
	line-height:22px; 
	background-color:#e31937; 
	text-transform:uppercase; 
	margin-top:10px; 
}



#introtext {width:990px; }
#introtext  p {width:740px; margin:0 auto; padding:5px;  }

#servIntrocol {width:180px;  float:left; padding-right:145px;  padding-left:70px; }
#servIntrocol a {color:#e31937; text-decoration:underline; }
#servIntrocol a:hover {color:#d0c2aa;}

#educIntroCol {width:180px; float:left;}
#educIntroCol a {color:#d0c2aa; text-decoration:underline; }
#educIntroCol a:hover {color:#666;}

#commIntrocol {width:180px; float:right; padding-right:70px;}
#commIntrocol a {color:#333; text-decoration:underline; }
#commIntrocol a:hover {color:#e31937;}




#main-content div.wrapper
{
	width: 550px;
	margin:0 auto;
	font-size:11.5px;
	padding:15px 0px;
}

#main-content div.wrapper h3
{
	color: #e31937;
	margin: 0px;
	padding:0px 0px 5px 0px;
}
#main-content img.left
{
	float:left;
	padding:5px 10px 5px 0px;
}

#main-content img.right
{
	float:right;
	padding:5px 0px 5px 10px;
}

/**Style that wraps all content on the right column of the page to avoid content spilling over on short pages***/

div.side-content-wrapper
{
	width: 380px;
	float: right;
	border: 0;
	padding: 0;
	margin: 0;
}

/** SEARCH RESULTS *****/
#searchresults .gsc-control { width: 530px;}

/*** right hand side divs ****/

.side-content
{
	width:377px;
	float:right;
	border:1px solid #bbb;
	min-height:150px;
	margin: 15px 0px;
}

.side-content div.mini-wrapper
{
	margin: 20px 10px 0 10px;
}


/****tabbed div****/

#news-tabs
{
	width: 380px;
	float:right;
}


#news-tabs ul 
{
	list-style: none;
	padding: 0;
	margin: 0;
}
    
#news-tabs ul li 
{
	float: left;
	border: 1px solid #bbb;
	border-bottom-width: 0;
	margin: 0;
}
    
#news-tabs ul.tab-tops a 
{
	text-decoration: none;
	text-transform:uppercase;
	display: block;
	background: #e31937;
	padding: 0.5em 0.13em;
	margin:0px;
	color: #fff;
	width: 120px;
	text-align: center;
	font-size:10px;
}

#news-tabs ul.tab-tops a:hover 
{
	color:#000;
	background: #eee;
	cursor:pointer;
}
	
#news-tabs ul.tab-tops .selected-tab 
{
	border-color: #bbb;
}
	
#news-tabs ul.tab-tops .selected-tab a 
{
	position: relative;
	top: 1px;
	background: white;
	color: #5a5b5f;
}	

.tab-content 
{
	border: 1px solid #bbb;
	margin-top: 23px;
	padding: 0 1em;
	width:350px;
	height:250px;
	overflow:hidden;
}

.article-date
{
	color: #5a5b5f;
	font-weight: bold;
}

.tab-article-content {
	padding-top: 15px;
}

.ui-tabs-hide { display: none; }


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

.service-dir-image
{
	margin:5px 0px 0px 60px;
	border:none;
	width: 240px;
	height:324px;
}

/*****END MAIN PAGE CONTENT*****/

#circles 
{
	margin:0 auto;
	width: 960px;
	padding:10px 0 10px 0;
}

#childrenCircle {
	width:320px;
	height: 209px;
	display:block;
	padding: 0;
	margin-bottom: 15px;
	background:url(../images/circles_children_young.jpg) no-repeat;
	text-indent:-1999px;
	float: left;
}

#childrenCircle:hover {
	width:320px;
	height: 209px;
	display:block;
	margin-bottom: 15px;
	padding: 0;
	background:url(../images/circles_children_young_over.jpg) no-repeat;
}

#educationCircle {
	width:320px;
	height: 209px;
	display:block;
	padding: 0;
	margin-bottom: 15px;
	background:url(../images/circles_education.jpg) no-repeat;
	text-indent:-1999px;
	float:left;
}

#educationCircle:hover {
	width:320px;
	height: 209px;
	display:block;
	margin-bottom: 15px;
	padding: 0;
	background:url(../images/circles_education_over.jpg) no-repeat;
}

#commissioningCircle {
	width:320px;
	height: 209px;
	display:block;
	padding: 0;
	margin-bottom: 15px;
	background:url(../images/circles_commissioning.jpg) no-repeat;
	text-indent:-1999px;
	float:left;
}

#commissioningCircle:hover {
	width:320px;
	height: 209px;
	display:block;
	margin-bottom: 15px;
	padding: 0;
	background:url(../images/circles_commissioning_over.jpg) no-repeat;
}


#introCircle1 {
	width:319px;
	height: 209px;
	display:block;
	padding: 0;
	margin-bottom: 15px;
	background:url(../images/introroll.gif) no-repeat;
	text-indent:-1999px;
	float: left;
}


#introCircle1:hover {
	width:319px;
	height: 209px;
	display:block;
	margin-bottom: 15px;
	padding: 0;
	background:url(../images/introrollon.jpg) no-repeat;
}


#introCircle2 {
	width:320px;
	height: 209px;
	display:block;
	padding: 0;
	margin-bottom: 15px;
	background:url(../images/introroll2.gif) no-repeat;
	text-indent:-1999px;
	float: left;
}


#introCircle2:hover {
	width:320px;
	height: 209px;
	display:block;
	margin-bottom: 15px;
	padding: 0;
	background:url(../images/introroll2on.jpg) no-repeat;
}


#introCircle3 {
	width:321px;
	height: 209px;
	display:block;
	padding: 0;
	margin-bottom: 15px;
	background:url(../images/introroll3.gif) no-repeat;
	text-indent:-1999px;
	float: left;
}


#introCircle3:hover {
	width:321px;
	height: 209px;
	display:block;
	margin-bottom: 15px;
	padding: 0;
	background:url(../images/introroll3on.jpg) no-repeat;
}


#traffLogos
{
	margin:0 auto;
	width:960px;
	text-align:center;
	margin-top:60px; 
	margin-bottom:5px;
}

#footer
{
	background:#5a5b5f;
	height:25px; 
}

#footer p 
{
	text-align:center; 
	font-size:10px; 
	color:#FFF; 
	padding:5px 0 10px 0;
}


div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}



 img {border:none;}

.clear-both
{
	clear:both;
}

.clearer 
{
	clear:both;
	margin:7px 0px;
}

.alignCenter{text-align:center;}

.floatLeft{float:left;}

.floatRight{float:right;}