/*------------------------------*/
/* HTML CSS --------------------*/
/*------------------------------*/
body { background: #02343B; }
a:link { color: #832881; }
a:visited {	color: #000000; }
a:hover { color: #89267E; }
strong {
	font-weight: bold;
	color: #892681;
}

.clear { clear: both; height: 0px; line-height: 1px; font-size: 1px;}
/*------------------------------*/

/*------------------------------*/
/* Menu CSS --------------------*/
/*------------------------------*/
     #menu { 
          clear: both; 
          height: 29px; 
          background: url(images/menu.png) top left no-repeat; 
          position: relative; 
          margin: 0; 
          padding: 0; 
     } 

	#menu ul {
		margin: 0px;
	}           
          #menu li { 
               position: absolute; 
               display: block; 
               height: 29px; 
               margin: 0; 
               padding: 0; 
          } 
           
          #menu li a { 
               display: block; 
               height: 29px; 
          } 
           
          #menu li.li1 { left: 0; width: 104px; } 
          #menu li.li2 { left: 104px; width: 136px; } 
          #menu li.li3 { left: 240px; width: 114px; } 
          #menu li.li4 { left: 354px; width: 72px; } 
          #menu li.li5 { left: 426px; width: 116px; } 
          #menu li.li6 { left: 542px; width: 64px; } 
          #menu li.li7 { left: 606px; width: 61px; }
		  #menu li.li8 { left: 667px; width: 101px; }
		  
		  #menu li.li1 a.selected { background: url(images/menu.png) 0px -29px no-repeat; }
		  #menu li.li1 a:hover { background: url(images/menu.png) 0px -58px no-repeat; } 
          #menu li.li2 a.selected { background: url(images/menu.png) -104px -29px no-repeat; }
		  #menu li.li2 a:hover { background: url(images/menu.png) -104px -58px no-repeat; } 
          #menu li.li3 a.selected { background: url(images/menu.png) -240px -29px no-repeat; }
          #menu li.li3 a:hover { background: url(images/menu.png) -240px -58px no-repeat; } 
          #menu li.li4 a.selected { background: url(images/menu.png) -354px -29px no-repeat; }  
          #menu li.li4 a:hover { background: url(images/menu.png) -354px -58px no-repeat; } 
          #menu li.li5 a.selected { background: url(images/menu.png) -426px -29px no-repeat; } 
          #menu li.li5 a:hover { background: url(images/menu.png) -426px -58px no-repeat; } 
          #menu li.li6 a.selected { background: url(images/menu.png) -542px -29px no-repeat; } 
          #menu li.li6 a:hover { background: url(images/menu.png) -542px -58px no-repeat; } 
          #menu li.li7 a.selected { background: url(images/menu.png) -606px -29px no-repeat; }
          #menu li.li7 a:hover { background: url(images/menu.png) -606px -58px no-repeat; } 
          #menu li.li8 a.selected { background: url(images/menu.png) -667px -29px no-repeat; }
		  #menu li.li8 a:hover { background: url(images/menu.png) -667px -58px no-repeat; } 

          #menu li a span { display: none; }

/*#menu {
	background: #89267E url(images/bar-gray.gif) repeat;
	text-align: center;

}
html>body #menu ul {
	text-align:center;
	margin: 0 auto;
}
#menu li {
	float: left;
	list-style: none;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	padding: 5px 17px 5px 12px;
	text-decoration: none;
	background:  url(images/menu_divider.gif) no-repeat right;	
}
#menu a {
	position: relative;
	color: #000000;
}
#menu a:hover {
	position: relative;
	color: #83297D;
}	
*/
/*------------------------------*/

/*------------------------------*/
/* Container -------------------*/
/*------------------------------*/
#container {
	position: relative;
	margin: 0px auto;
	border: 1px solid #CCCCCC;
	width: 768px;
	background-color: #89267E;
}
/*------------------------------*/

/*------------------------------*/
/* Header ----------------------*/
/*------------------------------*/
#header {
	border-bottom: 5px solid #89267E;
	background-color: #FFFFFF;
	text-align:center;
}

#header img {
	border: 0px;
	padding:10px;
}
#top_stripe {
	color: #FFFFFF;
	font: italic bold 16px Verdana;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 1px;
	background: #000000;
	text-align:center;
}

#montage_image {
	background:   url(images/main_image.jpg);
	height: 160px;
}

#tagline {
	text-align: center;
	font: italic bold 14px "Times New Roman", Times, serif;
	color: #FFFFFF;
	letter-spacing: 1px;
	background:#000000;	
}
/*------------------------------*/

/*------------------------------*/
/* Main CSS --------------------*/
/*------------------------------*/
#content_container {
	position: relative;
}
#sub-content {
	width: 265px;
	overflow: hidden;
	margin: 0px 0px 0px 45px;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	list-style-type: square;
	list-style-position: outside;
	padding: 0px 5px 5px;
}
#sub-content strong {
	font-weight: bold;
	color: #89267E;
}
#sub-content li {
	margin-left: 20px;
	margin-right: 10px;
}
#content {
	margin: 10px -1px 10px 0px;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 20px 20px 20px 50px;
	background: #FFFFFF;
}
#content .alt {
	font: italic bold 1.45em "Times New Roman", Times, serif;
	color: #89267E;
	letter-spacing: 1px;
	clear: both;
}	
#footer {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #87267D url(images/bar-gray.gif) no-repeat 0px 5px;
	padding: 51px 0px 1px 5px;
	position: relative;
}
#footer a:link { color: #FFFFFF;}
#footer a:hover { color: #FFFFFF; }
#footer a:visited { color: #FFFFFF; }

.spacer { clear: both; height: 1px; }

.image_left { float: left; clear: left; }
.image_left img { margin-right: 5px; }

.image_right { float: right; clear: right; }
.image_right img { margin-left: 5px; }

/*******************************
Links Page
********************************/
.link {
	clear: both;
	padding: 10px;
}
.link img {
	float: left;
	margin: 0px 10px 10px 0px;
}

/*******************************
Schedule Page
********************************/
#sch_header {
	background-color: #669900;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}
#sch_rows{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #669900;
	font-size: 1em;
	background-color: #CCCCCC;

}
#sch_data{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #000000;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}