/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';
@import 'suckerfish.css';

/* ------ Main Layout Styles ------- */

body {
background: #fff;
line-height: 1.66;
}

#gradient {
	 background: #edfdff url('../img/background.jpg') repeat-x center bottom;
}

#wrapper {
	background: url('../img/bottom-graphic.jpg') no-repeat center bottom;
	padding-bottom: 150px;
}


/* ------ Header Styles ------- */

#header h1.title {
	font-size: 2.5em;
	margin-bottom: 10px;
	margin-top: 20px;
	font-family: "helvetica neue", helvetica;
	margin-right: 13px;
	letter-spacing: -0.035em;
	margin-top: 50px;
}

.blue {
	color: #00adef;
}

.orange {
	color: #f9461c;
}

.grey {
    color: #595959;
}

#logo {
	float:left;
	width: 300px;
}

#logo a {
outline: none;
}

#nav-container {
	float:left;
	width: 650px;
	text-align:right;
}

a {
text-decoration: none;
color: #f9461c;
}

a:hover {
color: #00ADEF;

}

/* ------- Sidebar styles ------- */
#sidebar {
float: right;
margin-top: -10px;
width: 276px;
}

#sidebar a {
color: #00adef;
}

#sidebar a:hover {
color: #F9461C;
}

#sidebar h3 a:hover {
color: #00adef;
}

.pageSidebars, .sectionLinks, .categorySidebars {
background: url('../img/sidebarBG.png') repeat-y top left;
margin-right: 6px;
padding: 20px 20px 5px 20px;
margin-top: 15px;
}

#sidebar p {
color: #666666;
font-size: 13px;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4{
font-weight: bold;
letter-spacing: -0.05em;
margin-bottom: .75em;
font-size: 1.5em;
line-height: 1;
}


#sidebar h1 a, #sidebar h2 a, #sidebar h3 a, #sidebar h4 a{
color: #F9461C;
}



/* ------ Footer Styles --------- */

#footer {
	text-align:left;
	padding:1em 0;
	margin-top:1em;
	background: white;
}


/* ------ Home Div Styles ------- */

.tagline {
	float:left;
	width: 350px;
	margin-right: 50px;

}

.tagline h2 {
	color: #595959;
	font-size: 3.9em;
	font-family: 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
	letter-spacing: -2px;
	line-height: 1em;
	padding-top: 55px;
}

.tagline p {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.33em;
	display: block;
	width: 300px;
}

#bottom {
	margin-top: 70px;
	clear: both;
}

#bottom h3 {
font-weight: bold;
letter-spacing: -0.05em;
margin-bottom: .75em;
}

.column {
	float:left;
	width: 280px;
	margin-right: 35px;
}

#bottom .column p {
line-height: 1.6em;
margin-left: 4px;
}

#blue h3 {
	color: #00adef;
}

#bottom h3 a {
padding-bottom: 5px;

}


#blue a {
	color:#fff;
	background: #00adef;
	padding: 1px 3px;
}

#blue a:hover {
	color:#00adef;
	background: #FFF;
	padding: 1px 3px;
}



#blue h3 a {
color: #00adef;
background: none;
}

#blue h3 a:hover {
border-bottom: 3px dotted #FFF;
background: none;

}


#orange a {
	color:#fff;
	background: #F9461C;
	padding: 1px 3px;
}


#orange a:hover {
	color:#F9461C;
	background: #FFF;
}



#orange h3 a {
color: #F9461C;
background: none;
}

#orange h3 a:hover {
border-bottom: 3px dotted #FFF;
background: none;
}


#grey a {
	color:#fff;
	background: #595959;
	padding: 1px 3px;
}

#grey a:hover {
	color:#595959;
	background: #FFF;
}


#grey h3 a {
color: #595959;
background: none;
}

#grey h3 a:hover {
border-bottom: 3px dotted #FFF;
background: none;
}

.content p, .news p {
margin: 0 20px 1.5em;
}

h1 + p {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 .9em !important;
color: #999;

}


#related_image_slideshow_link {
/*position: absolute;
top: -20px;
left: 530px;
z-index: 3;*/
float: left;
margin-left: -150px;
margin-top: -45px;
}

#related_image_slideshow_link a {
display: block;
width: 120px;
background: url('../img/slideshowBlue.png') no-repeat right center;
height: 40px;
padding-top: 30px;
color: #00ADEF;
font-size: 11px;
}

#related_image_slideshow_link a:hover {
background: url('../img/slideshowOrange.png') no-repeat right center;
color: #F9461C;

}


h4 {
font-weight: bold;
letter-spacing: -0.05em;
}

/* ------ Photo & File Styles ------- */

#attachedFiles {
border-top: 3px dotted #D2FBFF;
padding-top: 35px;
}

#attachedFiles a {
color: #00ADEF;
}


#attachedFiles a:hover {
color: #F9461C;
}

#attachedFiles img {
	width:20px;
	height:20px;
	border:none;
	margin:0;
	padding:0 0.3em 0 0;
	background: none;
}

#attachedFiles li {
	list-style: none;
}

.documentEntry img {
	float:left;
	margin-bottom:2em;
}

#related_image_slideshow {
	display:none;
}

.contentThumb {
	float:left;
	width:100px;
	margin-right: 40px;
}

.contentThumb img {
	width:100px;
	height:100px;
	margin-bottom:1.5em;
}

.staffThumb img {
	height: 60px;
	width: 60px;
	margin: 10px 0pt;
	border: 2px solid #1EA7FD;
}

.imageThumb {
	display:block;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	border: 2px solid #1EA7FD;
}




.content img,  .sidebar img, .news img {
padding: 4px;
border: 1px solid #b0e9ff;
background: #ccf1ff;
margin: 0 10px;

}



.floatLeft {
	float:left;
	margin-bottom:20px;
	width:150px;
}

.floatRight {
	float:right;
	margin-bottom:20px;
	width:150px;
}

#picWrapper {
	height:446px;
	width:446px;
	padding:20px;
	background:url(../../img/awp_project_image_box.gif) no-repeat 10px 10px;
}
.relatedPics {  
    height:  446px;  
    width:   446px;  
    padding: 0;  
    margin:  0;  
} 
 
.relatedPics .previewImage {  
    width:  446px; 
    height: 446px;
    top:  0; 
    left: 0;
    padding:0;
}

#picNav {
	letter-spacing:.5em;
	padding:0.25em 0;
	text-align:right;
}

.relatedPics .imageCaption {
	background:transparent url(../img/overlay.png) repeat scroll 0 0;
	color:#EEEEEE;
	padding:10px;
	position:relative;
	top:210px;
	width:210px;
}


#flashcontent {
background: url('../img/slideshowcloud.png') no-repeat bottom right;
height: 379px;
position: relative;
width: 950px;
}

#main {
clear: both;
}

.inner {
background: url('../img/contentTop.png') no-repeat top left;
position: relative;
padding: 10px 0 0 0;
}

h1 {
font-size: 5em;
color: #00adef;
font-family: trebuchet, "trebuchet ms";
letter-spacing: -0.05em;
}


#page {
background: url('../img/mainInner.png') no-repeat bottom left;
min-height: 300px;
padding-bottom: 40px;
width: 950px;
}


.content, .news {
background: white;
width: 576px;
padding: 20px 30px 20px 30px;
margin-left: 38px;
margin-top: 20px;
min-height: 475px;
}

#splash .slide .overlay h4 a {
background: url('../img/bluearrow.gif') no-repeat 100% 93%;

}


#splash .slide .overlay h4 a:hover {
background: url('../img/redarrow.gif') no-repeat 100% 93%;

}

#footer {
margin-bottom: 20px;
}



.footerNav {
text-align: right;
margin-right: 25px !important;
}

.footerNav #navul li{
float: none;
}

.footerNav #navul li ul {
padding-bottom: 20px;

}

.footerNav #navul li a{
color: #73dbed;
font-size: 14px;
letter-spacing: 0;
}

.footerNav #navul li a:hover {
color: #00ADEF;
}

.footerNav #nav, .footerNav #footernav {
padding: 0;
margin: 0;
}


.footerNav #navul li ul {
display: none;
}

#footer p {
font-size: 14px;
font-weight: bold;
color: #b5b5b5;
}

.aqua {
color: #73dbed;
}

.right {
text-align: right;
}

#footer .right a {
color: #b5b5b5;
}

#footer .right a:hover {
color: #595959;
}

/* ------ Minor Div Styles begin here ------ */


.paginatorControl div {
	display:inline;
}

.paginatorControl {
	text-align:right;
	margin-bottom:1.5em;
}

.paginatorControl .disabled {
	color:#ddd;
}

.bg1, .bg2 {
	padding:1.5em 1em;
	border-top: 3px dotted #D2FBFF;
}

.bg2 {

}

.last {
	border-bottom: 0px;
}

.catDesc {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 0.9pt !important;
color: #999999;
}


/* ------ WebTree Styles ------ */
#flashMessage {
	background-color:yellow;
} 




input.text,  textarea, select {
background: #DAFBFF;
border: 3px solid #DAFBFF;
font-size: 16px;
font-weight: bold;
font-family: "helvetica neue", helvetica, arial, sans-serif;
color: #00ADEF;
}

input.text:focus,  textarea:focus, select:focus {
background: #DAFBFF;
border: 3px solid #C7F8FF;
color: #F9461C;
}

strong {
color: #00ADEF;
}

#sidebar input.text, #sidebar input.title {
width: auto;
font-size: 12px;
background: #A5F5FF;
border-color: #A5F5FF;
margin-bottom: 15px;
}


#header h1.title {
margin-bottom: 0;
}

#header h5 {
margin-bottom: 7px;
letter-spacing: 2px;
font-size: 11px;
margin-right: 11px;
color: #FFA700;
}