/*   
---------
Normalize 
--------- 
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
caption, th {text-align:left;}
q:before, q:after {content:'';}


/*   
---------
Body 
--------- 
*/


.clear {clear:both; height:0px;}

/*-------ALL PAGES-----------*/

html, body { height: 100%;} 

body {
	text-align:center;
	background: #4E5FAB;
	color:#000;
	}
	
div#wrapper {
	position:relative;
	margin: 0 auto;
	width: 960px;
	height:auto;
	text-align:left;	
}


div#header {
	width:960px;	
}

	div#header h1 {
		height:156px;
		width:960px;
		display:block;
		text-indent:-9999px;
		background:url(i/header.gif) top left no-repeat;
	}

/* Globale Navigation */

div#navigation {
	position:relative;
	height:52px;
	width:960px;
}

	div#navigation ul#gl_nav {
		height:52px;
		width:960px;
		position:absolute;
		top:0;
		left:0;
	}
	
	div#navigation ul#gl_nav li {
		float:left;
		height:52px;
		overflow:hidden;
	}
	
	div#navigation ul#gl_nav li a {
		display:block;
		height:52px;
		text-indent:-99999px;
		overflow:hidden;
		background-position:center top;
	}

		
			#nav_home { 
				width: 233px; 
				background: transparent url(i/navs/home.gif) top left no-repeat; 
			}      
			
			#nav_events { 
				width: 163px; 
				background: transparent url(i/navs/events.gif) top left no-repeat; 
				}
			#nav_about { 	
				width: 165px; 
				background: transparent url(i/navs/about.gif) top left no-repeat; 
				} 
			#nav_get-involved { 
				width: 163px; 
				background: transparent url(i/navs/get-involved.gif) top left no-repeat; 
				}
			#nav_resources { 
				width: 236px; 
				background: transparent url(i/navs/resources.gif) top left no-repeat; 
				}
			

		div#navigation ul#gl_nav li a:hover {
			background-position: 0 -52px;
			}
			
		div#navigation ul#gl_nav li a.crnt, div#navigation ul#gl_nav li a.crnt:hover {
			background-position: 0 -104px;
			}


div#content {
	margin: 0 70px;
	background:#fff;
	position:relative;
}


.main {
	width:492px;
}

	.main .body-text {
		margin: 20px;
	}
	
	.main .body-text h2 {
		font-size:146%;
		margin:30px 0 .6em 0;
		font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	}
	
	
.side {
	width:328px;
}

	.side .links {
		margin:20px 20px 20px 0;
		border: 2px dotted #ffdc5c;  /* yellow */
	}
	
	.side .links p { 
		margin: 0 20px; 
		text-align:left;
		font-size:90%;
	}
	.side .links h2 { 
		margin: 10px 20px 4px; 
		font-size:114%;
		font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		}
		
	.side .links ol { 
		margin: 10px 20px; 
		}
		
	.side .copy {
		margin:20px;
	}
	
	.side .copy p {
		text-align:left;
	}
	
.hosts {
	width:328px;
}

	.hosts .body-text {
		margin: 20px;
	}
	
	.hosts .body-text h2 {
		font-size:146%;
		margin:30px 0 .6em 0;
		font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	}	
		

/* Footer */

div#footer {
	background:url(i/footer.gif) top left no-repeat;
	height:128px;
	width:960px;
	clear:both;
	position:relative;
}

div#foot-links {
	display:block;
	position:relative;
	top:28px;
	left:70px;
	height:31px;
	width:300px;
}

	div#foot-links ul li a {
		color:black;
		display:block;
		position:absolute;
		width:100px;
		height:31px;
		border:none;
		text-indent:-99999px;
                background:url(i/spacer.gif) top left no-repeat; 
	}


		/* Clear Footer Link Boxes */
 
		div#foot-links ul li a#tickets {top:0; left:0px;}
		div#foot-links ul li a#press-kit {top:0; left:100px;}
		div#foot-links ul li a#contact {top:0;left:200px;}
		div#foot-links ul li a#sids-home {top:50px;left:700px;}
		div#foot-links ul li a#pampers {top:50px;left:580px;}



/* Page Specific */

		/* HOME */

		div#home-events-slide {
			height:226px;
			width:492px;
			background:url(i/events-rotation.gif) top left no-repeat;
			text-indent:-9999px;
		}

		.events-links {
			width:308px;
		}

		.events-links ul li a {
			text-indent:-99999px;
			height:60px;
			width:308px;
			display:block;
			border:none;
		}

		a#golf { background:url(i/events/golf.gif) top left no-repeat;}
		a#homearama {background:url(i/events/homearama.gif) top left no-repeat;}
		a#fathers-day {background:url(i/events/fathers-day.gif) top left no-repeat;}

		a#tix-btn {
			background:url(i/tix-btn.gif) top left no-repeat;
			height:40px;
			width:184px;
			text-indent:-9999px;
			display:block;	
			border:none;
		}

		/* EVENTS */

		.events-list ol li {
			margin:0 0 20px 0;
		}
		
		a#next-btn {
			background:url(i/btn_next.gif) top left no-repeat;
			height:30px;
			width:75px;
			text-indent:-9999px;
			margin: 0px 0px 0px 20px;
			display:block;	
			border:none;
			float: left;
		}
		
		a#back-btn {
			background:url(i/btn_back.gif) top left no-repeat;
			height:30px;
			width:75px;
			text-indent:-9999px;
			margin: 0px 20px 0px 0px;
			display:block;	
			border:none;
			float: left;
		}		

		/* Events Calendar Section Title */

		.events-list h3 {  
			color:#da8d35; /* orange */
			font-size:146%;
			border-bottom:1px solid #4e60ab; /* blue */
			border-top:1px solid #4e60ab; /* blue */
			margin:20px 0 ;
			}


		 /* Event Date */

		.events-list ol li h4 {
			font-size:112%;
			font-weight:bold;
			border-bottom:1px solid #ffdc5c;
			margin-bottom:.2em;
		}


		/* Event Title */

		.events-list h5 {  
			font-size:124%;
			font-weight:bold;
			color: #AFBC21;  /* green */
			margin-bottom:.2em;
			font-style:italic;
			}

		/* Event Description */

		.events-list p {
			font-style:italic;
			text-align:left;
		}


		/* ABOUT  */


		.signatures  {
			display:block;
			padding: 1em;
		}


		/* TICKETS */
		
		a#pur-btn {
			background:url(i/shop_purchase.gif) top left no-repeat;
			height:28px;
			width:75px;
			text-indent:-9999px;
			margin: 20px 0px 0px 0px;
			display:inline;	
			border:none;
			float:left;
		}
		a#browse-btn {
			background:url(i/shop_browse.gif) top left no-repeat;
			height:30px;
			width:75px;
			text-indent:-9999px;
			margin: 0px 0px 0px 0px;
			display:block;	
			border:none;
			float: left;
		}
		a#checkout-btn {
			background:url(i/shop_checkout.gif) top left no-repeat;
			height:30px;
			width:75px;
			text-indent:-9999px;
			margin: 0px 0px 0px 30px;
			display:block;	
			border:none;
			float: left;
		}
		a#correct-btn {
			background:url(i/shop_correct.gif) top left no-repeat;
			height:30px;
			width:75px;
			text-indent:-9999px;
			margin: 16px 30px 0px 0px;
			display:block;	
			border:none;
			float: left;
		}		
		a#browse-btn2 {
			background:url(i/shop_browse.gif) top left no-repeat;
			height:30px;
			width:75px;
			text-indent:-9999px;
			margin: 0px 0px 10px 188px;
			display:block;	
			border:none;
		}		




/* TYPOGRAPHY */


body {
	font: 72%/1.5 Arial, Verdana, sans-serif;
	color: #4e60ab;
}


p { 
	font-size:100%;
	line-height:150%;
	margin: 0 0 .75em 0;
	text-align: justify;
	color: #4e60ab;
	}


ul {
	line-height: 150%;
	font-size: 1em;
}

	
a:link, a:visited {
	color: #da8d35; /* orange */
	text-decoration: none; 
	font-size: 1em; 
	font-weight: 100;
	border-bottom:1px solid #4e60ab;
	}
	
a:hover {
	color: #919817;  /* green */
	text-decoration: none; 
	font-size: 1em;
	font-weight: 100;
	border-bottom:1px solid #4e60ab; /* blue */
	}
a:active {
	color: #da8d35; /* orange */
	text-decoration: none; 
	font-size: 1em;
	font-weight: 100;
	border-bottom:1px solid #4e60ab;
	}
	
a.btn:link, a.btn:visited {
	color: #da8d35; /* orange */
	text-decoration: none; 
	font-size: 1em; 
	font-weight: 100;
	}
	
a.btn:hover {
	color: #919817;  /* green */
	text-decoration: none; 
	font-size: 1em;
	font-weight: 100;
	}
a.btn:active {
	color: #da8d35; /* orange */
	text-decoration: none; 
	font-size: 1em;
	font-weight: 100;	
	}