/* CSS Document */
body {
	margin:0;
	padding:0;
	background:#FFF url(sidebar.jpg) no-repeat 0 0;
	}
body, div, p, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}

/* --- HIDDEN ELEMENTS --- */
div#logo h1,
div#logo p,
div#tag h3,
div#tag p,
div#laffoons a span,
div#spotlight a span,
div#menu ul#nav li a span,
hr.tpl {
	display:none;
	}

/* --- LOGO STYLES --- */
div#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:303px;
	height:177px;
	background:url(logo.gif) no-repeat 0 0;
	z-index:3;
	border:1px solid #ccc;
	}
/* --- BUBBLE STYLES --- */
div#bubbles {
	position:absolute;
	top:187px;
	left:52px;
	width:415px;
	height:400px;
	background:url(circles.gif) no-repeat 100% 0;
	z-index:1;
	border:1px solid #ccc;
}
div#laffoons {
	position:absolute;
	top:10px;
	left:118px;
	width:132px;
	height:131px;
	z-index:3;
	border:1px solid #ccc;
	}
div#laffoons a {
	position:absolute;
	top:0;
	left:0;
	width:132px;
	height:131px;
	background:url(spark.gif) no-repeat 0 0;
	}
div#spotlight {
	position:absolute;
	top:104px;
	left:201px;
	width:203px;
	height:203px;
	z-index:2;
	border:1px solid #ccc;
	}
div#spotlight a {
	position:absolute;
	top:0;
	left:0;
	width:203px;
	height:203px;
	background:url(spotlight/default.gif) no-repeat 0 0;
	}
div#quote {
	position:absolute;
	top:225px;
	left:63px;
	width:123px;
	height:106px;
	display:table;
	vertical-align:middle;
	border:1px solid #ccc;
	z-index:2;
	}
div#quote div {
	text-align:center;
	padding:0;
	margin:0;
	font: 11px Arial, Helvetica, sans-serif;
	}
div#quote div span.attr {
	display:block;
	}
div#feature {
	position:absolute;
	top:326px;
	left:0;
	width:74px;
	height:74px;
	background:url(feature.gif) no-repeat 0 0;
	text-align:center;
	border:1px solid #ccc;
	z-index:2;
	}
div#feature a {
	position:relative;
	top:26px;
	left:0;
	width:74px;
	height:31px;
	background:none;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	}
div#feature a:hover {
	color:#FFC;
	}
/* --- TAG STYLES --- */
div#tag {
	position:absolute;
	top:177px;
	left:319px;
	width:443px;
	height:77px;
	background:url(../tag.gif) no-repeat 0 0;
	z-index:2;
	border:1px solid #ccc;
	}

/* --- NAV STYLES --- */
div#menu {
	position:absolute;
	top:68px;
	left:328px;
	height:126px;
width:429px;
	border:1px solid #ccc;
z-index:15;
	}
div#menu ul#nav,
div#menu ul {
	position:relative;
	width:429px;
	padding:0;
	margin:0;
	list-style:none;
	}
div#menu ul#nav li {
	position:absolute;
}
div#menu ul#nav li a {
	position:absolute;
	border:1px solid #ccc;
	font-size:1px;
	padding:0;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
/* -- home link */
div#menu ul#nav li#home,
div#menu ul#nav li#home a {
	top:11px;
	left:0;
	width:59px;
	height:61px;
	}
div#menu ul#nav li#home a {
	top:0;
	background-image:url(../nav_home.gif);
	}
/* -- dates link */
div#menu ul#nav li#dates,
div#menu ul#nav li#dates a {
	top:0;
	left:150px;
	width:70px;
	height:70px;
	}
div#menu ul#nav li#dates a {
	left:0;
	background-image:url(../nav_dates.gif)
	}
/* -- overview link */
div#menu ul#nav li#overview,
div#menu ul#nav li#overview a {
	top:26px;
	left:74px;
	width:55px;
	height:57px;
	}
div#menu ul#nav li#overview a {
	top:0;
	left:0;
	background-image:url(../nav_overview.gif);
	}
/* -- resources link */
div#menu ul#nav li#resources,
div#menu ul#nav li#resources a {
	top:14px;
	left:301px;
	width:59px;
	height:61px;
	}
div#menu ul#nav li#resources a {
	top:0;
	left:0;
	background-image:url(../nav_resources.gif);
	}
/* -- promo link */
div#menu ul#nav li#promo,
div#menu ul#nav li#promo a {
	top:57px;
	left:229px;
	width:68px;
	height:70px;
	}
div#menu ul#nav li#promo a {
	top:0;
	left:0;
	background-image:url(../nav_promo.gif);
	}
/* -- service link */
div#menu ul#nav li#service,
div#menu ul#nav li#service a {
	top:66px;
	left:372px;
	width:57px;
	height:59px;
	}
div#menu ul#nav li#service a {
	top:0;
	left:0;
	background-image:url(../nav_service.gif);
	}
/* pop-outs from main nav (#nav) */
div#menu ul#nav li ul {
	display:none;
	z-index:99;
	}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

div#menu ul#nav li:hover ul, 
div#menu ul#nav li.over ul { 
	display: block;
	position:relative;
	top:45px;
	left:-30px;
	width:140px;
	}
div#menu ul#nav li.hide { 
	display:none;
	}
div#menu ul#nav li ul li {
	padding:0;
	position:relative;
	font-size:11px;
	width:138px;
	background:#FFC;
	border-right:1px solid #F93;
	border-left:1px solid #F93;
	}
div#menu ul#nav li ul li.first,
div#menu ul#nav li ul li.last {
	padding:0;
	position:relative;
	width:140px;
	font-size:0px;
	height:6px;
	border:none;
	}
div#menu ul#nav li ul li.first {
	background:url(../nav_pop-top.gif) no-repeat 50% 0;
	}
div#menu ul#nav li ul li.last {
	background:url(../nav_pop-bottom.gif) no-repeat 50% 100%;
	}
div#menu ul#nav li ul li a {
	position:relative;
	border:0px solid #ccc;
	padding:1px 5px;
	margin:0;
	background:none;
	font-size:11px;
	font-weight:bold;
}
div#menu ul#nav li#home ul li a,
div#menu ul#nav li#dates ul li a,
div#menu ul#nav li#overview ul li a,
div#menu ul#nav li#resources ul li a,
div#menu ul#nav li#promo ul li a,
div#menu ul#nav li#service ul li a {
	display:block;
	width:auto;
	height:auto;
	background:none;
	text-decoration:none;
	color:#5A88C0;
	}
div#menu ul#nav li ul li a:hover,
div#menu ul#nav li#home ul li a:hover,
div#menu ul#nav li#dates ul li a:hover,
div#menu ul#nav li#overview ul li a:hover,
div#menu ul#nav li#resources ul li a:hover,
div#menu ul#nav li#promo ul li a:hover,
div#menu ul#nav li#service ul li a:hover {
	background:#FF9;
	color:#5F1A66;
}

/* --- SUBNAV STYLES --- */
div#subnav {
	position:absolute;
	top:559px;
	left:323px;
	width:420px;
	border:1px solid #ccc;
z-index:10;
	}
div#subnav a {
	color:#5F1A66;
	text-decoration:none;
	}
div#subnav a:hover {
	color:#F93;
	text-decoration:none;
	border-bottom: 1px dotted #F60;
	}
div#subnav ul {
	padding:0;
	margin:0;
	list-style:none;
	}
div#subnav li {
	float:left;
	padding:0 .5em;
	border-right:1px solid #666;
	}
div#subnav li.last {
	border:none;
	}

/* --- HEADER STYLES --- */
div#header {
	position:absolute;
	top:7px;
	left:328px;
	width:429px;
	height:auto;
	z-index:1;
	border:1px solid #ccc;
	}
div#header p {
	padding:0;
	margin:0;
	}

/* --- MAIN/CONTENT STYLES --- */
div#main {
	position:absolute;
	top:291px;
	left:506px;
	width:246px;
	border:1px solid #ccc;
	}
div#content p {
	text-indent:0em;
	margin:0;
	padding-bottom:1em;
	line-height:15px;
	}
div#content b {
	font-size:14px
	}
div#content a {
	color:#00F;
	text-decoration:none;
	background:url(../dink.gif) no-repeat 100% 50%;
	padding-right:1em;
	}
div#content a:hover {
	color:#F93;
	text-decoration:none;
	}
div.fix {
	clear:both;
	font-size:1px;
	}

/* --- FOOTER STYLES --- */
div#footer {
	position:absolute;
	top:572px;
	left:328px;
	width:394px;
	border:1px solid #ccc;
	padding:.7em 0;
	border:1px solid #ccc;
	}
div#footer p {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
/* QUICK VIEW */
div#logo,
div#bubbles,
div#laffoons,
div#spotlight,
div#quote,
div#feature,
div#tag,
div#menu,
div#menu ul#nav li,
div#menu ul#nav li a,
div#subnav,
div#header,
div#header-end,
div#main,
div#footer {
	border:none;
	}

/*--*/