﻿
html
{
    height: 100%;
    background-color: #002e62;
}

body
{
    width: 100%;
    height: 101%;
    text-align: center;
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: 0.03em;
}


strong, em, b, i
{
    font-family: "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

strong
{
    font-weight: bold;
}

em {
font-style:italic;
}


h1, h2, h3, h4, h5, h6, address, input, select, option, textarea
{
    font-family: "Lucida Sans" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

ol, ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}


h1
{
    font-size: 250%;
    font-weight: bold;
    color: #00a3e4;
     text-transform: uppercase;
}

h2
{
    font-size: 182%;
    font-weight: bold;
    color: #00a3e4;
     text-transform: uppercase;
}



p
{
    text-align: left;
    margin-bottom: 10px;
}

#main a, #footer a, #copyright a
{
    color: #fff;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
}

#main a:hover, #copyright a:hover, #footer a:hover
{
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}





#container
{
    width: 950px;
    position: relative;
    margin: 0 auto;
}


#header
{
}


#header img
{
    float: left;
    margin-top: 40px;
    margin-bottom: 30px;
}




#menu
{
    text-align: left;
    clear: both;
    border-bottom: 1px solid #fff;
    width: 100%;
}

#menu ul
{
}

#menu li
{
    list-style-type: none;
    display: inline;
    margin-left: 10px;
    text-align: center;
    font-size: 93%;
    text-transform: uppercase;
}

#menu li a
{
    color: #FFFFFF;
    padding: 4px 15px;
    text-decoration: none;
    display: inline-block;
    background-color: #002e62;
}

#menu ul li a:hover
{
    background-color: #FFFFFF;
    color: #002e62;
}








#main
{
    background: url(../images/bg.gif) repeat-x top;
    padding-top:10px;
}






#footer
{
    background: url(../images/watermark.gif) no-repeat top;
    height: 135px;
    margin-bottom: 20px;
}


#copyright
{
    text-align: center;
    clear: both;
    font-size: 77%;
    margin-bottom: 10px;
}



.address{
font-weight:bold;
padding-left:10px;
}



.clear
{
    clear: both;
}



.title
{
    float: left;
    text-align:left;
    width:500px;
}

.intro
{
    border-left:1px solid #FFFFFF;
    float:right;
    padding-left:10px;
    text-align:left;
    width:400px;
    font-size: 93%;
    padding-top:3px;
    padding-bottom:10px;
}

.content
{
    padding-top: 10px;
    clear: both;
text-align:left;
margin-bottom:5px;
}

.content h2
{
border-bottom:1px solid #00a3e4;
color:#fff;
margin-bottom:20px;
}

.content h3
{
font-size: 131%;
font-weight:bold;
color:#fff;
margin-bottom:5px;
}


.content .plan {
padding:4px;
border:1px solid #fff;
margin-bottom:10px;
float:left;
}

.content .spotlight {
margin-bottom:20px;

}

.content .schedule{

float:right;
width:400px;
}

.content .maptext{

float:right;
width:475px;
}


.units{
float:none !important;
margin-bottom:10px;
}


.content .schedule .link{
background-color:#333;
}




.content .schedule th {
	border: 1px solid #C1DAD7;
    background-color:#333;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 12px;
	font-size: 93%;
}


.content .schedule td {
	border: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 12px;
	color: #6D929B;
	font-size: 93%;
}


.logo {

margin-bottom:10px;
float:left;
}

.news
{
padding:10px;
}

.news .newsdate {
font-weight:bold;
}

.news .newstitle {
font-weight:bold;
font-size: 108%;
}



.news img{
margin-top:4px;
margin-bottom:4px;
padding:8px;
border:1px solid #ccc;
border-bottom:1px solid #bbb;
border-right:1px solid #bbb;
background-color:#fff;

}

.news .left{
float:left;
margin-right: 8px;
}


.news .right{
float:right;
margin-left: 8px;
}