/* Use This Style Sheet as main Style Sheet */

html, body {height: 100%;}

.preload {display:hidden; background-image:url(../images/sidelink_on.gif);}


body
	{
	background-color:	silver;
	background-image:	url(../images/back_body.gif);
	font-size: 		14px;
	font-family:		arial, helvetica, sans-serif;
	}

p,h1,h2,h3,h4,h5 {color:#20202d;}

p	{margin-bottom:10px;}
h1	{padding-top:0px; margin-top:0px; margin-bottom:20px; font-size:16px; color: #3f4b7a;}
h2	{font-size:14px;text-decoration:underline;}
h3	{padding-top:0px;margin-top:0px;font-size:16px;}
h5	{font-size:12px;font-weight:bold;color:navy;}
h4	{font-size:10px;} 

a {text-decoration:none; color:navy; outline:none;}
a:hover{text-decoration:underline;}

.hotlink {text-decoration:none; color:#eb9a92; outline:none;}
.hotlink:hover{text-decoration:underline; color:white;}

.normal {margin:15px;}

#header,#main,#buttons,#title
	{position:absolute;}

#content,#mid
	{position:relative;}

.center
	{text-align:center;}
.red	{color:red;}
.white	{color:white;vertical-align:middle;}
#infobox
	{
	width:400px;
	background-color:#EEEEEE;
	margin:-20px 0px 0px -200px;
	padding:10px;
	position:absolute;
	top:50%;
	left:50%;
	border:1px dashed #333;
	}

body.infoclass
	{
	background-image:none;
	padding:0px;
	}
#header
	{
	height:			142px;
	width:			100%;
	background-image:	url(../images/back_head.gif);
	border-bottom:		1px solid #f6f7fe;
	background-color:	#687091;
	z-index:		1;
	}

#title
	{
	height:			105px;
	margin-left:		-378px;
	left:			50%;
	background-image:	url(../images/title.gif);
	}


#buttons
	{
	bottom:			1px;
	width:			670px;
	margin-left:		-335px;
	left:			50%;
	}

#buttons li {display:		inline;
		background-image:url(../images/button.gif);}

#buttons li a{
	margin:			0px 3px 0px 3px;
	text-decoration:	none;
	font-size:		13px;
	font-weight: 		bold;
	padding-top:		4px;
	color:			white;
	text-align:		center;
	float:			left;
	height:			18px;
	width:			128px;
	background-image: 	url(../images/buttoff.gif);
	}

#buttons li a:hover	{background-image: url(../images/button.gif)}

#mid{	padding:15px;width:570px; top:25px; left:50%; margin-left:-300px;background-color:#e1e2ff;}

#main 
	{
	min-height:		100%;
	height:			auto !important;
	height:			100%;

	width:			836px;
	margin-left:		-418px;
	left:			50%;
	background-image:	url(../images/back_grad.gif);
	}

#content /* centres and holds all page content */
	{
	left:			50%;
	margin-left:		-378px;
	}

#banner,#content,#title,#spacer
	{width:	756px;}


#banner
	{
	height:			192px;
	width:			756px;
	border-bottom:		1px solid #101836;
	}



#spacer{height:143px;}


/* #text + #sidebar should = #content
 width (don't forget to include padding) */

#text,#footer,#hotbox
	{float:left;}

#text ul {
	list-style: none;
	text-align: left;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: 1.5em;
}

#text li {
	margin-bottom: 0.5em;
	list-style: circle;
	margin-left: 25px;
}


#text
	{
	/* total width 520 */
	width:			480px;
	padding:		20px;
	}
	
#text-full-width {
	margin-left: 20px;
	width: 716px;
}

#text-full-width h1 {
	margin-top: 15px;
	margin-bottom: 10px;
}

#text-full-width ul {
	margin-left: 30px;
	margin-bottom: 7px;
	list-style: disc;
}

#text-full-width li {
	padding-bottom: 5px;
	}

#sidebar
	{
	float: right;
	width:			211px;
	padding-left:		25px;
	padding-top:		25px;
	}




/* Buttside */

.buttside li {list-style-type:	none;}

.buttside li a{
	float:			left;
	text-decoration:	none;
	font-size:		13px;
	font-weight: 		bold;
	padding:		8px 0px 0px 8px;
	color:			white;
	height:			25px;
	width:			179px;
	background-image: 	url(../images/sidelink_off.gif);
	margin-bottom:		20px;
	overflow:hidden;
	}

.buttside li a:hover	{overflow:visible;background-image: url(../images/sidelink_on.gif);}


/* Buttside Big */

.buttsidebig li {list-style-type:	none;}

.buttsidebig li a{
	float:			left;
	text-decoration:	none;
	font-size:		13px;
	line-height:	19px;
	font-weight: 		bold;
	padding:		7px 0px 0px 8px;
	color:			white;
	height:			46px;
	width:			179px;
	background-image: 	url(../images/sidelink_off_hb_big.gif);
	margin-bottom:		20px;
	overflow:hidden;
	}

.buttsidebig li a:hover	{overflow:visible;background-image: url(../images/sidelink_on_hb_big.gif);}


#footer {
	text-align:		center;
	padding:		40px 0px 20px 0px;
	font-size:		10px;
	color:			silver;
	width:			836px;
	}
PRE{
font-family:		arial, helvetica, sans-serif;
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
}



#hotbox
	{
	background-image:	url(../images/back_hot.gif);
	width:			167px;
	height:			222px;
	padding:		32px 10px 0px 10px;
	margin-bottom:		20px;
	}
	
#webcambox
	{
	clear: both;
	width: 187px;
	height: 177px;
	margin-bottom: 20px;
	}

 #hotbox table
	{
	border-collapse: 	collapse;
	font-size:		11px;
	width:			167px;
	}

.job{width:87px;}
.location{width:80px;text-align:right;}

#hotbox td {border-bottom: 1px solid #eb9a92; height:40px;}


.blue{background-color:#eb9a92;}

.preclass
	{
	background-color: #e1e2ff;
	padding:10px;
	margin:	0px 0px 0px 30px;
	font-size:		14px;
	width:			674px;
	border:1px solid navy;
	border-top:none;
	}
table {border-collapse:collapse;}
 .search
	{
	margin:	0px 0px 0px 20px;
	font-size:		14px;
	width:			716px;
	border:1px solid navy;
	}
.search td{padding:5px;}

/* Classes */

.image-left {
	float: left;
	margin-right: 15px;
	}
	
.bold {
	font-weight: bold;
	}