@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #f7941d url(images/bkg.jpg) repeat-x center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#header {
	width:877px;
	height:225px;
	background:transparent url(images/header-new.jpg) no-repeat;
	display:block;
	margin:0 auto;
	position:relative;
}

#logIn {
	background:url("images/login.png") repeat scroll 0 0 transparent;
	display:block;
	font-size:12px;
	height:72px;
	overflow:hidden;
	padding:13px 0 0;
	position:absolute;
	right:0;
	text-align:right;
	top:99px;
	width:322px;
}

#logIn form {
	margin:0 38px 0 0;
}

.oneColFixCtr #container {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
}
.oneColFixCtr #mainContent {
	padding: 25px 20px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:right;
	overflow:hidden;
	background:transparent url(images/content_bkg.png) repeat;
	width:599px;
	display:block;
	overflow:hidden;
}

#footer {
	text-align:center;
	margin:50px auto 50px;
	width:850px;
	overflow:hidden;
	font-size:12px;
	color:#ffffff;
}

#menu {padding:0; margin:0; list-style:none; height:27px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; top:200px;}
#menu li {float:left; margin:0;}
#menu li a {display:block; float:left; line-height:27px; background:transparent url(images/menu.png) no-repeat; text-indent:-9009px; width:25px; overflow:hidden; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0; cursor:pointer;}

#menu li a#home {width: 115px; background-position: 0 0;}
#menu li a#programs {width: 98px; background-position: -115px 0;}
#menu li a#schedules {width: 96px; background-position: -213px 0;}
#menu li a#registration {width: 120px; background-position: -309px 0;}
#menu li a#news {width: 125px; background-position: -429px 0;}
#menu li a#photos {width: 75px; background-position: -554px 0;}
#menu li a#media {width: 68px; background-position: -629px 0;}
#menu li a#awards {width: 78px; background-position: -697px 0;}
#menu li a#contact {width: 96px; background-position: -775px 0;}

#menu li:hover > a#home {width: 115px; background-position: 0 -27px;}
#menu li:hover > a#programs {width: 98px; background-position: -115px -27px;}
#menu li:hover > a#schedules {width: 96px; background-position: -213px -27px;}
#menu li:hover > a#registration {width: 120px; background-position: -309px -27px;}
#menu li:hover > a#news {width: 125px; background-position: -429px -27px;}
#menu li:hover > a#photos {width: 75px; background-position: -554px -27px;}
#menu li:hover > a#media {width: 68px; background-position: -629px -27px;}
#menu li:hover > a#awards {width: 78px; background-position: -697px -27px;}
#menu li:hover > a#contact {width: 96px; background-position: -775px -27px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background-position:0 -27px;}

#menu li:hover > a {color:#fff; background-position:0 -27px;}


#menu li:hover > a.sub {color:#fff; background-color:#c60;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:27px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:120px; padding:0; text-indent:10px; background: transparent url(images/list_bkg.gif) center center repeat-y; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#c60; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:160px; padding:0; text-indent:10px; background: transparent url(images/list_bkg.gif) center center repeat-y; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

#homeMenu {
	margin:35px auto 0;
	padding:0;
	width:643px;
	height:553px;
	overflow:hidden;
}

#homeMenu ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#homeMenu ul li a {
	background:transparent url(images/home_icons.png) no-repeat 0 0;
	width:142px;
	height:142px;
	display:block;
	text-indent:-9009px;
	overflow:hidden;
	float:left;
	list-style: none;
	padding:0;
	margin:0 108px 20px 0;
}

#homeMenu ul li#home a { }
#homeMenu ul li#registration a { background-position: -250px 0; }
#homeMenu ul li#media a { background-position: -500px 0; margin:0 0 20px 0; }
#homeMenu ul li#programs a {background-position: 0 -162px; }
#homeMenu ul li#news a { background-position: -250px -162px; }
#homeMenu ul li#awards a { background-position: -500px -162px	; margin:0 0 20px 0; }
#homeMenu ul li#schedule a { background-position:0 -325px; }
#homeMenu ul li#photos a { background-position: -250px -325px; }
#homeMenu ul li#contact a { background-position: -500px -325px; margin:0 0 20px 0; }
#homeMenu ul li#twitter a { background-position:0 -490px; height:63px; }
#homeMenu ul li#facebook a { background-position: -250px -490px; height:63px; }
#homeMenu ul li#youtube a { background-position: -500px -490px; margin:0 0; height:63px; }

#sidebarMenu {
	margin:25px auto 0;
	padding:0;
	width:143px;
	overflow:hidden;
	float:left;
	display:block;
}

#sidebarMenu ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#sidebarMenu ul li a {
	background:transparent url(images/home_icons.png) no-repeat 0 0;
	width:142px;
	height:142px;
	display:block;
	text-indent:-9009px;
	overflow:hidden;
	float:left;
	list-style: none;
	padding:0;
	margin:0 0 25px 0;
}

#sidebarMenu ul li#awards a { background-position: -500px -162px }
#sidebarMenu ul li#schedule a { background-position:0 -325px; }
#sidebarMenu ul li#contact a { background-position: -500px -325px; }

h1 { height:65px; background:transparent url(images/content_title.png) no-repeat; text-align:right; color:#002b5c; font-size:18px; font-weight:bold; width:575px; margin:0 auto; padding:15px 0 0 0; }

#contentArea { width: 545px; background:transparent url(images/bottom_right_corner.png) right bottom no-repeat; margin:0 auto; padding:0 0 57px 57px; color:#002b5c; font-size:12px; line-height:15px;}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}