/* RESET CSS ******************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

body 
{
line-height: 1; font: 101% Arial,Helvetica,sans-serif; color: #808080;
}

ol, ul 
{
list-style: none;
}

blockquote, q 
{
quotes: none;
}

a
{
text-decoration: none;
}


/* remember to define focus styles! */
:focus 
{
outline: 0;
}

/* remember to highlight inserts somehow! */
ins 
{
text-decoration: none;
}

del 
{
text-decoration: line-through;
}

/* tables still need cellspacing="0" in the markup */
table 
{
border-collapse: 
collapse;border-spacing: 0;
}

/* CLEARFIX ******************************/

.clearfix:after 
{ 
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix 
{ 
display: inline-block; 
}

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* STRUCTURE ******************************/

#container
{
width: 800px; margin: 75px auto;
}

#head, 
#nav
{
width: 800px;
}

#side_nav
{
width: 160px; float: left;
}

#main_content
{
/*346*/
width: 343px; 
float: left; 
padding-right: 30px;
}

#image_col
{
/*264*/
width: 264px; float: left;

}

#footer
{
clear: both;
}

/* HEADER ******************************/

#head h1
{
display: none;
}

#head img#logo
{
float: right;
}

/* MAIN NAV ******************************/

#nav
{
height: 100px;  margin-top: 15px;
}

#nav ul li
{
border-left: solid 1px #aaa; 
display: inline; 
padding: 0px 6px; 
font: 15px Arial Rounded MT Bold, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#nav ul li#first
{
padding-left: 0; 
border-left: 0;
}

#nav ul li a
{
color: #808080;
}

#nav ul li a:hover
{
color: #000;
}

#nav ul li.selected a
{
color: #000;
}


/* SIDE NAV ******************************/


#side_nav ul 
{
margin-bottom:20px;
}

#side_nav li
{
	font-size: 11px;
	line-height: 18px;
padding-left:20px;
}

#side_nav li a
{
color: #808080;
}

#side_nav li a:hover
{
color: #000;
}

#side_nav li.selected a
{
color: #000;
}

#side_nav h3
{
margin: 130px 0 5px 0;
color: #808080;
font-size: .7em;
text-transform: uppercase;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
padding-left:20px;
}



/* MAIN CONTENT ******************************/

.alert 
{
font-weight:bold;
color: #808080;
}

#main_content h2
{
font: 16px Lucida Sans Unicode,Lucida Grande,sans-serif;
margin-bottom: 12px;
}

#main_content h3
{
font: 14px Lucida Sans Unicode,Lucida Grande,sans-serif;
padding-bottom:10px;
}

#main_content h4
{
font: .8em Lucida Sans Unicode,Lucida Grande,sans-serif;
padding:10px 0;
}

#main_content h5 
{
font: .7em Lucida Sans Unicode,Lucida Grande,sans-serif;
text-transform:uppercase;
color: #808080;
padding:5px 0 15px 0;
}


#main_content h6 
{
font: 9px/10px Lucida Sans Unicode,Lucida Grande,sans-serif;
text-transform:uppercase;
letter-spacing:0;
color: #900;
font-weight:bold;
}

#main_content p
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #808080;
	margin-bottom: 18px;
}

#main_content .item 
{
padding:10px 0;
border-bottom: 1px solid #DEDEDE;
}

#main_content td 
{
font-size: .7em;
}

#main_content ul
{
margin-bottom: 1em;
}

#main_content li
{
	font-size: 11px;
	line-height: 18px;
}

#main_content p a,
#main_content li a,
#main_content h3 a,
#main_content h2 a
{
color: #808080;
}

#main_content p a:hover,
#main_content li a:hover,
#main_content h3 a:hover,
#main_content h3 a:hover
{
color: #000;
}

#main_content li
{
margin-left: 20px;
list-style-type: square;
}

#main_content p.download
{
 margin-top: 2em;
}

#main_content p.download a
{
background: transparent url(../i/icon_pdf.gif) 0 0 no-repeat;
padding-left: 20px;
padding-bottom: 0;
padding-top: .25em;
}

#main_content p.download a:hover
{
border: 0;
}

#main_content p.projects_location{
	font-style: italic;
		margin-top: -7px;
}

#main_content p.events_date{
	margin-top: -7px;
}

#main_content a.more_link{
	font-style: italic;
	margin-top: -7px;
}


/* Projects Images ******************************/
#slides p
{
font-size: 9px;
margin-bottom: 1em;
line-height: 100%;
}

#slides img
{
margin-bottom: 4px;
}

#switches li 
{
float:left;
padding:0 8px 3px 0;
}

/*FORMS ********************************/

form .submit 
{
background-color: #007DC3; 
color: #FFFFFF; 
font-size: 10px; 
padding: 2px;
font-weight:bold;
border:none;
}

form .textfield,
form textarea,
form select
{
border: 1px solid #CCCCCC;
font-size:10px; 
color: #666666; 
padding:2px;
}



#side_nav form p
{
background:transparent url(../i/search.gif) no-repeat 0 0;
padding-top:1px;
}

#side_nav form .textfield 
{
width: 60px;
border:none;
padding-left:3px;
background-color: transparent;
float:left;
}

#side_nav form .submit 
{
width: 22px;
text-transform: uppercase;
color: transparent;
background-color: transparent;
display:block;
text-indent: -9999px;
}

#main_content h3.form 
{
padding-top:20px;
margin:20px 0;
border-top: 1px solid #CCCCCC;
color: #333333;
}


#main_content form .textfield,
#main_content form textarea
{
width:230px;
margin-left:10px;
}

#main_content form select 
{
margin-left:10px;
}

#main_content form label
{
width: 90px;
float:left;
text-align:right;
}

#main_content form textarea
{
height: 90px;
}

#main_content form .submit 
{
text-transform:lowercase;
margin-left:100px;
background-color:transparent;
}


/*FORM REQUIRED FIELD CHECK******************/

p.error label {color:#CC0000;}
p.error input {background-color:#EEEEEE;}
#form-error {margin:0 0 20px 80px;}
#form-error ul {list-style-type:none;}
#form-error ul li {color:#CC0000; font-size:11px; list-style-type:none;}


/*EVENTS*******************/

.leftblock 
{
width: 170px; 
float:left;
padding-right:10px;
border-right:1px solid #CCCCCC;
margin-right:10px;
}

.rightblock 
{
width: 140px; 
float:left;
}

#main_content .leftblock form .textfield,
#main_content .leftblock form select
{
width:70px;
}

#main_content .leftblock form  label
{
width: 60px;
}

#main_content .leftblock form .submit,
#main_content .rightblock form .submit
{
margin-left:70px;
}

/*TELL A FRIEND*******************/

#main_content{ position: relative; }
#tellfriend {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 320px;
    padding: 20px;
    background: #fff;
    border: 1px solid #999;
    display: none;
    z-index: 1000;
}
a.close{ 
float: right;
color: #999;
text-decoration: none;
font-size: 12px;
}
#tellfriend form
{
margin-top: 40px;
}
#tellfriend form label
{
width: auto;
float: none;
text-align:left;
}
#tellfriend form textarea,
#tellfriend form .textfield
{
width:320px;
margin-left:0px;
}
p.email{ margin: 0px; padding: 0px; margin-top: -10px; }

#main_content p.email a
{
background: transparent url(../i/icon_email.png) 0 0 no-repeat;
padding-left: 20px;
}
#main_content p.email a:hover
{
border: 0;
}

/*
 * jScrollPane
*/

.scroll-pane
{
	width: 100%;
	height: 290px;
	overflow: auto;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;

}

.jspVerticalBar
{
	position: absolute;
	top: -3px;
	right: 0;
	width: 14px;
	height: 100%;
	background: transparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspVerticalBar{

}

.jspTrack
{
	/* background: #dde; */
	background: #fff;
	position: relative;
	border: solid 1px #ccc;
	padding-bottom: 4px;
}

.jspDrag
{
	background: #fff;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 12px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	margin-top: 1px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: transparent;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background: url(/i/scroll-arrow.gif) no-repeat;

}


.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url('/i/scroll-arrow.gif');
}

.jspVerticalBar .jspArrow
{
	height: 15px;
}

.jspArrowUp
{
	background-position: 0 2px;
	height: 15px;
}

.jspArrowDown
{
	background-position: 0 -15px !important; 
	height: 15px;
}


.jspArrow.jspDisabled
{
	cursor: default;
	background-image: url('/i/scroll-arrow.gif');
}

.jspVerticalBar .jspArrow
{
	height: 15px;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}