/* CSS Document */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
html{
	font-size:100%;
	background-color: #0082c0;
	}

body{
	font-family: Tahoma,Arial,sans-serif;
/*	font-size: 62.5%;*/
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	
	
	}
	
img{
border:0;
}

h1 {
	
	font-size: 1.5em;
	font-family: Tahoma,Arial,sans-serif;
	line-height:1.2em;
	padding-bottom:10px;
	margin:0;
	color: #ffffff;
}


h2 {
	font-size: 1em;
	font-family: Tahoma,Arial,sans-serif;
	line-height:1em;
	text-align: left;
	padding-bottom:0.5em;
	margin: 0;
	color: #91cef4;

}

h3 {
	font-size: 1em;
	line-height:1.3em;
	font-family: Tahoma,Arial,sans-serif;
	color: #0082c0;
	text-align: left;
	padding-bottom:0.4em;
	margin: 0px;

}


h4 {
font-size: 1.5em;
	font-family: Tahoma,Arial,sans-serif;
	line-height:1.5em;
	border-bottom: dotted 1px #999999;
	margin-bottom:20px;
	margin-top:0;
	padding:0;
	color: #ffcc00;
	

}

h5 {
	font-size: 1em;
	font-family: Tahoma,Arial,sans-serif;
	line-height:1.5em;
	text-align: left;
	padding-bottom:0.5em;
	margin: 0;
	color: #91cef4;

}

.highlight {
    color:#0082c0;
    font-weight:bold;
}

ul
{
font-size: 0.9em;
list-style:disc;
line-height:1.3em;
padding-bottom:0.8em;
margin: 0;
}




a {
color:#666666;
text-decoration: underline;
}

a:hover {
color: #91cef4;
text-decoration: none;
}



p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-indent: 0px;
	font-size:0.819em;
	color:#666666;
	line-height:1.5em;
	padding-bottom:1em;
	text-align:left;
}


input{


height: 21px;
float: left;
text-align: left;
display: block;
border: 0;
background-color:#cccccc;
color: #0099cc;
margin-top: 8px;

}


.submit input
{
width:59px;
float:right;
margin-top: 19px;
height:22px;
background-image:url(../assets/gfx-submit-button.jpg);
background-position:top;
background-repeat:no-repeat;
color:#ffffff;
text-align: center;
cursor: pointer;


}


button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
background-color:#7d8316;
color:#99cccc;
}


textarea{
font-family: Tahoma,Arial,sans-serif;
width: 230px;
font-size: 1em;
float: left;
text-align: left;
margin: 0;
border: 0;
background-color:#cccccc;
padding-bottom: 14px;
color:#0099cc;
margin-top: 8px;
}





/*---------------------------------------------------------------------------------*/
#container{
width:100%;
padding: 0;
margin-left: auto;
margin-right: auto;
background-color:#eaeaea;
background-image:url(../assets/gfx-header-background.jpg);
background-position:top;
background-repeat:repeat-x;


}


#inner-container{
width:960px;
padding: 0;
margin-left: auto;
margin-right: auto;


}







/*------headers---------------------------------------------------------------------------*/

#header-container{

width:960px;
margin:0;
padding:0;
margin-left: auto;
margin-right: auto;

}



#logo-home{
height:141px;
width:316px;
padding-bottom: 2px;
background-image:url(../assets/gfx-logo.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;


}

#header-graphic{
height:141px;
width:644px;
background-image:url(../assets/gfx-header-graphic.jpg);
background-repeat:no-repeat;
float:left;


}








/*------links----------------------------------------------------------------------------*/

#links-container{
height:32px;
width:705px;
padding: 8px 0 0 0;
margin:0;
float: left;

}


#links-container ul{
list-style: none;
padding: 0;
margin: 0;

}

#links-container li{
list-style: none;
padding:0;
margin: 0;
float:left;

}

#links-container li a:link, #links-container  li a:visited {
text-decoration: none;
display:block;
list-style: none;
color: #ffffff;
margin: 0;
padding: 4px 4px 0 0;




}

#links-container li a:hover, #links-container li a:active{
text-decoration: none;
display:block;
color: #ffc70e;


}

#links-container li a.selected {
    text-decoration: none;
    display:block;
    color: #ffc70e; 
}

.dividers{
color: #ffc70e;
}




#sub-links-container{
width: 195px;
padding: 50px 20px 0 20px;
margin:0;
background-image: url("../assets/gfx-right-column-background.jpg");
background-position:top;
background-repeat: no-repeat;
float:left;


}

#sub-links-container-inner{
width:160px;
height:232px;
float:left;

}


#sub-links-container ul{
list-style: none;
padding: 0;
margin: 0;


}

#sub-links-container li{
list-style: none;
padding:7px 0 10px 0;
margin: 0;
border-bottom: dotted 1px #FFFFFF;

}


#sub-links-container li a:link, #sub-links-container  li a:visited {
text-decoration: none;
display:block;
list-style: none;
color: #ffffff;
margin: 0;
padding: 4px 4px 0 0;


}

#sub-links-container li a:hover, #sub-links-container li a:active{
text-decoration: none;
display:block;
color: #dee827;


}

/*------job search page styles----------------------------------------------------------------------------*/
#job-search-links-container{
width:960px;
float: left;
padding-top: 4px;
margin:0;
}



.job-search-container  a, .job-search-container   a:visited {
display: block;
width: 168px;
overflow: hidden;
float:left;
margin-right: 20px;
margin-top: 20px;
 

}

.job-search-container  a:hover, .job-search-container  a:active{
display: block;
text-indent: -168px;
float:left;


}


/*------homepage styles----------------------------------------------------------------------------*/

#text-container-home{
width:920px;
height: 440px;
margin: 0;
background-image: url(../assets/gfx-home-body-background-top.jpg);
background-position:top;
background-repeat: repeat-x;
padding: 20px 20px 0 20px;
text-align: left;
color: #333333;
float:left;
display: inline;
}

#main-image-home{
width: 427px;
height: 314px;
float: left;

}

#text-box-home{
width:700px;
height: 421px;
float:left;
padding:0;
margin:0;
background-color: #999999;
}

#body-text-home{
width: 233px;
background-color: #999999;
padding: 20px 20px 0 20px;
margin:0;
float:left;
}

.text-home{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
text-indent: 0px;
color:#ffffff;
line-height: 1.458em;
text-align:left;
}




#opening-statement-container{
width:660px;
height:66px;
padding: 20px 20px 0 20px;
margin:0;
background-image: url(../assets/gfx-home-opening-statement-background.jpg);
background-position:top;
background-repeat: no-repeat;
float: left;

}

#bottom-links-container{
width:920px;
padding: 20px;
float: left;
margin-bottom:20px;
background-image: url(../assets/gfx-bottom-links-background.jpg);
background-position:top;
background-repeat: no-repeat;
border-top: solid 1px #cccccc;

}

#main-links-container{
width:200px;
float: left;
padding-left: 20px;
padding-top: 4px;
margin:0;
}



.main-links-container  a, .main-links-container   a:visited {
display: block;
width: 200px;
overflow: hidden;
float:left;
margin-right: 5px;
margin-top: 20px;
 

}

.main-links-container  a:hover, .main-links-container  a:active{
display: block;
text-indent: -200px;
float:left;


}



#latest-vacancies-container{
width:173px;
float: left;
padding: 20px;
background-color: #cccccc;
text-align: left;
border: solid 1px #999999;


}


#latest-vacancies-container-inner{
width:134px;
float: left;
padding: 20px;
background-color: #ffffff;
text-align: left;


}


.bottom-links{
width:215px;
height: 270px;
padding: 0 0 20px 20px;
float: left;
position: relative;


}

.bottom-links-pic-container{
width:195px;
height: 41px;
padding: 20px 0 20px 0;
float: left;


}



.more-link-container  a, .more-link-container   a:visited {
display: block;
height: 30px;
width: 93px;
padding-top: 10px;
overflow: hidden;
position: absolute;
bottom: 0;
right: 0;
 

}

.more-link-container  a:hover, .more-link-container  a:active{
display: block;
text-indent: -93px;
float:right;


}







/*------content pages----------------------------------------------------------------------------*/

#header-picture-container{
width:960px;
padding: 0 0 20px 0;
height: 194px;
float: left;

}




#text-container{
width:920px;
margin-top: 0;
padding: 0 20px 0 20px;
text-align: left;
color: #333333;
float:left;
background-color:#eaeaea;
background-image:url(../assets/gfx-content-page-background.jpg);
background-position:top;
background-repeat: repeat-x;

}

#ctl00_cphBody_ValidationSummary1 {
    font-size:0.819em!important;
}

#text-container li {
    margin:8px 0px 0px 0px;
}

#text-container-inner{
width:700px;
margin-top: 0;
padding: 0 20px 0 0;
float:left;

}

#content-sub-links-container{
width: 160px;
float: left;
padding: 0 20px 20px 20px;
background-color: #FFFFFF;
}


.sub-links-container  a, .sub-links-container   a:visited {
display: block;
width: 160px;
overflow: hidden;
float:left;
margin-top: 20px;
 

}

.sub-links-container  a:hover, .sub-links-container  a:active{
display: block;
text-indent: -160px;
float:left;


}


.line-break{
width: 920px;
background-image:url(../assets/gfx-text-line-break.jpg);
background-position: center;
background-repeat: no-repeat;
padding:30px 20px 20px 20px;
float: left;

}

.line-break-content{
width: 680px;
background-image:url(../assets/gfx-text-line-break-content.jpg);
background-position: center;
background-repeat: no-repeat;
float: left;
padding:30px 20px 20px 20px;

}


/*------registration form----------------------------------------------------------------------------*/


.contact-title{
float:left;
color: #dee827;
padding: 5px 0 10px 0;

}

.contact-form-title{
float:left;
color: #0099cc;
padding: 0 0 10px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	text-indent: 0px;
	font-size:0.819em;
	line-height:1.5em;
	padding-bottom:1em;
	text-align:left;


}

.contact-text{
float:left;
color: #666666;


}

.contact-text  a, #contact-text   a:visited {
color: #666666;
text-decoration: none;

}

.contact-text  a:hover, #contact-text  a:active{
color: #91CEF4;
text-decoration: none;

}


.column-left{
width: 240px;
float:left;
padding: 20px 18px 20px 0;

}

.centre-column{
width: 240px;
float:left;
padding: 20px 18px 20px 0;

}

.column-right{
width: 180px;
float:left;
padding: 20px 0 20px 0;

}




/*------footer----------------------------------------------------------------------------*/




#container-bottom{
width:100%;
height:65px;
background-image:url(../assets/gfx-footer-background.jpg);
background-position:top;
background-repeat: no-repeat;
margin:0;
padding:0; 
float:left;
background-color: #0099cc;
}



#footer-container{
width:100%;
margin:0;
padding:0;
position: inherit;
bottom:0;

}

#footer-image{
background-image:url(../assets/gfx-footer-image.jpg);
background-repeat: no-repeat;
float: right;
width:960px;
height:65px;
padding: 20px 0 0 0;


}

#footer-container-inner{
width:960px;
padding:0;
font-size: 0.8em;
margin-left: auto;
margin-right: auto;
position: inherit;
bottom:0;


}



#footer-text{
width: 960px;
padding: 0;
margin: 0px;
float:left;
color: #ffffff;



}

#footer-text  a, #footer-text   a:visited {
color: #ffffff;
text-decoration: none;

 
}

#footer-text  a:hover, #footer-text  a:active{
color: #cc0000;

text-decoration: none;

}

.komodo{
float:right;
margin-bottom: 20px;

}

.copyright{
float:left;

}