@charset "utf-8";
/* CSS Document */

/* primary page elements*/

img {border-style: none;}
html {
overflow-y : scroll;
}
html, body {font-family: Arial;
/*overflow-x : hidden;*/
margin: 0px;
background-image:url(../images/header_repeat_02.jpg);
background-repeat: repeat-x;
font-size:12px;}

#container {width:990px;
margin: 0 auto;}

#header {width:990px;
height: 130px;
margin-top: 0px;}

#logo {width:100%;height:75%;

}

#logo_link {background-image: url(../images/logo.jpg);width:250px; height:73px;
float:left;
margin-top: 10px;
margin-right:0px;}

#tagline {float:right; font-size: 32px;
color:red;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:30px;
margin-right:30px;
font-style: italic;}

#global_nav{width:100%; height: 25px;
padding-top:0px;
margin-top:7px;}

#global_nav ul {list-style: none; margin-top:0px; margin-left:25px;}

#global_nav ul li {display:inline;
padding-left: 30px;
padding-right: 30px;
font-size: .9em;
font-weight: bold;} 

#global_nav a {color:#fff;text-decoration: none;}
#global_nav a:link {text-decoration: none;
color:#fff;}
#global_nav a:hover {text-decoration: none;
color:#000;}
#global_nav a:visited {text-decoration: none;
}

#body_content {width:100%; height: auto;
padding-top: 15px;
padding:0px;
margin:0px;
margin-top:15px;}

#footer {clear:both;
background-color: #666666;
padding:5px 0px;
margin: 20px auto 0px auto;
font-size:11px;
font-weight:bold;
color: white;
text-align:center;}

#footer ul {list-style: none;
margin:0px auto;
padding: 5px 0px;}

#footer li {display: inline; font-size: 11px;
color:#fff;
padding-left:3px;
padding-right:3px;
margin-top: 0px;
padding-top: 0px;}

#footer a, a:visited {color:white; text-decoration: none;}
#footer a:hover {color:black; text-decoration: underline;}


/* index secondary content */

#tier1 {width:100%; height:auto;
margin-top:20px;
padding:0px;
padding-bottom: 10px;}

#show {width:61%; height:320px; 
float:left;
padding:0px;
margin:0px;}

#flash_nav {float:left; padding-left: 0px;
margin-left: 0px;
list-style: none;
padding-right:0px;
margin-top: 0;
padding-top: 0;}

#flash_nav li {padding:2.5px;
padding-top:4px;
margin-top:0px;
padding-bottom:4.5px;}

#flash_display {float:right;
padding-left: 0px;
}

#secondary_links {width:39%; height:128px;
float:left;
margin-bottom : 12px;}

#secondary_links ul {list-style: none;
margin-left: 25px;
margin-top:0px;
padding-left:0px;}

#secondary_links ul li {}

#tech_resource {width:36%;
float:right;
border-top:3px solid #666666;
margin-top:5px;
padding-bottom: 5px;}

#tech_resource h2 {
font-size: 1.15em;
color:#666666;
margin-bottom:5px;
margin-top:13px;}

#tech_links1 {float:left; list-style: none; padding-left:0px;
margin:0;
width: 176px;
padding: 0;
padding-right:0px;
}
#tech_links1 li {
height: 23px;
padding: 0;
margin: 0;
}


#tech_links2 {float:right;list-style: none;
padding-left:0px;
width: 176px;
margin-left: 0px;
margin-top: 0px;}
#tech_links2 li {
height: 23px;
padding: 0;
margin: 0;
}

#tier2 {width:100%px; clear:both;
margin:0px;
padding:0px;
height:auto;}

#content {width:61%;
float:left;
height:auto;
margin-bottom: 15px;
margin-top: 0px;
padding-top: 0px;}

#content h3 {font-size:20px; margin-top:0px;
color:red;
padding-top: 5px;}

#content p {font-size: 15px; float:left;
clear:right;
width:73%;
padding-right: 0px;
margin-top: 0px;
height:auto;
line-height: 20px;}

.link a, .link a:visited {color:red; text-decoration: none;}
.link a:link {color:red; text-decoration: underline;}
.link a:hover {color:black; text-decoration: underline;}

#p_image {float:right; padding-right: 5px;}

#q_links {float:left; color:#666666;
padding-left: 20px;
margin-left:5px;
padding-top: 0px;
margin-top:25px;
}

#q_links ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
}

#q_links li a {
	font-size: 12px;
	list-style-type: disc;
	text-decoration: none; 
	list-style-position: outside;
	color:#666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	line-height: 20px;
}

#q_links li a:hover {text-decoration: underline; color:#666666;}

#q_image {float:right; margin-top:35px;}

#quicklinks {
	width:36%; 
	height:100%;
	float:right;
	margin-left: 10px;
	border-top: 3px solid #666666;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 10px;
}

#quicklinks h4 {
	margin:0px 0px 0px 10px;
	letter-spacing: 1px;
	color:#666666;
	padding: 0px;
}

#featured { 
padding:0px;
margin:0px;
clear:both;
padding-bottom: 15px;
padding-left: 15px;
/*background-image: url(../images/featured_background_57.jpg);*/
background-repeat: no-repeat;
background-color: #eeeeee;
border: 1px solid #cccccc;}

#featured h3 {margin:0px;
padding:0px 0px 0px 5px;
margin-top:5px;
margin-left:0px;
padding-top:7px;
margin-bottom: 10px;}

#f_tier1 {width:100%;
height: 100px;
margin-top: 0px;
padding-top:0px;
margin-left: 4px;}

#three {width:320px; height:100px; float:right;
 }

.f_image {width:120px; height: auto;border: 1px #864A42 solid}

.f_text {
width:195px;
padding-left: 5px;
text-align:left;}

.f_text p {font-size: 12px;
padding-top:0px;
margin-top:0px;
width:170px;}

.f_text h5, .f_text h5 a {color:red; margin-top: 0px;
margin-bottom: 0px;
padding:0px;
font-size: 12px;
text-decoration : none}



#two {width:320px; height:100px; float:right;
padding-right: 10px;}

#one {width:320px; height:100px; float:right; 
padding-right: 5px;}

.links2 {float:right; font-size: 11px;
padding-right: 5px; font-weight: 500;}

.links2 a {color:black; text-decoration: none;}
.links2 a:link {color:black; text-decoration: none;}
.links2 a:hover{color:red; text-decoration: underline;}

#f_tier2 {width:100%; clear:both; height:100px;
margin-left:4px;}

#six {width:320px; height:100px; float:right; 
}

#five {width:320px; height:100px; float:right;
padding-right: 10px;}

#four {width:320px; height:100px; float:right;
padding-right: 8px;}


/* sub_page content */

#sub_nav {
float:right;
height:auto;
width:26%;
margin-right:0px;
padding-right: 0px;
padding-top: 10px;
padding-left: 15px;}

#nav2 {list-style: none;
padding-left: 0px;
margin-left:0px;}

#surround {margin:0px;
padding:0px;
border-bottom: 3px solid #666666;
border-top:3px solid #666666;
margin-bottom: 10px;
padding-left:0px;
width:100%;}

#nav3 {list-style: none;
width:100%;
margin-left:0px;
padding-left:0px;}

#nav3 li{height: 23px;}


#nav3 h3 {color:#666666;
margin:0px;
margin-bottom:5px;
margin-top:13px;}

#nav4 {list-style: none;
background-color:#efefef;
border: 1px solid #cccccc;
padding-left: 0px;
width:93%;
padding-left: 15px;
margin-left: 0px;
padding-bottom: 10px;}

#nav4 li {line-height: 20px;
font-size: 13px;}

#nav4 a {text-decoration: none; color:#000000;}

#nav4 a:link {text-decoration: none; color:#000000;}
#nav4 a:hover {text-decoration: underline; }

#nav4 h4 {color:red;
margin:0px;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;}

#sub_content {width:70%;
background-color: gray;
float:left;
height:400px;
padding-right: 10px;}

#sub_body h1 {
	color:#333;
	margin-top: 0px;
	padding-top: 0px;
	font-size:20px;
}

#sub_body h3 {color:red;
font-size:15px;
margin-top: 0px;
padding-top: 0px;
}
#sub_body h3 a {
font-size:15px;
}
#sub_body img {
border: 1px solid red;
}
#sub_img2 {padding:5px;}
#sub_img1 {padding:5px;
padding-left:40px;}



a, a:visited, a:link {font-size: 12px;
font-weight:bold; text-decoration:underline; color:#EC4920;}
a:hover { text-decoration: none; color: #666666; }

#breadcrumb, #breadcrumb a, #breadcrumb a:visited {font-size: 11px;
font-weight:bold; text-decoration:none; color:#000000;}
#breadcrumb a:hover { text-decoration: underline; color: #666666;}
#sub_content_text {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	width: 70%;
}

/* -- Start Project Thumbnail Styles -- */
img.project_thumb {
	border: 1px red solid;
	margin-right: 10px;
}
a:hover img.project_thumb {
	border: 1px black solid;
}
/* -- End Project Thumbnail Styles -- */

/* -- Start Sub Navigation Menu Styles -- */

ul#subnavmenu {
 	float:left; 
 	padding-right: 10px;
	border-right: solid #ccc 2px;
	padding-bottom: 25px;
	padding-left: 15px;
	margin-right: 25px;
 }
ul#subnavmenu li {
	list-style:square;
}
ul#subnavmenu li a {
	display:block;
	width: 120px;
	padding: 4px 0px;
}
ul#subnavmenu li a:hover {
	color: #666666;
}

/* -- End Sub Navigation Menu Styles -- */