/* stylesheet for PLAYgreen Festival */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #a5cd17 url(images/background.jpg) no-repeat top left;
}
#wrapper {
	width: 970px;
	margin: 30px auto 0px auto;
}
#inner {
	float: left;
	width: 970px;
}
#header {
	background: transparent url(images/homeheaderbck.png) no-repeat top left;
	height: 105px;
	position: relative;
	float: left;
	width: 970px;
}
#header h1, #header p {
	position: absolute;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}
#header h1 {
	top: 38px;
	left: 37px;
}
#header h1 a {
	display: block;
	height: 55px;
	width: 424px;
	background: transparent url(images/head-festivallogo.png) no-repeat top left;
	overflow: hidden;
	text-decoration: none;
}
#header .headdate {
	top: 54px;
	left: 497px;
	height: 29px;
	width: 229px;
	background: transparent url(images/head-date.png) no-repeat top left;
}
#header .headrec {
	top: 17px;
	left: 774px;
}
#header .headrec a {
	display: block;
	height: 83px;
	width: 166px;
	background: transparent url(images/head-recsports.png) no-repeat top left;
	overflow: hidden;
	text-decoration: none;
}
#navigation, #splash, #main {
	background-color: #FFF;
	float: left;
	width: 970px;
}
#navigation {
	padding-bottom: 10px;
}
#home #navigation {
	padding-bottom: 5px;
}
#navigation ul {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	width: 950px;
	height: 35px;
	display: inline;
}
#navigation li {
	list-style-type: none;
	float: left;
}
#splash {
	padding-bottom: 10px;
}
#splash img {
	float: left;
}
.splashleft {
	margin-left: 10px;
}
.splashcenter, .splashright {
	margin-left: 6px;
}
#main {
	background: transparent url(images/mainbck.gif) repeat-y top left;
}
#content {
	/* background-color: orange; */
	width: 455px;
	float: left;
	margin-left: 245px;
	padding-bottom: 50px;
}
#content h2 {
	margin: 0px;
	color: #E96D1F;
	font-size: 25px;
	padding: 0px;
	width: 455px;
}
#content p, #content ul {
	margin-top: 5px;
	font-size: .8em;
	line-height: 1.6em;
	color: #696D6E;
}
#content h4 {
	color: #0067b1;
	margin-bottom: 4px;
}
#content h5 {
	font-weight: bold;
	color: #696D6E;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: .85em;
	line-height: 1.5em;
}
#audience #content h5,
#whatwedo #content h5 {
	font-weight: bold;
	color: #696D6E;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: .85em;
	line-height: 1.5em;
}
#sponsor #content strong {
	color: #4F6F19;
}
#content a {
	text-decoration: none;
	color: #0067b1;
}
#content a:hover {
	color: #E96D1F;
}
#subnav {
	width: 215px;
	float: left;
	margin-left: -690px;
	padding-bottom: 20px;
}
#sponsorexhibit {
	margin-bottom: 10px;
	background: #B2DFE6 url(images/program-bottom.gif) no-repeat right bottom;
	padding: 0 0 10px 0;
}
#participate {
	margin-bottom: 10px;
	background: #E1F1B2 url(images/participate-bottom.gif) no-repeat right bottom;
	padding: 0 0 10px 0;
}
#program {
	background: #B2DFE6 url(images/program-bottom.gif) no-repeat right bottom;
	padding: 0 0 10px 0;
}
#participate h3, #program h3, #sponsorexhibit h3 {
	margin-top: 0;
	color: #E96D1F;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 0;
}
#participate h3 {
	background: transparent url(images/participate-top.gif) no-repeat left top;
	padding: 10px 0 0 10px;
}
#participate ul {
	margin: 0;
	padding: 10px 0 0 10px;
	width: 195px;
}
#sponsorexhibit h3, #program h3 {
	background: transparent url(images/program-top.gif) no-repeat left top;
	padding: 10px 0 0 10px;
}
#sponsorexhibit ul, #program ul {
	margin: 0;
	padding: 10px 0 0 10px;
	width: 195px;
}
#sponsorexhibit li, #participate li, #program li {
	list-style-type: none;
}
#sponsorexhibit a, #participate a, #program a {
	text-decoration: none;
	font-size: .9em;
	line-height: 1.6em;
	color: #696D6E;
}
#subnav #program li#sn-guide {
	padding: .2em 0;
}
#subnav #program li#sn-guide a {
	line-height: 1em; 
}
#sponsorexhibit a:hover, #participate a:hover, #program a:hover {
	color: #E96D1F;
}
#sponsor #sn-sponsor a, #sponsor #sn-sponsor a:hover,
#attend #sn-attend a, #attend #sn-attend a:hover,
#volunteer #sn-volunteer a, #volunteer #sn-volunteer a:hover,
#getthere #sn-getthere a, #getthere #sn-getthere a:hover {
	 font-weight: bold;
	 color: #4F6F19;
}
#prosched #sn-prosched a, #prosched #sn-prosched a:hover,
#exdir #sn-exdir a, #exdir #sn-exdir a:hover,
#spdir #sn-spdir a, #spdir #sn-spdir a:hover,
#audience #sn-audience a, #audience #sn-audience a:hover,
#whatwedo #sn-whatwedo a, #whatwedo #sn-whatwedo a:hover,
#exhibitor #sn-exopp a, #exhibitor #sn-exopp a:hover,
#sponsor #sn-spopp a, #sponsor #sn-spopp a:hover,
#video #sn-video a, #video #sn-video a:hover,
#guide #sn-guide a, #guide #sn-guide a:hover {
	 font-weight: bold;
	 color: #0096AB;
}
#sponsors {
	float: right;
	margin-right: 10px;
	width: 240px;
}
#footer {
	background: transparent url(images/footerbck.png) no-repeat left top;
	height: 86px;
	position: relative;
	margin-bottom: 50px;
	float: left;
	width: 970px;
}
#navigation li a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	height: 35px;
	text-indent: -999em;
}
#nav-home a { 
	width: 84px;
	background: transparent url(images/nav-home.png) no-repeat left top;
}
#nav-what a { 
	width: 183px;
	background: transparent url(images/nav-what.png) no-repeat left top;
}
#nav-details a { 
	width: 90px;
	background: transparent url(images/nav-details.png) no-repeat left top;
}
#nav-schedule a { 
	width: 150px;
	background: transparent url(images/nav-schedule.png) no-repeat left top;
}
#nav-blog a { 
	width: 156px;
	background: transparent url(images/nav-blog.png) no-repeat left top;
}
#nav-doing a { 
	width: 167px;
	background: transparent url(images/nav-doing.png) no-repeat left top;
}
#nav-contact a { 
	width: 120px;
	background: transparent url(images/nav-contact.png) no-repeat left top;
}
#nav-home a:hover, #nav-what a:hover, #nav-details a:hover,
#nav-schedule a:hover, #nav-blog a:hover, #nav-doing a:hover,
#nav-contact a:hover {
	background-position: left bottom;
}
#home #nav-home a, #home #nav-home a:hover,
#what #nav-what a, #what #nav-what a:hover,
#details #nav-details a, #details #nav-details a:hover,
#schedule #nav-schedule a, #schedule #nav-schedule a:hover,
#contact #nav-contact a, #contact #nav-contact a:hover {
	background-position: left center;
}
.partnerlist {
	background: #FFF url(images/dot-horiz.gif) repeat-x bottom left;
	margin: 0;
	padding: 0;
	width: 240px;
}
.partnerlist li {
	list-style-type: none;
	width: 240px;
	text-align: center;
	margin: 0;
	padding: 10px 0px 10px 0px;
}
.partnerlist li a {
	display: block;
	width: 240px;
	text-decoration: none;
}
.partnerlist img {
	border: 0;
}
.mainimg {
	float: left;
	padding: 0 10px 10px 0;
}
#getthere .mainimg {
	margin-top: 5px;
}
#getthere #content p {
	margin: 0px 0 0 151px;
	padding-bottom: 6px;
}
#details dl {
	background: #FFF url(images/dot-horiz.gif) repeat-x top left;
	float: left;
	width: 100%;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#details dl dt {
	float: left;
	width: 85px;
	background-color: blue;
	margin: 0;
	padding: 20px 0 0;
	text-align: center;
	color: #4F6F19;
	font-size: 18px;
	background: url(images/details-head.gif) no-repeat center top;
}
#details dl dd {
	float: right;
	width: 360px;
	margin: 0;
	padding: 2px 0 0;
	color: #696D6E;
	font-size: .8em;
	line-height: 1.6em;
}
.video {
	padding-top: 10px;
}
.guide {
	padding-left: 25px;
	padding-top: 10px;
}
.guide img {
	border: 1px solid #666;
}
#content hr {  
	height: 1px;
	border: 0;
	background: #FFF url(images/dot-horiz.gif) repeat-x top left;
	width: 100%;
	margin: 0;
	margin-top: 20px;
	padding-bottom: 15px; }
#schedule #content h5 { 
	font-size: 1.0em;
	color: #E96D1F; 
}
#schedule #content h6 { 
	font-size: .9em;
	color: #E96D1F; 
	margin: 0;
	padding: 0;
}