/* home page style 

70% grey - #4b4b4b
50% grey - #808080
40% grey - #9a9a9a
20% grey - #cccccc
blue (text) - #0083ca
grn (text) - #94a86a

*/

/* imports */
@import url("nav.css");

body{
	width:911px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:white;
	color:#000;
	padding:0 20px 0 30px;
	margin:30px auto;
}
html>body{font-size: 10px;}
#leftcol{
	float:left;
	width:210px;
	height:auto;
	padding:0;
	margin:0 auto;
}
#leftcol #logo{
	display:block;
	width:173px;
	height:126px;
	background: transparent url(../../images/logo_new.gif) no-repeat;
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
}
#leftcol #logo span{visibility:hidden;}
#leftcol p.date{padding:0; margin:20px 0; color:#0083ca; font-size:1.4em;}
#leftcol p.desc{padding:0 30px 0 0; margin:0 0 20px 0; color:#4b4b4b; font-size:1.4em; font-family:Times; line-height:1.5em;}
#leftcol div.sponsors{
	width:172px;
	height:84px;
	border:1px solid #ccc;
	padding:5px 0;
	margin:0;
	text-align:center;
	color:#808080;
	font-size:1.2em;
	position:relative;
}
#leftcol div.sponsors #dr1, #leftcol div.sponsors #dr2{
	position:absolute;
	top:20px;
	left:0;
	width:170px;
	height:72px;
	text-align:center;
}
#leftcol p.mpf{padding:20px 0 0 35px; margin:0;}
#mast{
	float:left;
	width:701px;
	height:286px;
	padding:0;
	margin:0 auto;
	position:relative;
	background:#f2f2f2 url(../../images/banners/home/000.jpg) no-repeat;
	z-index:100;
}
#mast h1.slogan{position:absolute; top:130px; left:20px; width:332px; margin:0; padding:0; color:white; font-family:Times; font-size:3.8em; line-height:1em; font-weight:normal;}
#mast div.counter{position:absolute; top:36px; left:554px; width:108px; color:white; font-size:1.1em; line-height:1.4em; text-align:center;}
#mast div.counter span{display:block; float:left; padding:2px 4px; margin:0 1px; background-color:white; color:#808080; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; font-size:4em; line-height:1em;}
#mast div.charwords{position:absolute; top:259px; text-align: center; width:701px; height:20px; padding-top:7px; background-color:#94a86a; color:white; font-size:1.2em; font-weight:bold; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


#mast div.bulletin{position:absolute; top:259px; text-align: center; width:701px; height:20px; padding-top:7px; background-color:#f19d29; color:white; font-size:1.2em; font-weight:bold;}

#main{
	float:left;
	width:701px;
	padding:0;
	margin:20px auto;
}
#main div.cola{
	float:left;
	width:456px;
}
#main div.cola h2{
	display:block;
	width:426px;
	height:20px;
	margin:0 0 3px 0;
	padding:5px 10px 0 20px;
	background:transparent url(../../images/shadebars.png) repeat-x;
	color:#0083ca;
	font-size:1.6em;
	font-weight:normal;
}
#main div.cola h2 span.sspan{display:none;}
#main div.cola h2.over{height:auto; background:#58b7dd url(../../images/shadebg.png) repeat-x; color:white;}
#main div.cola h2 span p{
	font-size:0.7em;
	line-height:1.3em;
	margin:0;
	padding:0 0 10px 0;
}
#main div.cola h2 span p.title{
	font-weight:bold;
	margin-top:10px;
	padding:0;
}
#main div.cola h2 span p a{
	color:white;
}
#main div.cola h2 a.tickets{
	float:right;
	display:block;
	width:82px;
	height:14px;
	text-align: center;
	padding-top:4px;
	font-size:0.56em;
	font-weight:bold;
	background:transparent url(../../images/btn_tickets.png) no-repeat;
	color:white;
	text-decoration:none;
}
#main div.cola h2 div.audio{
	float:right;
	display:block;
	width:25px;
	height:20px;
	text-align: center;
	padding:0;
	margin:-2px 0 0 0;
}
#main div.cola h2 div.audio object{
	display:inline;
}
#main div.colb{
	float:left;
	width:212px;
	margin-left:15px;
	padding:8px;
	border:1px solid #ccc;
	font-size:1.6em;
	color:#9a9a9a;
}
#main div.colb #pgallery{margin-top:4px;}
#main div.colb #pgallery div.pgimgwrap{width:208px; height:146px; overflow:hidden; position:relative;}
#main div.colb #pgallery div img{position:absolute;}
#main div.colb div.controls{width:134px; padding:5px 0 0 78px;}
#main div.colb div.controls a{
	display:block;
	float:left;
	height:10px;
	width:16px;
	font-size:0.5em;
	background:transparent url(../../images/gallery/gcontrols.gif) no-repeat;
	text-decoration:none;
}
#main div.colb div.controls #pgplaybak{width:16px;}
#main div.colb div.controls #pgstop{width:22px; background-position:-16px 0;}
#main div.colb div.controls #pgplayfwd{width:17px; background-position:-38px 0;}
#main div.colb div.controls #pgplaybak:hover, #main div.colb div.controls #pgplaybak.over{background-position:0 -10px;}
#main div.colb div.controls #pgstop:hover, #main div.colb div.controls #pgstop.over{background-position:-16px -10px;}
#main div.colb div.controls #pgplayfwd:hover, #main div.colb div.controls #pgplayfwd.over{background-position:-38px -10px;}

div.clr, br.clr{
	clear:both;
	height:0;
	font-size:0;
}
.hide{visibility:hidden;}
.show{visibility:visible;}