/* CSS Document */

/* layout */

body, html{background:#D7D7D7 url("/elements/images/BG.jpg") repeat-x;}
body {min-width:761px;margin:0 0;padding:0 0;text-align:center;font-family:Arial, Helvetica, sans-serif;}

/* BASIC STYLES */
p {padding-bottom:10px;font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#000;line-height:18px;}
img, img a, img a:link{border:none;}
a {color:#0f6cd2;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:none;border-bottom:1px dotted #0f6cd2;}
h1, h2, h3{font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:#666;}
h1{font-size:16px;width:374px;border-bottom:1px dotted #666;padding:20px 15px 5px 0;margin-bottom:15px;}
h2{font-size:14px;width:490px;padding-top:15px;margin-bottom:15px;}
h3{font-size:12px;width:490px;padding-top:15px;margin-bottom:15px;}
ul{padding:0 0 15px 20px;list-style:disc;}


/* MAIN CONTAINER */
#thePage {
 	width:761px;
	padding:0 0;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto; 	/* opera does not like 'margin:20px auto' */
	text-align:left; /* part 2 of 2 centering hack - sets all text back to default left align*/
	background:transparent url("../images/body_BG.gif") repeat-y;
}


/* HEADER */
#headerWrap {
	margin:0 0;
	padding:0 0;
	width: 761px;
	height:239px;
	background:transparent;
}
#headerTop{
	float:left;
	position:relative;
	overflow:hidden;
	width:761px;
	height:42px;
	margin:0 0;
	padding:0 0;
}
#headerFlash{
	float:left;
	position:relative;
	overflow:hidden;
	width:761px;
	height:198px;
	margin:0 0;
	padding:1px 0;
	background:#FF6600;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:196px;
}
html>body #headerFlash{
	height:196px;
}


/* MAIN CONTENT */
#middleWrap{
	width:761px;
	margin:0 0;
	padding:4px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#FFF;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 753px;
}
html>body #middleWrap{
	width: 753px;
}
#contentLeft {
	float:left;
	position:relative;
	display:inline;
	width:460px;
	margin:0 0;
	padding:10px 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 450px;
}
html>body #contentLeft{
	width: 450px;
}
#contentLeftContent{
	background:#FFF url("/elements/images/content_BG.jpg") no-repeat;
	padding:10px 25px;
}
#contentRight {
	float:right;
	text-align:left;
	position:relative;
	display:inline;
	width:293px;
	margin:0 0;
	padding:10px 5px 0 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 288px;
}
html>body #contentRight{
	width: 288px;
}
#latestNews{
	float:right;
	position:relative;
	width:272px;
	/* NEVER DELETE THIS CODE */
	min-height:167px;
  	height:auto !important;
  	height:167px;
	/* NEVER DELETE THIS CODE */
	background:transparent url("/elements/images/sidebar_LatestNews_BG.jpg") no-repeat;
	margin:0 0;
	padding:40px 10px 15px 110px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:152px;
	height:112px;
}
html>body #latestNews{
	width: 152px;
	height:112px;
}
#latestProjects{
	float:right;
	position:relative;
	width:272px;
	/* NEVER DELETE THIS CODE */
	min-height:195px;
  	height:auto !important;
  	height:195px;
	/* NEVER DELETE THIS CODE */
	background:transparent url("/elements/images/sidebar_LatestProjects_BG.jpg") no-repeat;
	margin:0 0;
	padding:65px 5px 15px 110px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:162px;
	height:115px;
}
html>body #latestProjects{
	width: 162px;
	height:115px;
}


/* FOOTER */
#footerWrap{
	width: 761px;
	height:45px;
	margin:0 0;
	padding:0 9px 5px 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#FFF;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 743px;
}
html>body #footerWrap{
	width: 743px;
}
#footerHolder{
	width:743px;
	height:45px;
	border-top:1px solid #FF6600;
	padding:4px 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:37px;
}
html>body #footerHolder{
	height:37px;
}
#footerHolder p, #footerHolder a, #footerHolder a:link{
	color:#666;
	text-decoration:none;
}
#footerHolder a:hover{
	color:#333;
	text-decoration:underline;
	border:none;
}
#footerLeft{
	float:left;
	position:relative;
	display:inline;
	width:500px;
	height:37px;
	margin:0 0;
	padding:6px 10px 0 30px;
	background:#E1E1E1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:460px;
	height:31px;
}
html>body #footerLeft{
	width:460px;
	height:31px;
}
#footerRight{
	float:right;
	position:relative;
	display:inline;
	width:243px;
	height:37px;
	padding:6px 30px 0 10px;
	background:#E1E1E1;
	text-align:right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:203px;
	height:31px;
}
html>body #footerRight{
	width:203px;
	height:31px;
}