/*

Site: YPE
Design: Ben Gillin for Schipul
Build: Brandi Lalanne for Schipul
URI: www.ypenergy.org/

*/

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, 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,
caption {
margin:0px;
padding:0px;
} 

p { margin-bottom: 8px; color:#414141;}

body {
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #414141;
	background: #dbdbdb url(/images/home/body-shadow.jpg) repeat-y top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; line-height: 1.3em;}
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 {margin-bottom: 8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} 

h1 { font-size: 20px; font-weight: bold; color: #424242; }
h2 { font-size: 18px; font-weight: bold; color: #424242; }
h3 { font-size: 12px; font-weight: bold; color: #1997D2; }

a { color: #1996d3; outline:none; text-decoration:none}
a:hover, .links:hover { color: #245A88; text-decoration:none}

#bodycontent a {color:  #1996d3; text-decoration: underline; outline:none}
#bodycontent a:hover{ color: #245A88; text-decoration:none }

br { margin: 0; padding: 0; height: 0; }

.clear {height:0; clear:both; margin:0; padding:0}


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

#wrap {width: 958px; margin:0 auto; border-left: #b3b4b6 solid 1px; border-right: #b3b4b6 solid 1px; border-bottom: #b3b4b6 solid 1px; background: #FFF}

	#header {height: 158px; width: 958px; border-bottom: #b3b4b6 solid 1px; margin: 0 0 2px 0}
	
		h1#logo a {width: 256px; height: 158px; padding-left: 38px; outline:none; display:block; float:left; 
		background:url(../images/home/logo.jpg) top center no-repeat; text-indent:-9999px}
		h1#logo {margin:0; padding:0}
		
		#tag {width: 664px; height:158px; float:right; background:url(../images/home/tag-bg.jpg) bottom center no-repeat; }
	
			
			/***** Search Form *******************/

			#search-area {	margin-top: 12px}
			
			fieldset.search {
				border: none;
				width: 206px;
				margin: 0 auto;
				background: #FFF;
				height:23px;
			}
			.search input, .search button {
				border: none;
				float: left;
			}
			.search input.box {
				color: #000;
				font-size: 12px;
				width: 176px;
				height: 19px;
				background: #FFF url(/images/home/search-bg.gif) no-repeat;
				margin-right: 0px;
				padding: 2px 0 2px 4px
			}
			.search input.box:focus {
				background: #FFF url(/images/home/search-bg.gif) no-repeat;
				outline: none;
			}
			.search button.btn {
				width: 21px;
				height: 23px;
				cursor: pointer;
				text-indent: -9999px;
				background: #FFF url(/images/home/search-bg.gif) no-repeat top right;
			}
			.search button.btn:hover {
				background: #FFF url(/images/home/search-bg.gif) no-repeat bottom right;
			}

	#top-area {width: 918px; background: #ebebeb; border-bottom: #b3b4b6 solid 1px; padding: 18px 20px}
	
		#top-area .left {width: 279px; float:left;}
		
			a.btn-learn {height: 43px; width: 256px; background:url(../images/home/btn-learn.jpg) top left no-repeat; display:block;
			padding: 0 10px 0 13px; color:#414141; text-decoration:none; margin-bottom:20px}
			
			a.btn-events {height: 43px; width: 256px; background:url(../images/home/btn-events.jpg) top left no-repeat; display:block;
			padding: 0 10px 0 13px; color:#414141; text-decoration:none; margin-bottom:20px}
			
			a.btn-join {height: 43px; width: 256px; background:url(../images/home/btn-join.jpg) top left no-repeat; display:block;
			padding: 0 10px 0 13px; color:#414141; text-decoration:none; margin-bottom:20px}
			
			a.btn-cal {height: 105px; width: 256px; background:url(../images/home/btn-cal.jpg) top left no-repeat; display:block;
			padding: 0 10px 0 13px; color:#414141; text-decoration:none; margin-bottom:20px}
			
			a.btn-bd {height: 43px; width: 256px; background:url(../images/home/btn-businessdirectory.jpg) top left no-repeat; display:block;
			padding: 0 10px 0 13px; color:#414141; text-decoration:none; margin-bottom:20px}
			
			a.btn-learn:hover, a.btn-events:hover, a.btn-join:hover, a.btn-bd:hover {color: #1997D2}
			
		#top-area .right {width: 601px; float:right;}

			/************* Featured Stories Module****/
			
			.stories {display: block; width: 601px; height: 291px; overflow: hidden; position: relative; }
				
				.story-item { overflow: hidden !important; }
				.story-item img { margin: 0; padding: 0; }
				
				div.story-content {margin: -110px auto 0 auto; width: 561px; padding: 10px 20px; z-index: 1500; position:relative; 
				background:url(../images/home/story-content-bg.png) top left repeat; height: 105px }
				
				.story-content h2 {color: #FFF; margin: 0; padding: 0 }	
				.story-content p {color: #FFF; margin:0; padding:0 }
				.story-content div {color: #FFF; margin:0; padding:0 }
				.story-content a {color: #FFF;text-decoration:underline}
				.story-content a:hover {color:#ccc; text-decoration:none}
				
				/*.story-item .image-header {display: block; width: 522px; height: 264px; overflow: hidden !important; z-index: 10;}*/
				.story-item img { border:0px; z-index: 999; width: 601px; height: 291px; }
				
				
				#nav-stories {display: block; height: 15px; padding: 5px 10px 0 0; text-align:right; float:right; 
				margin-top:-290px; z-index:5; position:relative }
					
					#nav-stories a { display: block; width: 15px; height:15px; float: left; margin-right: 5px;
					text-align: center; text-decoration: none; color:#FFF; font-weight:bold; font-size:11px;
					background:url(../images/home/story-content-bg.png) top left repeat;}
					#nav-stories a.activeSlide { background-color:#000; width: 15px; height:15px; 
					color: #FFF; }
		
		#main-content-index { background-image:url(/images/home/vertical-repeater.jpg) repeat-y;}
		
		#main-content h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#424242}
	
		#main-content .left {width: 281px; float:left; background:#EFEFEF; padding: 20px 18px; margin-right:12px }
		
		#main-content .left h3, #main-content .mid h3, #main-content .right h3 {color: #1997D2; font-weight:normal; margin: 6px 0}
		
		.industry-news h2, .industry-news h2 a {font-size:12px; font-weight:bold; margin:0}
			.rssitem {margin-bottom: 15px}
			.pub-date {font-style:italic; color:#999; margin-bottom:5px}
		
			#photo-feed img {height:60px; width:60px; border:none !important; margin: 4px}
			
			.connect-icons img {margin-right:2px}
		
		#main-content .mid {width: 297px; float:left; padding: 20px 10px; background:#DCDBDB }
		
			.mid hr {color:#EFEFEF;}
			
		#main-content .right {width: 280px; float:right; padding: 20px 18px 20px 0 }
		
			a#btn-events2 {display:block; height:41px; width: 280px; background:url(../images/home/btn-events2.jpg) top left no-repeat;
			text-indent:-9999px; margin: 18px 0}
			
			a#btn-events2:hover {background:url(../images/home/btn-events2-over.jpg) top left no-repeat}

			a#btn-access {display:block; height:41px; width: 280px; background:url(../images/home/btn-access.jpg) top left no-repeat;
			text-indent:-9999px; margin-bottom: 18px}
			
			a#btn-access:hover {background:url(../images/home/btn-access-over.jpg) top left no-repeat}
			
			.jobs-top5 {width: 280px !important}
			ul.jobs-top {width: 280px !important}
	
	#bottom {width:918px; padding:20px; clear:both}
	
		.affiliates {width: 918px !important; height: 100px; overflow:hidden !important;}
		
			.affiliates ul {list-style:none; padding:0; margin:0;}
			
			.affiliates ul li {display:block; float:left; margin:0 10px}
	
#footer {width: 918px; margin:0 auto; padding:20px; clear:both; background: #20315D; margin-bottom:15px}
	
	#footer h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#FFF}
	
	#footer .left {width:287px; float:left;}
	
		.left ul.column-left {width: 120px; margin:0; padding:0; list-style:none; float:left}
		
		.left ul.column-left li a,
		.left ul.column-right li a,
		#footer .right ul li a{color:#FFF; display:block; margin-bottom:5px; line-height: 25px; display:block; height:25px}
		
		.left ul.column-left li a:hover,
		.left ul.column-right li a:hover,
		#footer .right ul li a:hover {background:#1a284c}
		
		.left ul.column-right {width: 147px; margin:0; padding:0; list-style:none; float:right}
	
	#footer .right {width:611px; float:right;}
	
		#footer .right ul {width: 122px; margin:0; padding:0; list-style:none; float:left}

#schipul-footer {text-align:center; margin-bottom:10px; color:#666}
#schipul-footer a {color:#666}
#schipul-footer a:hover {color:#999}

.calendarevents-top ul {list-style:none; margin:0; padding:0}
.calendarevents-top ul li {margin:0; padding:0}
ul.calendarevents-top li a {display:block; padding:0 !important; margin-bottom: 15px; background: none !important}


#main-content #bodycontent {width: 595px; float:right; padding: 20px 20px 20px 0; min-height: 500px; height: auto !important; height:500px}

ul.calendarevents-top li a abbr {color: #414141 !important;}


/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-size: 18px; font-weight: bold; }
.subtitles {  font-size: 14px; font-weight: bold; color: #666666;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  ffont-weight: bold; text-decoration: none}
.bold_body_copy_blue { font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-size: 14px; text-decoration: none}
.copyright {  font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-size: 10px; color: #999999}
.body_copy_alerts { font-size: 12px; color: #FF0000}
.body_copy_invert { font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy {font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}