/*
Site: The Orange Show
Design: Brandi Lalanne for Schipul
Build: Brandi Lalanne for Schipul
URI: www.orangeshow.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,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 


p { margin-bottom: 8px; color:#6d6460; font-size:12px}

body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6d6460;
	background: #f2f0db url(/images/home/body-bg.jpg) repeat top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; color: #6d6460; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 22px; color: #f37a18; line-height:28px }
h2 { font-size: 16px; color: #666; }
h3 { font-size: 12px; color: #f37a18; }
h4 { font-size: 12px; color: #666; }
h5 { font-size: 12px; color: #666; }
h6 { font-size: 12px; color: #666; }

a { color: #f37a18; outline:none }
.content a:hover, #bodycontent a:hover { text-decoration: none; background-color: #f37a18; color:#FFF }

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

hr {width: 550px; height: 25px; background:url(../images/home/hr.jpg) top center no-repeat; border:0; outline:none}



/** STRUCTURE **/

div#header {width: 100%; background: url(/images/home/header.jpg) top center no-repeat; margin:0 auto; padding:0}
/* main bg image, oh snap!*/

div.wrapping {width: 958px; margin:0 auto; padding:0; display:block}
	
	/*Top Right Nav*/
	div#utility-nav {width: 223px; height:50px; float:right; padding: 28px 0 0 0;}
	#utility-nav a {color:#f2f0df; font-size:12px; line-height:12px; font-weight:bold; display:block; float:left; 
	width:55px; text-align:center; text-decoration:none;}
		#utility-nav .hours {margin:0 0 0 9px;}
		#utility-nav .email {margin:0 0 0 14px;}
		#utility-nav a:hover {color:#666;}
	
	div#logo {width: 84px; height:139px; float:left; padding:0 0 0 28px; }
	
	/*Orange Overlay*/	
	div#orange-story { width: 100%; height: 317px; background:url(../images/home/orange-bg.jpg) top center no-repeat; 
	text-align:center}
	
	
#content-bg {width: 100%; background:url(../images/home/content-bg.jpg) top center repeat-y; margin-top: 23px; padding:0}

	.content {width: 896px; margin:0 auto;}
	
	#story-img {width: 590px; height: 311px; float:left; margin: 0 0 34px 0}
	
	/*Stories Module*/
	.stories {display: block; width: 592px; height: 312px; overflow: hidden; position: relative; }
		
		.story-item { overflow: hidden !important; }
		.story-item img { margin: 0; padding: 0; }
		div.story-content {margin: -118px 0 0 0; width: 542px; height: 282px; padding: 5px 25px 35px 25px; z-index: 1500; 
		position:relative;background: url(../images/home/story-txt-bg.png) top center no-repeat; color: #FFF}
		
		.story-content h1 {color: #FFF; margin: 20px 0 5px 0; padding: 0 0 0 0; line-height:14px; font-size:20px; 
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }	
		.story-content p {color: #FFF; margin:0; padding:0; line-height:13px }
		.story-content a {color: #FFF; text-decoration:underline}
		.story-content a:hover {color:#FFF; text-decoration:none}
		
		.story-item .image-header {display: block; width: 592px; height: 312px; overflow: hidden !important; z-index: 10;}
		.story-item img { border:none solid #FFF !important; z-index: 999; }
		
		
		#nav-stories {display: block; height: 15px; padding: 5px 10px 0 0; text-align:right; float:right;
		margin: -200px 0 0 0; position:relative; z-index: 800 }
			#nav-stories a { display: block; width: 15px; height:15px; float: left; margin: 5px 5px 0 0;
			text-align: center; text-decoration: none; color:#FFF; font-weight:bold; font-size:11px;  
			background: url(../images/home/slide-inactive.png) top left repeat; clear:left}
			#nav-stories a.activeSlide { background: url(../images/home/slide-active.png) top left repeat; width: 15px; height:15px; 
			color: #FFF; }
			
	/*Events Feed*/	
	#events-feed {width: 283px; float:right; text-align:left}
	#events-feed h2, .btm-columns h2, #footer-content h2 {color:#F37A18; line-height:17px; margin-bottom:12px}

		#events-feed a h3 {text-decoration:none !important; display:inline}
		.vevent a{display:block; margin: 0 0 12px 0;}
		.vevent a:hover, #events-feed a:hover h3 {text-decoration: none; background-color: #f37a18; color:#FFF }

	.tile-divider {width: 894px; height: 26px; background:url(../images/home/tile-divide.jpg) top center no-repeat; clear:both}
	
	/*Bottom 3 Columns*/	
	.btm-columns {width:283px; margin: 30px 0 0 0}
		#btm-left {float:left; margin-right: 19px;}
		#btm-mid {float: left; margin-right: 22px;}
		#btm-right {float:right;}
		
		#btm-right a { display: block; float: left; margin-right: 6px; margin-bottom: 6px;}
		#btm-right .orange-bold-link { display: inline; }
		#photo-feed img {border: 2px solid #F37A18 !important}
		#photo-feed img:hover {background-color:#FFF !important; border: 2px solid #CCC}
			
		.btm-columns ul {margin:0 0 0 22px; padding:0;}
		.btm-columns ul li {list-style-type:none; background:url(../images/home/arrow-orange.jpg) left no-repeat; padding:0 0 0 17px;}
		
		a.btn-join {display:block; width:198px; height: 29px; background:url(../images/home/btn-join.jpg) bottom left no-repeat;
		font-size:16px; text-decoration:none; padding: 2px 0 6px 17px; clear:both; margin: 4px 0 0 20px;}
		a.btn-join:hover {background-color:#FFF; color:#999 !important;} 
		
	#content-btm {width: 100%; height: 40px; background:url(../images/home/content-btm.jpg) top center no-repeat; margin: 0}

/* Footer Area*/
#footer-wrap {width: 100%; height: 200px; background:url(../images/home/footer-bg.jpg) top center repeat-x; padding: 55px 0 0 0}

	#footer-content {width: 896px; margin:0 auto; background:url(../images/home/body-bg.jpg) top left repeat; margin: 0 auto; 
	padding:12px;}
	
	#footer-twitter {width: 286px; height: 145px; background:url(../images/home/twitter-bg.jpg) top left no-repeat; margin:0 18px 0 0;
	float:left}
		#tweets ul{margin:0; padding:0}
		#tweets ul li {margin:20px 10px 10px 10px; padding:0; color:#FFF; list-style-type:none;}
		#tweets ul li a, #tweets a {color:#FFF; font-size:9px; clear:both;  background: none !important}
		a.follow {margin: 0 0 0 10px; color:#FFF; text-decoration:none }
		a.follow:hover {color:#666}
	
	#footer-important {width: 286px; float:left; margin: 12px 21px 0 0}
		#footer-important ul {margin:0; padding:0;}
		#footer-important ul li {list-style-type:none; background:url(../images/home/arrow-orange.jpg) left no-repeat; 
		padding:0 0 0 15px;}
		#footer-important ul li a {line-height: 20px; border-bottom: 1px solid #A7A39D; color:#6d6460; display:block; 
		text-decoration:none}
		#footer-important ul li a:hover {color: #FFF; text-decoration: none; background-color: #f37a18;  }
		
	#footer-social {width: 285px; float:right; margin: 12px 0 0 0}
		#footer-social a:hover {color: #FFF; text-decoration: none; background-color: #f37a18; }
	
	#footer-schipul {margin: 25px auto 3px auto; text-align:center; color:#A7A29C}
	#footer-schipul a {color:#A7A29C; text-decoration:none}
	#footer-schipul a:hover {color:#666; background:none;}



/** TEMPLATE **/

div.template-right {width: 311px; float:right; margin:0; padding: 0 3px 0 0;}

	div#orange-column {background:url(../images/template/orange-bg.jpg) top right repeat-y; min-height: 340px; 
	height: auto !important; height: 340px; padding:20px; width: 271px; color:#FFF}
		div#orange-column-btm {width:311px; height:35px; vertical-align:top; 
		background:url(../images/template/orange-bg-btm.jpg) top right no-repeat}
		
	div#orange-column h1 { font-size: 18px; font-weight: bold; color: #FFF; }
	div#orange-column h2 { font-size: 16px; font-weight: bold; color: #FFF; }
	#orange-column p {color:#FFF}
	#orange-column a {color:#FFF; text-decoration:underline}
	#orange-column a:hover {text-decoration: none; background-color: #f37a18; color:#FFF }

		#orange-column a h3 {text-decoration:none !important; display:inline}
		#orange-column .vevent a{display:block; margin: 0 0 12px 0; color:#FFF; text-decoration:underline}
		#orange-column .vevent a:hover, #events-feed a:hover h3 {text-decoration: none; background-color: #f37a18; color:#FFF }	
		
		#orange-column-list ul {margin:0 0 0 22px; padding:0; color:#FFF}
		#orange-column-list ul li {list-style-type:none; background:url(../images/template/arrow-orange.jpg) left no-repeat; 
		padding:0 0 0 17px;}
		
	
		
		.cal-feed {padding: 10px 0 0 0}
		.cal-feed h3 {text-decoration: none; background-color: #f37a18; color:#FFF; font-size:14px}
		


		a.btn-join-template {display:block; width:198px; height: 29px; background:url(../images/template/btn-join.png) top left no-repeat;	font-size:16px; text-decoration:none !important; padding: 2px 0 0 17px; clear:both; margin: 10px 0 0 20px;}
		a.btn-join-template:hover {color:#333!important;background:url(../images/template/btn-join.png) top left no-repeat !important;}
		
		#orange-column .photos {width: 266px; height:30px; background:url(../images/template/photos.jpg) top left no-repeat; padding-top:100px}

div#template-content {width: 594px; float:left; padding: 20px 0 0 30px; min-height: 340px; 
height: auto !important; height: 340px;}



#template-content-bg {width: 100%; background:url(../images/home/content-bg.jpg) top center repeat-y; margin:0; padding:0}

#content-sponsors ul {display: inline;}
#content-sponsors ul li {display: inline; list-style-type: none;}
#content-sponsors ul li a {float: left; height: 110px;}


/** TENDENCI **/
.titles { font-size: 18px; font-weight: bold; color: #f37a18}
.subtitles {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {}
.currency { font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {font-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; color: #000000; text-decoration: none}
.links { }
.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;}
	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}

input{font-family:"Trebuchet MS", Arial, Helvetica, sans-serifa; font-size:12px; padding: 2px; margin: 2px; color:#6d6460; border: 1px solid #999
}
input:focus {color:#333; background-color:#fff5ed; border: 1px solid #f37a18 }