/*
Theme Name: TT Surface Water Site
Theme URI: 
Description: Created for Tetra Tech.
Version: 1.0
Author: John Sexton
Author URI: http://www.hbwebguy.com
Tags: blue, custom header, fixed width, three columns, widgets

	

*/


@charset "utf-8";
/* CSS Document */
body,
html {
    margin:0;
    padding:0;
    background:#ffffff;
    color:#000;
    }
body {
    min-width:960px;
    }
#wrap {
    background:#ffffff;
    margin:0 auto;
    width:960px;
	
    }
/* ----------------HEADER------------  */

#header {
	height: 60px;
    background:#ffffff;
	background-image: url('images/swlogo.jpg');
	background-repeat: no-repeat;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
    }
#header h3 {
    font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	float: right;
	margin: 15px 25px 0px 0px;
    }
#header a:link, #header a:visited {
	color: #ffffff;
}

#header a:hover {
	color: #a2997a;
}
#searcher {
float: right;
margin: 25px 25px 0px 0px;
}

#adminlink {
	font-size: 12px;
	font-weight: normal;
	
	list-style-type: none;
	color: #447FC3;
	padding-top: 46px;
	padding-left: 8px;
}

#adminlink a:link, #adminlink a:visited {
	text-decoration: none;
	color: #447FC3;
}

/*--------------------------PRO-LINE NAV----------------------------*/

#menu-home {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-home.jpg');
	background-repeat: no-repeat;
	}
#menu-projects {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-projects.jpg');
	background-repeat: no-repeat;
	}
#menu-people {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-people.jpg');
	background-repeat: no-repeat;
	}
#menu-areas {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-mission.jpg');
	background-repeat: no-repeat;
	}
#menu-offices {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-mission.jpg');
	background-repeat: no-repeat;
	}
#menu-services {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-services.jpg');
	background-repeat: no-repeat;
	}
#menu-mission {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-mission.jpg');
	background-repeat: no-repeat;
	}
#menu-career {
	margin-top: 0px;
	position:relative;
	width:960px;
	height:192px;
	background-image: url('images/header-mission.jpg');
	background-repeat: no-repeat;
	}
.pro_line2 {
height:24px; 
position:relative; 
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
margin-left: 372px;
color:#00669c;
}

.pro_line2 .select {
margin:0; 
padding:0 0 0 0px; 
list-style:none; 
white-space:nowrap;
}

.pro_line2 li {
float:left;
background:url(line/blank_over.jpg);
}

.pro_line2 .select a {
display:block; 
height:24px; 
float:left; 
background: url(line/blank.jpg); 
padding:0px 0 0 0px; 
text-decoration:none; 
line-height:12px; 
white-space:nowrap; 
color:#00669c;
}

.pro_line2 .select a b {
display:block; 
padding:6px 20px 7px 20px; 
background:url(line/blank.jpg) right top;
}

.pro_line2 .select a:hover, 
.pro_line2 .select li:hover a {
background: url(line/blank_over.jpg); 
padding:0 0 0 0px;
line-height:12px;
cursor:pointer; 
color:#fff;
}

.pro_line2 .select a:hover b, 
.pro_line2 .select li:hover a b {
display:block; 
padding:6px 20px 7px 20px; 
background:url(line/blank_over.jpg) right top; 
cursor:pointer;
}


/* ----------------MAIN------------  */
#main {
    background:#ffffff;
    float:left;
    width:510px;
    margin: 12px 5px 10px 0px;
	padding-right: 5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
    }
#main h2, #main h3 {
    padding:0 10px;
    }
#description {
	width: 500px;
	margin: 0px 10px 0px 0px;
	padding: 0px 12px 2px 12px;
	vertical-align: top;
    font-size: 12px;
	color: #333333;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
#description a:link, #description a:visited {
    color: #333333;
    text-decoration: none;
	}

#description a:hover {
	text-decoration: underline;
	color: #333333;
}
.title {
	font-size: 14px;
	font-weight: bold;
	}
#description p {
	margin: 2px 18px 7px 8px;
}
#description ul {
	margin: 2px 24px 7px 8px;
}

/* ----------------NEWS------------  */

#desc-news {
	width: 500px;
	margin: 0px 10px 0px 7px;
	padding: 0px 12px 2px 12px;
	vertical-align: top;
    font-size: 12px;
	color: #333333;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}

#desc-news a:link, #desc-news a:visited {
    color: #333333;
    text-decoration: none;
	}
#desc-news a:hover {
	text-decoration: underline;
	color: #333333;
}
#desc-news p {
	margin: 2px 18px 7px 8px;
}
#desc-news ul {
	margin: 2px 24px 7px 8px;
}

/* -------------DUAL COLUMNS------------  */

#description-left {
	width: 240px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 2px 14px;
	vertical-align: top;
    font-size: 12px;
	color: #333333;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
#description-right {
	width: 240px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 2px 8px;
	vertical-align: top;
    font-size: 12px;
	color: #333333;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
#description-left ul  {
	margin: 0px 0px 0px -6px;
	padding-top: 4px;
	list-style-type: none;
}
#description-right ul {
	margin: 0px 0px 0px -6px;
	padding-top: 4px;
	list-style-type: none;
}


#description-left p {
	margin: 2px 8px 7px 8px;
}
#description-right p {
	margin: 2px 8px 7px 8px;
}

#description-left a:link, #description-left a:visited {
    color: #333333;
    text-decoration: none;
	}
#description-left a:hover {
	text-decoration: underline;
	color: #333333;
}
#description-right a:link, #description-right a:visited {
    color: #333333;
    text-decoration: none;
	}
#description-right a:hover {
	text-decoration: underline;
	color: #333333;
}
/* ----------------PAGE LAYOUT------------  */

.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
	}
.floatright {
	float: right;
	margin: 2px 6px 0px 5px;
	}
.heading {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.cvheading {
	width: 130px;
	font-size: 15px;
	font-weight: normal;
	text-decoration: underline;
	vertical-align: top;
	}
.cvdata {
	width: 370px;
	padding-right: 15px;
	font-weight: normal;
	text-decoration: none;
	}
.heading a {
	color: #333333;
	text-decoration: none;
}

#editlink {
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	padding-top:3px;
	padding-left:26px;
}

#editlink a {
	text-decoration: none;
	color: #447FC3;
}
.cv {
	margin-left: -5px;
	margin-bottom: 10px;
}

/* ----------------LEFT SIDEBAR------------  */

#left-sidebar {
    float:left;
    width:180px;
    height: 288px;
	margin: 12px 15px 10px 0px;
	padding: 0px 0px 0px 0px;
    font-size: 15px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	background-image: url('images/left-side.jpg');
	}
#left-blank {
    float:left;
    width:180px;
    height: 288px;
	margin: 12px 15px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('images/left-blank.jpg');
    }
#left-tall {
    float:left;
    width:180px;
    height: 375px;
	margin: 12px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	background-image: url('images/left-tall.jpg');
    }
#left-tallblank {
    float:left;
    width:180px;
    height: 375px;
	margin: 12px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('images/left-tallblank.jpg');
    }
#leftnav {
    margin: 9px 6px 0px 18px;
	}
#leftnav a:link, #leftnav a:visited {
	text-decoration: none;
	color: #00669c;
}
#leftnav a:hover {
	text-decoration: underline;
	color: #0066be;
	}
#leftnav ul {
    margin: 0px 0px 0px 0px;
	text-decoration: none;
	list-style-type: none;
	}
#leftnav li {
    margin: 0px 0px 17px 0px;
	text-decoration: none;
	list-style-type: none;
	}
/* ----------------RIGHT SIDEBAR------------  */

#sidebar {
    float:right;
    width:210px;
    background-repeat: no-repeat;
	margin: 12px 14px 10px 0px;
	padding: 2px 2px 5px 0px;
    font-size: 12px;
	color: #333333;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#sidebar-pics {
    float:right;
    width:233px;
    background-repeat: no-repeat;
	margin: 12px 0px 10px 0px;
	padding: 2px 0px 5px 0px;
    font-size: 12px;
	color: #333333;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#sidebar p {
	margin: 0px 0px 0px 0px;
	}
#sidebar-pics p {
	margin: 0px 0px 0px 0px;
	}
#sidebar a {
	text-decoration: none;
	color: #333333;
}
#sidebar a:hover {
	text-decoration: underline;
	color: #447FC3;
}

#sidebar ul li a {
	text-decoration: none;
	color: #333333;
}
#sidebar ul li a:hover {
	text-decoration: none;
	color: #447FC3;
}	
#news {
    margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    }
#news ul {
    list-style-type: none;
    margin-left: -18px;
	}
#news ul li {
    list-style-type: none;
    margin-left: -18px;
	}
#news ul li a {
    list-style-type: none;
    text-decoration: none;
	color: #333333;
	}
#news ul li a:hover {
    list-style-type: none;
    text-decoration: none;
	color: #666666;
	}
.rsswidget {
    list-style-type: none;
    }
.highlight {
	width:95%;
	padding-top: 10px;
	font-size:18px;
	font-style:italic;
	font-weight: normal;
}
	
/* ----------------Search Results------------  */

#searchresults {
    background:#ffffff;
    float:left;
    width:610px;
    margin: 10px 5px 12px 5px;
	padding-right: 15px;
	border-right: 1px solid #333333;
}

#searchtext {
	color: #333333;
	font-size: 13px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	margin: 5px 10px 5px 20px;
	padding: 0px 5px 0px 15px;
	vertical-align: top;
	background-color: #efefef;
}

#searchsidebar {
    float:right;
    width:210px;
    margin: 10px 0px 12px 5px;
	padding: 5px 5px 5px 5px;
    font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #333333;
	}

#searchheading {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#searchheading a {
	color: #447FC3;
	text-decoration: none;
}

/* ----------------FOOTER------------  */
#footer {
    background:#ffffff;
    clear:both;
	text-align: center;
	margin: 10px 0px 10px 10px;
	padding:5px 0px 6px 10px;
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size: 11px;
	font-weight:normal;
	color: #6DAAC9;
    }

#footer a:link, #footer a:visited {
    color: #00669c;
    text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	color: #00669c;
}

#bottom {
    background:#ffffff;
    margin:0;
    height: 40px;
}