body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #00087b url(/_images/bg/bg.jpg) top center repeat-y;
    text-align: center;
}
p, div, li, h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    line-height: 18px;
}
h1, h2, h3 {
	font-family: "Arial";
	font-size: 20px;
	font-weight: normal;
}
p {
	margin-bottom: 15px;
}
			
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #FFF;
    text-decoration: underline;
}
a:hover, a:active {
    color: #CCC;
    text-decoration: underline;
}
li {
    list-style: none;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* STRUCTURE
************************/
#wrapper, #top, #banner, #menu, #content-wrapper, #content-footer, #page-footer {
	width: 766px;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	background: url(/_images/bg/content.jpg) 0 0 repeat-y;
}

#top {
	height: 77px;
	background: url(/_images/bg/top.jpg) 0 0 no-repeat;
}
	#top img {
		margin-left: 76px;
		margin-top: 30px;
	}

	/* MENU ------------------------------ */

		/* SPRITE NAVIGATION */ 
		#menu {
			background: url(/_images/menu.jpg) 0 0 no-repeat;
			height: 55px;		/* Height of buttons */
		}
		#menu span {
			display: none;
		}
		#menu li, #menu a {
			height: 55px;		/* Each button must have the same height, define it here */ display: block;
		}
		#menu li {
			float: left;
			list-style: none;
			_display: inline;		/* fixes IE/Win double margin float bug (safe) */
		}

		/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
		/* width - width of each button, they will each most likely be unique */ 
		#menu-01 	{ width: 34px; margin-left: 76px; }
		#menu-02 	{ width: 54px; margin-left: 15px; }
		#menu-03 	{ width: 60px; margin-left: 16px; }
		#menu-04 	{ width: 77px; margin-left: 14px; }
		#menu-05 	{ width: 118px; margin-left: 16px; }
		#menu-06 	{ width: 40px; margin-left: 16px; }
		#menu-07 	{ width: 80px; margin-left: 15px; }
		#menu-08 	{ width: 46px; margin-left: 15px; }

		/* Changed values should match sum of "width" numbers specified above */ 
		#menu-01 a:hover 	{ background: transparent url(/_images/menu.jpg) -76px -55px no-repeat; }
		#menu-02 a:hover 	{ background: transparent url(/_images/menu.jpg) -125px -55px no-repeat; }
		#menu-03 a:hover 	{ background: transparent url(/_images/menu.jpg) -195px -55px no-repeat; }
		#menu-04 a:hover 	{ background: transparent url(/_images/menu.jpg) -269px -55px no-repeat; }
		#menu-05 a:hover 	{ background: transparent url(/_images/menu.jpg) -362px -55px no-repeat; }
		#menu-06 a:hover 	{ background: transparent url(/_images/menu.jpg) -496px -55px no-repeat; }
		#menu-07 a:hover 	{ background: transparent url(/_images/menu.jpg) -551px -55px no-repeat; }
		#menu-08 a:hover 	{ background: transparent url(/_images/menu.jpg) -646px -55px no-repeat; }
	
	/* Banner images **********/
	#home #banner {
		height: 204px;
		background: url(/_images/banner/home.jpg) 0 0 no-repeat;
	}
	
/* Content *************/
#content-wrapper {
	background: url(/_images/bg/content-wrapper.jpg) 0 0 no-repeat;
}
	#youth #content {
		background: url(/_images/banner/youth.jpg) top right no-repeat;
	}
	#excellence #content {
		background: url(/_images/banner/excellence.jpg) top right no-repeat;
	}
	#content {
		margin-left: 75px;
		margin-right: 75px;
	}	
		#content h2 {
			font-size: 14px;
			color: #999fd0;
			margin-bottom: 10px;
		}
		#content h3 {
			font-size: 14px;
			margin-bottom: 10px;
		}
		#content table, #content ul, #content dl {
			margin-bottom: 20px;
		}
		#content th {
			background: #53589f;
		}
		#content td {
			border-bottom: 1px solid #53589f;
		}
		#content li {
			background: url(/_images/arrow.gif) 0 4px no-repeat;
			padding-left: 8px;
		}
		
	.sub #content {
		padding-top: 60px;
	}
		.sub #content h1 {
			font-size: 40px;
			margin-bottom: 75px;
		}
		.sub #content h2 {
			font-size: 24px;
			border-bottom: 1px solid #53589f;
		}
	
	.photo {
		width: 140px;
		float: left;
		margin-right: 10px;
		margin-bottom: 15px;
	}
		.photo img {
			width: 140px;
		}

	#rec {
		width: 275px;
		float: left;
	}
	
	#competitive {
		width: 275px;
		float: right;
	}
	
	#content-footer {
		clear: both;
		height: 79px;
		background: url(/_images/bg/content-footer.jpg) 0 0 no-repeat;
	}
	
	#contact-form {
		float: right;
		width: 300px;
	}
	label { 
		display: block; 
		margin-bottom: 7px;
	}
	label span {
		font-size: 10px;
		color: #CCC;
	}
	input, select, textarea {
		color: #000;
	}

/* Bottom *************/
#bottom-wrapper1 {
	background: url(/_images/bg/bottom.jpg) 0 0 repeat-y;
}
#bottom-wrapper2 {
	background: url(/_images/bg/bottom1.jpg) 0 0 no-repeat;
}
#bottom-wrapper3 {
	background: url(/_images/bg/bottom2.jpg) top right no-repeat;
}

#bottom-content {
	width: 300px;
	margin-left: 190px;
	height: 320px;
}
	#bottom-content h1 {
		color: #c60000;
		margin-bottom: 15px;
	}
	#bottom-content h2, #bottom-content p, #bottom-content li {
		color: #000;
	}
	#bottom-content h2 {
		font-size: 14px;
	}
	#bottom-content li {
		background: url(/_images/bottom-arrow.gif) 0 4px no-repeat;
		padding-left: 8px;
	}
	#bottom-content img {
		float: right;
	}
#bottom-footer {
	height: 96px;
	background: url(/_images/bg/bottom-footer.jpg) 0 0 no-repeat;
	text-align: center;
}
	#bottom-footer img {
		vertical-align: middle;
		margin: 0 10px;
	}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #content h1, #bottom-content h1 {
	visibility: hidden;
	line-height: 26px;
}
.sIFR-hasFlash .sub #content h1 {
	visibility: hidden;
	line-height: 40px;
}
	.sIFR-hasFlash .sub #content h2 {
		visibility: hidden;
		letter-spacing: -5px;
		line-height: 24px;
	}
.sIFR-hasFlash #content h2 {
	visibility: hidden;
	line-height: 20px;
}

/* ----------------------------------- */
/* Thickbox
/* ----------------------------------- */
#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
	color: #000;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
	color: #000;
}
#TB_closeWindowButton {
	color: #000;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}