/* -- Universal Styles -- */

body {
background:#FFF;
font: 100% 'Century Gothic',Sans-Serif;
color:#323539;
margin-bottom:0px;
padding:0px;
}

a {
color:#00758f;
text-decoration:none;
font-weight:normal;
}

a:hover {
color:#00758f;
text-decoration:underline;
font-weight:normal;
}

/* -- Universal Layout --*/

.container {
    background: #FFF url('images/background.png') repeat-y;
    width:1135px;
	margin: -15px auto auto auto;
	position:relative;
	overflow:hidden;
}



/* -- HEADER --*/

#text-rotator {
float:left;
margin-left:150px;
padding-top:5px;
}

#form {
float:right;
margin-right:150px;
}


#header {
    background: #FFF url('images/fwheader.png') no-repeat bottom right;
	width:1117px;
	height:129px;
	font-family:'Century Gothic',sans-serif heavy;
	margin:auto;
	border-bottom:5px solid #575654;
	position:relative;

}

#header h1 {
font-size:1.3em;
font-weight:normal;
margin-top:-50px;
margin-left:180px;
margin-bottom:0px;
float:left;
position:relative;
}

.logo {
float:left;
margin:20px auto auto 10px;
padding:0px;
}


/* Menu */

#menu ul {
list-style-type: none;
margin-top:-5px;
z-index:100;
}

#menu li{
float: right;
margin-top:-15px;
padding-top:0px;
padding-right: 10px;
font-size: .9em;
font-weight: normal;
list-style-type: none;
z-index:100;
	}
#menu li a{color: #00758f;}
#menu li a:hover,#menu li.active a{color: #FFF; background: #00758f; text-decoration:none;}

/* Sidebar Content */

img#tweet {margin-top:10px; margin-bottom:-25px;}

#subscribe {
width:300px;
margin-top:5px;
margin-right:10px;
float:right;
background:#f4efe8;
color:#7c8721;
padding:15px;
text-align:center;
border-top:1px solid #54503f;
border-bottom:1px solid #54503f;
clear:both;
}

#archive {

border-top:1px dotted #CCC;
padding:10px;
}

img#main {padding:5px; border: 1px dotted #00758f;}



/* -- Footer -- */

#footer {
    background: #FFF url('images/footerbg.png') no-repeat;
	font-size:.7em;
    width:1135px;
	height:204px;
	padding:20px;
    margin:auto auto -25px auto;
	position:relative;
	overflow:hidden;
	clear:both;
	
}

#footer a {
color:#00758f;
text-decoration:none;
font-weight:normal;
}

#footer a:hover {
color:#00758f;
text-decoration:underline;
font-weight:normal;
}

#footer-text {margin-top:40px;}

#bottom {
text-align:center;
font-size:.75em;
margin-top:0px;
margin-bottom:5px;
padding-top:0px;
padding-bottom:5px;
}

#bottom a {
color:#00758f;
text-decoration:none;
font-weight:normal;
}

#bottom a:hover {
color:#00758f;
text-decoration:underline;
font-weight:normal;
}


/* -- Home Page Styles --*/

/* -- Featured Content --*/

#feature {
background:#f4efe8;
width:1115px;
height:290px;
margin: 0 5px 0 10px;
padding:0px;
position:relative;
border-bottom: 2px solid #54503f;
clear:both;
}

#promo-text {
float:left;
width:685px;
padding:0 20px;
font-size:.80em;
}

#promo-text h3 {
font-size:1.15em;
font-weight:bold;
margin-bottom:-5px;
}

#video {
float:right;
width:350px;
padding:5px 20px;
font-size:.8em;
text-align:right;
}

#sign-up {
background:#575654;
width:97%;
height:20px;
margin:auto;
padding:10px;
font-size:.85em;
color:#fff;
text-align:center;
}

#wavereport {font-size:.8em; margin-top:0px;}

#wavereport a:link {color:#c0d034; text-decoration:none;}
#wavereport a:visited {color:#c0d034; text-decoration:none;}
#wavereport a:hover {color:#575654; background:#c0d034; text-decoration:none;}

#twitter_div {
float:left;
width:400px;
height:auto;
margin-top:15px;
padding:0;
 }
 
#social {
float:right;
margin:70px 137px auto auto;
}


/* -- Main Content -- */
/* -- Layout -- */
	
#main-content {
width:1125px;
padding:5px 20px;
margin:auto;
font-size:.825em;
float:left;
clear:both;
}

#main-content a {
color:#00758f;
text-decoration:none;
font-weight:normal;
}

#main-content a:hover {
color:#00758f;
text-decoration:underline;
font-weight:normal;
}


#blog-column {
float:left;
width:250px;
padding:0 10px;
border-right: 1px dotted #CCC;
}


#project-column {
float:left;
width:410px;
padding:0 10px 25px;

}

#hr {width:95%; border-bottom:1px dotted #CCC; text-align:center;}

#project-column h3 {font-size:1.0em; font-weight:bold; text-transform:uppercase;}

#video-column {
float:right;
width:350px;
margin-right:20px;
padding:0 10px;
border-left: 1px dotted #CCC;
}

#video-column h3 {font-size:1.0em; font-weight:bold; text-transform:none;}


#video-column a {
color:#fff;
text-decoration:none;
font-weight:normal;
}

#video-column a:hover {
color:#fff;
text-decoration:underline;
font-weight:normal;
}

#vidplayer {
margin:15px auto -10px 25px;
}

#squint a {
color:#00758f;
text-decoration:none;
font-weight:normal;
}

#squint a:hover {
color:#00758f;
text-decoration:underline;
font-weight:normal;
}


/* -- Styles -- */



h2 {
font-size:1.5em;
font-weight:bold;
text-transform:uppercase;
margin-top:5px;
margin-bottom:10px;
}

h3 {
font-size:1em;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}

#breadcrumb {
margin-top:auto;
margin-left:20px;
position:relative;
padding:20px;
font-size:.7em;
color:#7c8721;
float:left;
clear:both;
}

#intro {
width:95%;
margin:auto 20px auto auto;
padding:20px;
position:relative;
float:left;
clear:both;
}

#left-column {
float:left;
width:500px;
padding:10px 20px;
border-right: 1px dotted #CCC;
}


#right-column {
float:right;
width:500px;
margin-right:25px;
padding:10px 20px;
text-align:left;
}


#left-column-hire {
float:left;
width:650px;
padding:10px 25px;
border-right: 0px dotted #CCC;
}

/* -- Program Page Styles -- */

#action-bar {
float:left;
background:#e5b779;
font-size:.75em;
font-weight:bold;
text-align:center;
border-right:2px dashed #54503f;
border-bottom:2px dashed #54503f;
width:240px;
height:auto;
margin:0 0 auto 9px;
padding:20px;
position:relative;
}

#action-bar a {color:#00758f; text-decoration:none; font-weight:bold;}

#action-bar a:hover {color:#00758f; text-decoration:underline; font-weight:bold;}

#action-bar p {padding:15px; border-bottom: 1px dashed #00758f;}

#content {
float:right;
width:784px;
height:auto;
margin:auto;
position:relative;
}

#subnav {
float:right;
background:#f4efe8;
border-bottom: 2px solid #54503f;
width:784px;
height:100px;
margin:0 9px 0 0;
padding:25px;
position:relative;
}

/* Subnav Menu */

#submenu span {
display:none;
position:absolute;
}

#submenu ul {
list-style: none;
padding: 0;
margin: 0;
width: 784px;
height: 140px;
position: relative;
}

#submenu li{
width:109px;
height:125px;
margin:0px;
padding:0px;
list-style-type: none;
display: inline;
}

#submenu a {
  width:109px;
  height:125px;
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#submenu a:hover {
  background-position: left bottom;
}

#submenu a:hover span {
  display: block;
}

#submenu .possnow {
  width: 109px;
  height:137x;
  background: url(images/possnow.gif) no-repeat;
  top:10px;
  left:40px;
}

#submenu .possnow span {
  width: 109x;
  height:137px;
  background: url(images/possnow.gif) no-repeat;
  top:10px;
  left:40px;
}

#submenu .possnow-active {
  width: 109x;
  height:137px;
  background: url(images/possnow_hover.png) no-repeat;
  top:10px;
  left:40px;
}

#submenu .pgd {
  width: 109px;
  height:137x;
  background: url(images/pgd.gif) no-repeat;
  top:10px;
  left:170px;
}

#submenu .pgd span {
  width: 109x;
  height:137px;
  background: url(images/pgd.gif) no-repeat;
  top:10px;
  left:170px;
}

#submenu .pgd-active {
  width: 109px;
  height:137x;
  background: url(images/pgd_hover.png) no-repeat;
  top:10px;
  left:170px;
}

#submenu .fwsummits {
  width: 109px;
  height:137x;
  background: url(images/fwsummits.gif) no-repeat;
  top:10px;
  left:300px;
}

#submenu .fwsummits span {
  width: 109x;
  height:137px;
  background: url(images/fwsummits.gif) no-repeat;
  top:10px;
  left:300px;
}

#submenu .fwsummits-active {
  width: 109px;
  height:137x;
  background: url(images/fwsummits_hover.png) no-repeat;
  top:10px;
  left:300px;
}

#submenu .youthnow {
  width: 109px;
  height:137x;
  background: url(images/youthnow.gif) no-repeat;
  top:10px;
  left:430px;
}

#submenu .youthnow span {
  width: 109x;
  height:137px;
  background: url(images/youthnow.gif) no-repeat;
  top:10px;
  left:430px;
}

#submenu .youthnow-active {
  width: 109px;
  height:137x;
  background: url(images/youthnow_hover.png) no-repeat;
  top:10px;
  left:430px;
}

#submenu .possu {
  width: 109px;
  height:137x;
  background: url(images/possu.gif) no-repeat;
  top:10px;
  left:560px;
}

#submenu .possu span {
  width: 109x;
  height:137px;
  background: url(images/possu.gif) no-repeat;
  top:10px;
  left:560px;
}

#submenu .possu-active {
  width: 109px;
  height:137x;
  background: url(images/possu_hover.png) no-repeat;
  top:10px;
  left:560px;
}

#submenu .collab {
  width: 109px;
  height:125x;
  background: url(images/collab.gif) no-repeat;
  top:10px;
  left:690px;
}

#submenu .collab span {
  width: 109x;
  height:125px;
  background: url(images/collab.gif) no-repeat;
  top:10px;
  left:690px;
}

#submenu .collab-active {
  width: 109px;
  height:125x;
  background: url(images/collab_hover.png) no-repeat;
  top:10px;
  left:690px;
}


/* Main Content */

#main-area {
width:710px;
height:auto;
padding:5px 15px;
margin:0 9px 0 -30px;
font-size:.9em;
clear:both;
}

#main-area a {
color:#00758f;
text-decoration:none;
font-weight:normal;
}

#main-area a:hover {
color:#00758f;
text-decoration:underline;
font-weight:normal;
}

#main-area h4 {font-weight:bold; color:orange;}

#main-area blockquote {
float:right;
width:75%;
height:auto;
padding:25px;
background:#e5b779;
font-style:italic;
border:2px dashed #54503f;
}
/* Program Page Styles */

/* Collaboratory Styles */

#main-area-about {
width:700px;
height:auto;
padding:5px 25px;
margin:0 9px 0 -30px;
font-size:.9em;
}

#about-left {
float:left;
width:300px;
padding:10px 25px;
}

#about-right {
float:right;
width:300px;
padding:10px 25px;
}

#subnav-about {
float:right;
background:#f4efe8;
border-bottom: 2px solid #54503f;
width:834px;
height:170px;
margin:0 9px 0 0;
padding:5px 0;
position:relative;
}

/* Collaboratory Styles */


/* Giving Back Styles */

#subnav-giving {
float:right;
background:#f4efe8;
border-bottom: 2px solid #54503f;
width:834px;
height:90px;
margin:0 9px 0 0;
padding:5px 0;
position:relative;
}

#submenu .bluesjam {
  width: 180px;
  height:80px;
  background: url(images/bluesjam.gif) no-repeat;
  top:10px;
  left:100px;
}

#submenu .bluesjam span {
  width: 180x;
  height:80px;
  background: url(images/bluesjam.gif) no-repeat;
  top:10px;
  left:100px;
}

#submenu .bluesjam-active {
  width: 180px;
  height:80px;
  background: url(images/bluesjam.png) no-repeat;
  top:10px;
  left:100px;
}

#submenu .payforward {
  width: 180px;
  height:80px;
  background: url(images/payforward.gif) no-repeat;
  top:10px;
  left:320px;
}

#submenu .payforward span {
  width: 180x;
  height:80px;
  background: url(images/payforward.gif) no-repeat;
  top:10px;
  left:320px;
}

#submenu .payforward-active {
  width: 180px;
  height:80px;
  background: url(images/payforward.png) no-repeat;
  top:10px;
  left:320px;
}

#submenu .durhamdreams {
  width: 180px;
  height:80px;
  background: url(images/durhamdreams.gif) no-repeat;
  top:10px;
  left:540px;
}

#submenu .durhamdreams span {
  width: 180x;
  height:80px;
  background: url(images/durhamdreams.gif) no-repeat;
  top:10px;
  left:540px;
}

#submenu .durhamdreams-active {
  width: 180px;
  height:80px;
  background: url(images/durhamdreams.png) no-repeat;
  top:10px;
  left:540px;
}

/* Giving Back Styles */

/* Process Styles */

#subnav-process {
float:right;
background:#f4efe8;
border-bottom: 2px solid #54503f;
width:834px;
height:120px;
margin:0 9px 0 0;
padding:5px 0;
position:relative;
}

#submenu .whatwedo {
  width: 128px;
  height:120px;
  background: url(images/whatwedo.gif) no-repeat;
  top:10px;
  left:200px;
}

#submenu .whatwedo span {
  width: 128x;
  height:120px;
  background: url(images/whatwedo.gif) no-repeat;
  top:10px;
  left:200px;
}

#submenu .whatwedo-active {
  width: 128px;
  height:120px;
  background: url(images/whatwedo.png) no-repeat;
  top:10px;
  left:200px;
}

#submenu .howwedoit {
  width: 128px;
  height:119px;
  background: url(images/howwedoit.gif) no-repeat;
  top:10px;
  left:400px;
}

#submenu .howwedoit span {
  width: 128x;
  height:119px;
  background: url(images/howwedoit.gif) no-repeat;
  top:10px;
  left:400px;
}

#submenu .howwedoit-active {
  width: 128px;
  height:119px;
  background: url(images/howwedoit.png) no-repeat;
  top:10px;
  left:400px;
  }

div#process {
	position: relative; 
	width: 800px; 
	height:600px; 
	margin:auto;
	padding:0;
	text-align:center;
	z-index: 100;
	}

div#process a {
	margin:-3px;
	padding:0;
	}
div#process a:hover {
	margin:-3px;
	padding:0;
	}
 
div#process a span {display: none; padding:0;}

div#process a:hover span {
	display: block;
	position: absolute; 
	top: 400px; 
	left:125px; 
	width: 600px;
	padding: 0; 
	margin:auto; 
	z-index: 110;
	color: #333; 
	background: #fff;
	font: 1em 'Century Gothic',Verdana,sans-serif; 
	text-align: left;
	}
/* Process Styles */