body {
	background:#e7e5da;
	color:#5f6062;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	padding-top:15px;
}
a {
	color:#48873f;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
  display:block;
  clear:both;
  visibility:hidden;
  height:0em;
  border-width:0;
  margin:0;
  padding:0;
  font-size: 0em;
}
.png, .block {
	display:block;
}
.imgLeft{
	float:left;
	margin-right:10px;
}
.imgRight{
	float:right;
	margin-left:10px;
}
.light-green{
	color:#48873F;
}

/* * Header * */

#header {
	background:#fff url(../img/bg-top.jpg) no-repeat 0 10px;
	width:1000px;
	height:148px;
	margin:0 auto;
	position:relative;
	z-inxex:1;
}
#header h1 {
	float:left;
	padding-left:43px;
	padding-right:196px;
	padding-top:20px;
}
#header h1 img {
	display:block;
	width:200px;
	height:84px;	
}
#header img.contact {
	display:block;
	float:left;
	margin:27px 0 0 4px;
	width:150px;
	height:86px;	
}
#header ul {
	float:right;
	padding:15px 14px 0 0;
	font:11px Verdana, Geneva, sans-serif;
	color:#939598;
	padding-right:14px;
}
#header ul li {
	display:inline;
}
#header ul li a {
	color:#939598;
	text-decoration:none;
	padding:0 12px;
	font-weight:bold;
}
#header ul li a:hover {
	color:#e96548;
	font-weight:bold;
}

/* * SEARCH BOX * */
#header .search{
	margin:10px 13px 0 0;
	width:250px;
	height:25px;
	float:right;
}

#header .search span{
	color:#949699;
	float:left;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	margin:3px 5px 0 0;
}

#header .search input.text{
	width:160px;
	width:158px\9;
	height:21px;
	height:18px\9;
	background:url(../img/search-bg.gif) no-repeat top left;
	border:none;
	padding-left:3px;
	padding-top:3px\9;
	padding-left:5px\9;
	font-size:11px;
	color:#949699;
	float:left;
	display:block;
}
#header .search input.img{
	width:21px;
	height:22px;
	background:url(../img/go.gif) no-repeat top left;
	margin:0;
	border:none;
	float:left;
	display:block;
}
	#header .search input.img:hover{
		cursor:pointer;
	}

/* * Content * */

#content {
	background:#fff;
	width:1000px;
	margin:0 auto;
	padding-bottom:10px;
	margin-bottom:10px;
}

/* * LEFT Sidebar * */

#sidebar {
	width:205px;
	float:left;
	padding-left:26px;
}
#sidebar ul {
	border-top:solid 1px #c0c1c1;
	width:205px;
	padding:0 0 16px 0;
}
#sidebar ul li {
	display:block;
	clear:both;
	border-bottom:solid 1px #c0c1c1;
	margin-bottom:5px;
}
	#sidebar ul li:hover{
		cursor:pointer;
	}
#sidebar ul li.what{
	width:200px;
	height:58px;
	padding:0 0 10px 0px;
}
	#sidebar ul li.what div{
		background:url(../img/what-is-veep-bg.gif) no-repeat top;
		height:68px; 
		width:200px;
	}
		#sidebar ul li.what div:hover{
			cursor:pointer;
		}
	
#sidebar ul li.approach{
	width:200px;
	height:58px;
	margin-top:-5px;
	padding:0 0 10px 0px;
}
	#sidebar ul li.approach div{
		background:url(../img/the-veep-approach-bg.gif) no-repeat top;
		height:68px; 
		width:200px;
	}
		#sidebar ul li.approach div:hover{
			cursor:pointer;
		}
	
#sidebar ul li.programs{
	width:200px;
	height:58px;
	margin-top:-5px;
	padding:0 0 10px 0px;
}
	#sidebar ul li.programs div{
		background:url(../img/veep-programs-bg.gif) no-repeat top;
		height:68px; 
		width:200px;
	}
		#sidebar ul li.programs div:hover{
			cursor:pointer;
		}
	
#sidebar ul li.resources{
	width:200px;
	height:58px;
	margin-top:-5px;
	padding:0 0 10px 0px;
}
	#sidebar ul li.resources div{
		background:url(../img/resources-bg.gif) no-repeat top;
		height:68px; 
		width:200px;
	}
		#sidebar ul li.resources div:hover{
			cursor:pointer;
		}

#sidebar .news {
	width:172px;
	background:#e7efdf url(../img/news-bg.gif) top left repeat-y;
	padding:10px 15px 0 15px;
}
#sidebar .news h3 {
	font-size:18px;
	font-weight:bold;
	color:#231f20;
	text-align:center;
	padding-bottom:12px;
}
	#sidebar .news h3 a{
		color:#231f20;
	}
		#sidebar .news h3 a:hover{
			color:#48873f;
		}
#sidebar .news div {
	font-size:11px;
	color:#5f6062;
	line-height:140%;
	padding-bottom:12px;
}
#sidebar .news div strong {
	display:block;
	font-size:12px;
	color:#231f20;
	line-height:140%;
}
#sidebar .news a {
	text-decoration:none;
	color:#ce2035;
}
	#sidebar .news a:hover {
		text-decoration:none;
		color:#48873f;
	}
#sidebar .news a.title {
	text-decoration:none;
	color:#231f20;
}
	#sidebar .news a.title:hover {
		text-decoration:none;
		color:#48873f;
	}

#page {
	padding-right:26px;
	width:715px;
	float:right;
}
#page h2 {
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	color:#231f20;
	padding:12px 0 22px 0;
	text-transform:uppercase;
}
#page h2 span{
	font-size:18px;
	display:block;
	text-transform:uppercase;
}
#page h2 span.small{
	font-size:10px;
	display:inline;
	text-transform:uppercase;
}
#page h3 {
	font-size:20px;
	font-weight:bold;
	padding:10px 0 10px 0;
	color:#5D9236;
	line-height:24px;
	}
	#page h3.hello{
		font-size:24px;
		line-height:24px;
		color:#000;
		padding:0 0 18px 0;
		}
	#page h3.orange{
		font-size:24px;
		font-style:italic;
		color:#e96548;
		text-align:center;
	}
	#page h3.black{
		font-size:18px;
		color:#231f20;
		padding:0 0 5px 0;
	}
	#page h3.green{
		font-size:20px;
		color:#48873f;
		padding:0 0 5px 0;
		font-weight:bold;
		font-style:italic;
	}
		#page h3.green span{
			font-size:11px;
			font-style:normal;
		}
	#page h3.darkGreen{
		font-size:18px;
		color:#1c6735;
		margin:-17px 0 0 0;
		padding:0;
		font-weight:bold;
	}
#page h4{
	font-size:18px;
	font-weight:bold;
	color:#262c26;
	text-transform:uppercase;
}	
#page h5{
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#48873f;
	width:355px;
}
#page h6{
	font-size:12px;
	font-weight:bold;
	color:#5f6263;
	width:312px;
	height:19px;
	background:url(../img/archive-bg.gif) no-repeat top left;
	padding:2px 0 0 13px;
	margin:0 0 3px 0;
}
	#page h6 a{
		color:#5f6263;
		text-decoration:none;
	}
#page p {
	padding-bottom:12px;
	font-size:13px;
	line-height:140%;
	}
#page p.wider{
	width:730px;
	position:relative;
	z-index:100;
}
#page p.small {
	font-size:11px;
	line-height:110%;
	}
#page ul{
	padding:0 0 15px 15px;
	}
	#page ul li{
		list-style-type:disc;
		line-height:140%;
		margin-bottom:15px;
		}
		#page ul li .green{
			color:#5D9236;
			font-weight:bold;
			}
		#page ul ul{
			padding-top:5px;
			}
			#page ul ul li{
				list-style-type:circle;
				}

/* * GENERAL RIGHT-HAND CONTENT * */
#page .image {
	display:block;
	width:343px;
	float:right;
	position:relative;
	z-index:1;
}
#page .image img {
	display:block;
	padding-bottom:7px;
}

/* * LEFT COLUMN CONTAINER * */
#page .text {
	width:343px;
	float:left;
}

#page div.crumb p{
	margin:0;
	position:relative;
	z-index:1000;
	font-weight:bold;
	text-align:right;
	font-size:10px;
}
	#page div.crumb p a{
		text-decoration:none;
		text-transform:uppercase;
	}
		#page div.crumb p a:hover{
			text-decoration:underline;
		}
		
/* * NEWS * */
#page .newsTitle strong a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#page p.newsCaptions{
	font-size:10px;
	width:320px;
}
	#page p.newsCaptions strong{
		color:#48873F;
	}

/* * WHAT IS VEEP? PAGE * */

	#page .whatIs{
		margin-bottom:40px;
	}
	#page .whatIs h4{
		font-size:18px;
		font-weight:bold;
		color:#262c26;
		text-transform:uppercase;
	}
	#page .whatIs h4 span.text{
		display:block;
		margin:5px 0 -5px 0;
		font-size:12px;
		color:#5f6062;
		text-transform:none;
		font-weight:normal;
	}
	#page .whatIs h4 span.link a{
		float:right;
		text-align:right;
		color:#48873f;
		text-transform:uppercase;
		font-weight:bold;
		font-size:9px;
		text-decoration:none;
		margin-top:-6px;
		margin-bottom:20px;
	}
	#page .whatIs h4 span.linkFirst a{
		text-align:right;
		display:block;
		clear:both;
		color:#48873f;
		text-transform:uppercase;
		font-weight:bold;
		font-size:9px;
		text-decoration:none;
		margin-top:5px;
	}
	/* * WHAT IS VEEP RIGHT SIDE * */
	#page .image #myInfoContainer{
		width:325px;		
		margin:-7px 0 0 0;
		position:relative;
		z-index:200; /* * THIS IS THE KEY FOR THE Z-INDEX TO WORK PROPERLY * */
	}
	#page .image .whatIsSlider{
		width:319px;
		padding:5px 12px;
		height:540px;
		background:url(../img/green-partner-box.gif) no-repeat top left;
	}
		#page .image .whatIsSlider h4{
			text-transform:uppercase;
			color:#fbfcfa;
			font-size:15px;
			font-weight:bold;
			margin-bottom:8px;
			line-height:160%;
		}
		#page .image .whatIsSlider h2{
			font-size:14px;
			font-weight:bold;
			color:#fafcf8;
			text-transform:uppercase;
			padding:0;
			margin:-5px 0 0 0;
		}
		#page .image .whatIsSlider p{
			color:#cff8b1;
			font-size:12px;
			width:319px;
		}
			#page .image .whatIsSlider p strong{
				display:block;
				margin-bottom:3px;
			}
			#page .image .whatIsSlider p a{
				color:white;
				text-transform:uppercase;
				font-size:11px;
			}
		#page .image .whatIsSlider #arrowNav{
			float:right;
			margin:8px 0 0 0;
			width:58px;
			height:25px;
			position:relative;
			z-index:201;
		}
			#page .image .whatIsSlider #arrowNav .left{
				float:left;
				margin-right:10px;
			}
			#page .image .whatIsSlider #arrowNav .right{
				float:left;
				margin:0;
				*margin:-16px 10px 0 0;
			}

/* * OUR STAFF * */

#page #accordion h3.toggler{
	background-color:#74a748;
	color:white;
	margin:0 0 3px 0;
	padding:0 0 2px 4px;
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	border:1px solid #E7E5DA;
}
	#page #accordion h3.toggler:hover{
		cursor:pointer;
		color:#E7EFDF;
	}

#page #accordion div.element{
	margin-bottom:7px;
}

/* * SUPPORTERS PAGE * */

table.supporters td{
	padding:5px 30px 5px 0;
	text-align:center;
	font-weight:bold;
	color:#48873f;
}

/* * PARTNER SCHOOLS * */

#page p.partners{
	line-height:180%;
	margin-left:25px;
}

#page .schoolCaptions p{
	font-size:10px;
	margin-top:-14px;
}

/* * THE VEEP APPROACH * */

#page .green-square{
	width:321px;
	height:285px;
	background:url(../img/green-bg.gif) no-repeat top left;
	padding:0 10px;
	margin:-1px 0 0 0;
}
	
	@media screen and (-webkit-min-device-pixel-ratio:0)
	{
	 #page .green-square
	 {
	  margin-top:-3px;
	 }
	}
		
	#page .green-square h3{
		color:white;
		font-size:18px;
		color:#fff;
		font-weight:bold;
	}
	#page .green-square p{
		color:#fff;
		font-size:12px;
		line-height:130%;
	}
	#page .green-square img{
		margin-bottom:28px;
		margin-bottom:36px\9;
		*margin-bottom:25px;
	}
	
#page .purple-square{
	width:321px;
	height:285px;
	background:url(../img/purple-bg.gif) no-repeat top left;
	padding:0 10px;
	margin-top:21px\9;
	*margin-top:-2px;
}
	#page .purple-square h3{
		color:white;
		font-size:18px;
		color:#fff;
		font-weight:bold;
	}
	#page .purple-square p{
		color:#fff;
		font-size:12px;
		line-height:130%;
	}
	#page .purple-square img{
		margin-bottom:10px;
	}
	
#page p.energyLiteracy{
	font-size:12px;
	text-align:right;
	font-weight:bold;
	margin:4px 0 5px 0;
	*margin-bottom:3px;
}

.imgRightEnergy{
	float:right;
	margin:-10px 0 0 10px;
}

/* * VEEP PROGRAMS * */

#page .redBox{
  background-color:#db4046;
  position:relative;
  margin:9px 0 10px 0;
  padding:0 5px 5px 5px;
  -moz-box-shadow: 0px 0px 4px #999; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #999; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #999; /* Opera 10.5, IE 9.0 */
  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc')"; /* IE8 */
}
	#page .redBox a{
		text-decoration:none;
	}
	#page .redBox a h3{
		color:#fff;
		font-size:19px;
		padding:7px 0;
	}
	#page .redBox a p{
		color:#fff;
		line-height:100%;
	}
	#page .redBox .more{
		color:#fff;
		text-decoration:none;
		text-align:right;
		display:block;
		margin:10px 5px 0 0;
		font-size:11px;
		font-weight:bold;
	}

#page .greenBox{
	background-color:#5d9732;
	position:relative;
  padding:0 5px 5px 5px;
  -moz-box-shadow: 0px 0px 4px #999; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #999; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #999; /* Opera 10.5, IE 9.0 */
  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc')"; /* IE8 */
}
	#page .greenBox a{
		text-decoration:none;
	}
	#page .greenBox a h3{
		color:#fff;
		padding:7px 0;
		font-size:19px;
	}
	#page .greenBox a p{
		color:#fff;
		line-height:100%;
	}
	#page .greenBox .more{
		color:#fff;
		text-decoration:none;
		text-align:right;
		display:block;
		margin:10px 5px 0 0;
		font-size:11px;
		font-weight:bold;
	}

#page .purpleBox{
  background-color:#586bb3;
  position:relative;
  margin:108px 0 10px 0;
  *margin-top:109px;
  padding:0 5px 5px 5px;
  -moz-box-shadow: 0px 0px 4px #999; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #999; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #999; /* Opera 10.5, IE 9.0 */
  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc')"; /* IE8 */
}
	#page .purpleBox a{
		text-decoration:none;
	}
	#page .purpleBox a h3{
		color:#fff;
		padding:7px 0;
		font-size:19px;
	}
	#page .purpleBox a p{
		color:#fff;
		line-height:100%;
	}
	#page .purpleBox .more{
		color:#fff;
		text-decoration:none;
		text-align:right;
		display:block;
		margin:10px 5px 0 0;
		font-size:11px;
		font-weight:bold;
	}
	
#page .yellowBox{
	background-color:#fdb813;
	position:relative;
  padding:0 5px 18px 5px;
  -moz-box-shadow: 0px 0px 4px #999; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #999; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 4px #999; /* Opera 10.5, IE 9.0 */
  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc')"; /* IE8 */
}
	#page .yellowBox a{
		text-decoration:none;
	}
	#page .yellowBox a h3{
		color:#fff;
		padding:7px 0;
		font-size:19px;
	}
	#page .yellowBox a p{
		color:#fff;
		line-height:100%;
	}
	#page .yellowBox .more{
		color:#fff;
		text-decoration:none;
		text-align:right;
		display:block;
		margin:10px 5px 0 0;
		font-size:11px;
		font-weight:bold;
	}
	
/* * VEEP PROGRAMS - IN-CLASS PRESENTATIONS * */

#page img.presentation{
	margin:0 0 33px 7px;
}
	#page .presentationCaptions{
		font-size:10px;
		float:right;
		width:130px;
		margin-top:-30px;
	}	
		#page .presentationCaptions span{
			color:#586bb3;
		}
		
#page .inClassBox{
	width:343px;
	background-color:#e7e7db;
	margin-bottom:3px;
}
	#page .inClassBox h3{
		background:url(../img/presentation-title.gif) top left repeat-x;
		width:338px;
		height:24px;
		margin-left:-1px;
		padding:3px;
		color:#fff;
		font-size:14px;
	}
	#page .inClassBox p{
		color:#5f6263;
		line-height:150%;
		padding:5px;
		font-size:12px;
	}
		#page .inClassBox p a{
			display:block;
			text-align:right;
			font-size:10px;
			font-weight:bold;
			text-transform:uppercase;
			margin:5px 5px 0 0;
			text-decoration:none;
		}

/* * VEEP PROGRAMS - ENERGY CURRICULA * */

#page img.sketch{
	margin:0 10px -15px 10px
}
#page img.kid1{
	margin:0 0 8px 5px;
}
#page img.kid2{
	margin:0 5px 0 0;
}

#page #programs{
	margin-top:12px;
}

#page #programs #accordion h3.toggler{
	background-color:#586bb3;
	color:white;
	margin:0 0 3px 0;
	padding:0 0 2px 4px;
	text-transform:none;
	font-size:14px;
	font-weight:bold;
	border:1px solid #E7E5DA;
	text-transform:uppercase;
}
	#page #programs #accordion h3.toggler:hover{
		cursor:pointer;
		color:#e8eaf2;
	}

#page #programs #accordion div.element{
	margin-bottom:7px;
}
	#page #programs #accordion div.element a{
		font-weight:bold;
		font-size:10px;
		text-decoration:none;
		text-transform:uppercase;
	}
	
/* * VEEP PROGRAMS - COMMUNITY EVENTS * */
#page .eventCaptions{
		font-size:10px;
		float:left;
		width:120px;
		margin-top:5px;
	}	
		#page .eventCaptions span{
			color:#586bb3;
		}	
		
/* * CABOT CASE STUDY * */
.cabotBox{
	width:280px;
	background-color:#E7EFDF;
	padding:5px 5px 10px 7px;
	color:#000;
	margin:0 0 10px 0px;
}

/* * RESOURCES * */

#page #resourceLeft{
	float:left;
	width:232px;
	background:url(../img/dot.gif) 100% 0% repeat-y;
	margin-right:5px;
}
	#page #resourceLeft p{
		margin-right:10px;
	}
		#page #resourceLeft p .imgLeft{
			margin-top:5px;
		}

#page #resourceMiddle{
	float:left;
	width:232px;
	background:url(../img/dot.gif) 100% 0% repeat-y;
	margin-right:5px;
}
	#page #resourceMiddle p{
		margin-right:10px;
	}

#page #resourceRight{
	float:left;
	width:235px;
	padding:5px 0 0 0;
}
	#page #resourceRight p{
		margin-left:4px;
	}
	#page #resourceRight img.ace{
		margin:0 0 5px 30px;
	}

/* * CONTACT FORM * */
		
#page label.contact{
	float:left;
	display:inline;
	font-size:10px;
	width:52px;
	text-transform:uppercase;
}
#page label.contactBig{
	display:block;
	font-size:11px;
	margin:10px 0 8px 0;
	text-transform:uppercase;
}
#page label.contactTextarea{
	float:left;
	display:inline;
	font-size:10px;
	width:52px;
	text-transform:uppercase;
	margin:5px 0;
}
#page span.checkLabel{
	display:block;
	float:left;
	padding:3px 0 0 0;
	font-size:11px;
}
#page label.captcha{
	float:left;
}
#page .rightCaptcha{
	float:right;
	width:100px;
	font-size:10px;
}

#page input.text{
	float:left;
	width:250px;
	height:16px;
	background:url(../img/input-bg.gif) repeat-x top left;
	border:none;
	padding:0 2px;
	font-size:11px;
}
#page input.captcha{
	width:50px;
	padding:0 2px;
	margin:8px 5px 0 0;
	height:17px;
	border:1px solid #666;
	float:left;
}
	#page img.captcha{
			border:1px solid #ccc;
	}
#page textarea.textarea{
	float:left;
	width:280px;
	height:81px;
	background:url(../img/textarea-bg.gif) repeat-x top left;
	border:none;
	padding:0 2px;
	margin:5px 0 10px 0;
	font-size:11px;
}
#page .checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	margin:0 0 -8px 15px;
	background: url(../img/checkbox-new.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
	#page .checkbox:hover{
		cursor:pointer;
	}
#page input.submit{
	width:121px;
	height:29px;
	background:url(../img/submit.gif) no-repeat top left;
	border:none;
	float:left;
}
	#page input.submit:hover{
		cursor:pointer;
	}

#page .errors{
	color:#CF2938;
	margin-bottom:10px;
}

/* * Footer * */

#footer {
	width:1000px;
	margin:0 auto 10px auto;
	text-align:center;
	color:#959595;
	font-size:10px;
}
#footer div {
	padding-bottom:7px;
}
#footer div ul {
	display:inline;
	padding-right:15px;
}
#footer div ul li {
	display:inline;
}
#footer div ul li a {
	color:#959595;
	text-decoration:none;
}
#footer div ul li a:hover {
	text-decoration:underline;
}
#footer div p {
	font-size:10px;
	display:inline;
	padding-left:15px;
}
#footer small {
	display:block;
	text-align:center;
	padding-bottom:6px;
	font-size:9px;
}
#footer p {
	font-size:9px;
}
#footer p a {
	color:#959595;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration:underline;
}