/* CSS Document */

html {
margin: 0 auto;
padding: 0 auto;
}
body {
margin: 0 auto;
padding: 0 auto;
font-size: 62.5%;
}
#container {
width: 940px;
margin: 0 auto;
padding: 0 auto;
/*background: #fff url(images/grid.gif) repeat-y left top;*/
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
a {
color: #003366;
text-decoration: none;
}
a:hover {
color: #003366;
text-decoration: underline;
}
/*-----------------------------------------------ACTIVE PAGES */
body#calendarpage .nav ul li.calendar a, 
body#aboutpage .nav ul li.about a {
color: #003366;
text-decoration: none;
}
/*-----------------------------------------------HEADER */
#header {
margin: 0;
padding: 0;
}
.unav {
margin: 10px 0 0 0;
padding: 0 30px 0 0;
font: normal 10px helvetica, arial, verdana, sans-serif;
text-align: right;
}
.unav ul {
margin: 5px 0 0 0;
padding: 0;
}
.unav ul li {
display: inline;
list-style-type: none;
margin: 0 7px 0 0;
padding: 0 0 0 7px;
border-left: 1px solid #ccc;
}
.unav ul li.first {
border-left: none;
padding: 0 0 0 0;
}
.logo {
float: left;
margin: 0 20px 0 0px;
padding: 0 0 0 45px;
width: 255px;
}
.logo img {
border: none;
}
.nav {
float: left;
margin: 0 0 0 250px;
padding: 55px 0 0 0px;
width: 340px;
}
.nav a {
color: #555;
text-decoration: none;
}
.nav a:hover {
color: #003366;
text-decoration: underline;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
display: block;
float: left;
background: #fff;
list-style-type: none;
padding: 3px 0 3px 10px;
font: bold 1.1em helvetica, arial, verdana, sans-serif;
text-transform: uppercase;
color: #ccc;
background: #fff url(images/vline.gif) repeat-y left top;
}
.nav ul li.about {
width: 150px;
margin: 0 25px 0 0;

}
.nav ul li.calendar {
width: 140px;
margin: 0 0px 0 0;

}

/*-----------------------------------------------HOME */
#hphoto {
margin: 25px 0 0 0;
padding: 0;
}
#hcontent {
margin: 25px 0 0 0;
padding: 0;
}
#hcontent h1 {
font: normal 1.9em times new roman, georgia, serif;
line-height: 1.3;
margin: 0;
padding: 0;
}
#hcontent h2 {
font: normal 1.2em georgia, times new roman, serif;
line-height: 1.5;
margin: 5px 0 10px 0;
padding: 0;
color: #333;
}
#hcontent p {
font: bold 1.1em helvetica, arial, verdana, sans-serif;
line-height: 1.5;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.hleft{
float: left;
margin: 0 0px 0 0;
padding: 20px 25px 25px 35px;
width: 340px;
height: 200px;
background: #fff url(images/pattern.gif) repeat left top;
color: #aa2200;
}
.hright {
float: left;
margin: 0 0 10px 40px;
padding: 0px;
width: 500px;
border-bottom: 1px dotted #ccc;
}
.htitle {
border-bottom: 1px dotted #ccc;
margin: 10px 0 0 0;
padding: 0 0 10px 10px;
}
.htitle p {
color: #666;
}
.hgrid {
float: left;
margin: 10px 5px 10px 10px;
padding: 0px;
width: 160px;
}
.hgrid2 {
float: left;
margin: 10px 5px 10px 0px;
padding: 0px;
width: 175px;
}
.hgrid3 {
float: left;
margin: 10px 0px 10px 0px;
padding: 0px;
width: 145px;
}
.city {
color: #999;
font: italic 1.1em georgia, times new roman, serif;
}
.rightlink {
margin-left: 210px;
}
/*-----------------------------------------------SLIDES */
#s7 {
margin: 15px 0 0 0;
padding: 0;
width: 940px;
height: 275px;
}
#s7 .photo { 
width: 940px; 
height: 275px; 
padding: 0px; 
color: #333; 
text-align: left; 
font-size: 16px; 
overflow: hidden; 
top: 0; 
left: 0;
float: left;
display: block;
}
#s7 .photo img {
border: none;
z-index: -100;
}
#s7 .photo span {
z-index: 100;
margin: 0;
padding: 0;
width: 400px;
position: absolute;
background: transparent;
top: 120px;
left: 30px;
}
#s7 .photo span p.big {
font: normal 1.9em georgia, times new roman, serif;
line-height: 1.2;
margin: 0 0 0px 0;
padding: 4px 0 10px 0;
color: #fff;
}
#s7 .photo span p.small a {
font: bold 0.7em helvetica, arial, verdana, sans-serif;
text-transform: uppercase;
margin: 0px 0 0px 0;
padding: 2px 3px;
color: #003366;
background: #ffcc33;
}
#s7 .photo span p.small a:hover {
text-decoration: none;
}
/*-----------------------------------------------PAGES */
#content {
margin: 40px 0 0 0;
padding: 0;
}
#content h1 {
font: normal 3.2em georgia, times new roman, serif;
line-height: 1.5;
margin: 0 0 5px 0;
padding: 0;
color: #333;
}
#content h2 {
font: normal 2.0em georgia, times new roman, serif;
line-height: 1.4;
margin: 0 0 15px 0;
padding: 0;
color: #333;
}
#content p {
font: normal 1.2em helvetica, arial, verdana, sans-serif;
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0;
color: #333;
}
.left {
float: left;
margin: 30px 20px 0 0;
padding: 0;
width: 300px;
}
.contactbox {
width: 268px;
margin: 0px 0 30px 10px;
padding: 0;
border: 1px dotted #ccc;
float: left;
}
.contactbox2 {
width: 260px;
margin: 0px 0 30px 10px;
padding: 0;
border: 1px dotted #ccc;
float: left;
}
.contactimg {
float: right;
margin: 0px 0 0 0;
padding: 0;
width: 59px;
}
.contactname {
float: left;
margin: 0;
padding: 15px 0 0 15px;
width: 170px;
}
#content .contactbox p, 
#content .contactbox2 p {
font: bold 1.2em helvetica, arial, verdana, sans-serif;
margin: 3px 0 0 0;
padding: 0;
text-transform: uppercase;
color: #777;
text-align: left;
}
#content .contactbox p.name, 
#content .contactbox2 p.name {
font: bold 1.2em helvetica, arial, verdana, sans-serif;
margin: 7px 0 0 0;
padding: 0;
text-transform: none;
line-height: 1.5;
color: #777;
}
.right {
float: left;
margin: 0;
padding: 0 30px 0 5px;
width: 570px;
}
.case {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px dotted #ccc;
}
#content p.subtitle {
font: bold 1.1em helvetica, arial, verdana, sans-serif;
margin: 0 0 2px 0;
padding: 0;
text-transform: uppercase;
color: #ccc;
}
#content p.push {
text-transform: uppercase;
margin: 0px 0 0px 0;
padding: 0;
font: bold 1.1em helvetica, arial, verdana, sans-serif;
}
#content p.push a {
background: #003366;
color: #ffcc00;
padding: 2px 3px;
}
#content p.push a:hover {
background: #003366;
color: #ffcc00;
padding: 2px 3px;
text-decoration: none;
}
.botlink {
float: left;
margin: 20px 0 0px 0;
padding: 0;
width: 300px;
}
.back {
float: left;
margin: 20px 0 0px 0;
padding: 0;
width: 270px;
}
#content p.top {
text-transform: uppercase;
margin: 0px 0 0px 0;
padding: 0;
font: normal 1.0em helvetica, arial, verdana, sans-serif;
text-align: right;
}
.ccol {
float: left;
margin: 20px 20px 0 0;
padding: 0;
width: 260px;
}
#content .ccol h2 {
font: normal 1.6em georgia, times new roman, serif;
line-height: 1.4;
margin: 0 0 15px 0;
padding: 0;
color: #333;
}
#content h3 {
font: bold 1.6em georgia, times new roman, serif;
line-height: 1.4;
margin: 0 0 10px 0;
padding: 0;
color: #333;
}
.caldate {
float: left;
width: 90px;
margin: 5px 10px 0 0;
padding: 0;
}
#content .caldate p {
font: normal 1.2em helvetica, arial, verdana, sans-serif;
line-height: 1.5;
margin: 0 0 5px 0;
padding: 0;
color: #333;
}
.calloc {
float: left;
width: 450px;
margin: 5px 0 0 0;
padding: 0;
}
#content .calloc p {
font: normal 1.2em helvetica, arial, verdana, sans-serif;
line-height: 1.5;
margin: 0 0 5px 0;
padding: 0;
color: #333;
}
.city2 {
color: #999;
font-style: italic;
margin-left: 5px;
}
.msg {
color: #666;
font-style: italic;
margin-left: 10px;
font-size: 80%;
font-weight: normal;
}

/*-----------------------------------------------FOOTER */
#footer {
margin: 50px 0 30px 0;
padding: 10px 0 0 0;
font: normal 1.0em helvetica, arial, verdana, sans-serif;
border-top: 1px dotted #ccc;
}
#footer p {
font: normal 1.0em helvetica, arial, verdana, sans-serif;
margin: 0;
padding: 0;
}
.fleft {
float: left;
margin: 0 40px 0 0;
padding: 5px 0 0 25px;
width: 375px;
}
.fright {
float: left;
margin: 0;
padding: 0 0 0 10px;
width: 490px;
}
.fright ul {
margin: 5px 0 0 0;
padding: 0;
}
.fright ul li {
display: inline;
list-style-type: none;
margin: 0 7px 0 0;
padding: 0 0 0 7px;
border-left: 1px solid #ccc;
}
.fright ul li.first {
border-left: none;
padding: 0 0 0 0;
}
.x {
border: none;
float: left;
margin: 0 3px 0 0;
padding: 0;
}