@charset "utf-8";
/* CSS Document */

#backlink {
	text-align:center;
	color:#777;
	font-size:10px;
}

html{

	background-image:url(images/asphalt_pattern.jpg);
}
body {
	background-image:url(images/background_mask.gif);
	margin:0px;

	font-family:"Futura Bk BT",Arial, Helvetica, sans-serif;
	background-position:0px;
}
#mask {
	height:100%; width:100%;
	top:0px;left:0px;
	position:fixed;
}

#container {
	width:700px;
	margin:auto auto;
	background-image:url(images/container_bg.jpg);
	border:1px solid black;
}

#header {
	background-image:url(images/header.jpg);
	height:122px; width:700px;
}

#flash {
	background-image:url(images/flash.jpg);
	height:200px; width:700px;
}

#footer {
	background-image:url(images/footer.jpg);
	height:9px; width:670px;
	padding:15px;
	font-size:10px; color:#666;
}

#content_area {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:15px;
	width:392px; /*452 - 30px padding left and right*/
	float:left;
	font-size:11px;
	color:#606060;
}
#right_bar {
	width:248px;
	float:right;
}
#right_bar div{
	padding-left:20px;
}
#right_bar a{
	color:#DDD;
}
#right_bar a:hover {
	color:#FFF;
	margin-bottom:3px;
}


#employee_login {
	float:right;
	display:inline;
	color:white;
}

#employee_login input {
	font-size:10px;
}

#copyright_info {
	float:left;
	display:inline;
}

h1,.title {
	color:#17ae16;
	font-weight:bold;
	font-size:18px;
}
.job_title {
	padding-top:5px;
	margin-top:5px;
	border-top:1px dotted black;
}
.title {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#right_bar h1 {
	background-image:url(images/right_bar_divider.jpg);
	width:233px; /*248 - 15px padding*/
	height:28px;
	font-size:20px;
	font-weight:normal;
	padding-left:15px;
	margin-bottom:0px;
	color:#17ae16;
}
a {color:#17ae16;}

#right_bar h1 b{color:#fff;}

.green_text {color:#17af16}

/**
 * Top Menu Bar
 */
#menu_bar {background-image:url(images/asphalt_pattern.jpg)}
#menu_bar a{
	font-size:10px;
	color:#fff;
	text-decoration:none;
	margin-left:15px;
	padding:3px;
	font-weight:bold;
}
#menu_bar a:hover{
	color:#17ae16;
}
#menu_bar .currentPage {
	color:#17ae16;
	text-decoration:underline;
}

/**
 * News
 */
.right_list {
	list-style:none;
	padding-left:0px;
	margin-left:0px;/*for silly ol' IE*/
}
.right_list li{
	padding-bottom:5px;
}

/**
 * Projects:
 */

	#content_area .project img{
		float:left;
		padding:5px;
	}
	
	#right_bar .project{
		height:45px;
		font-size:12px;
		color:white;
		/*border:1px solid #333;*/
		padding-bottom:5px;
		margin:3px;
		opacity:.7;
		filter: alpha(opacity=70);
	}
	#right_bar .project:hover {
		opacity:1;
		filter: alpha(opacity=100);
	}
	#right_bar .project img{
		float:left;
		margin-left:-20px;
		border:1px solid black;
	}
	#right_bar .project a{
		color:white;
		position:relative;
		top:13px;
		left:5px;
	}
	
/**
 * Show More...
 */
.more {
	text-align:right;
	color:#08e005;
	text-decoration:underline;
	font-size:12px;
	cursor:pointer;
}

/**
 * Logo/branding Pages
 */
.logo_housing {
	width:170px; height:173px;
	background-image:url(images/logo_housing.jpg);
	padding-top:10px;
	float:left;
	margin:5px;
}
.logo_housing .title {
	color:#fff;
	margin-left:20px;
	font-size:14px;
}
.logo_housing .img {
	width:164px;
	height:97px;
	border:1px solid #777;
	display:block;
	position:relative;
	top:6px;
	left:2px;
	background-image:url(images/checkerboard.gif);
	text-align:center;
}

.logo_housing .logo_file_links {
	text-align:center;
	margin-top:25px;
	font-size:16px;
	color:white;
}