/* @group Elements */
body {
font-family: georgia, arial, helvetica, geneva, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 17px;
color: #000;
height: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 0;
}

a, a:visited, a:active {
color: #0d46a7;
text-decoration: underline;
}
a:hover {
color: #c02200;
text-decoration: underline;
}


h1 {
clear:both;
width: auto;
margin: 5px 10px 10px 0px;
padding: 10px 0 3px 0;
color: #000;
font-size: 180%;
text-transform: uppercase;
border-bottom: 1px solid #000;
line-height: 150%;
}

h2 {
color: #828282;
font-size: 120%;
text-transform: uppercase;
font-weight: bold;
}

h3 {
color: #828282;
font-size: 110%;
border-bottom: 1px solid #ccc;
}
.homespecial p {
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333;
}
p, ul, ol, td, .press {
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
color: #333;
}

/* @end */
/* @group Positioning  */
.wrapper {
margin:auto;
text-align:left;
width:960px;
min-width:750px;

}

.main {
position: relative;
top: 0;
left: 0;
}


.toplogo {
width: 960px;
position: relative;
top: 0;
left: 0;
border:  2px solid #000;
border-bottom: none;
}

.topbar{
color: #fff;
padding: 4px 0 4px 0;
font-weight: bold;
text-align: center;
letter-spacing: 6px;
word-spacing: 6px;
z-index: 1;
font-size: 10px;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.address{
position: absolute;
top: 115px;
left: 125px;
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 17px;
z-index: 2;
text-align: left;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}


.address a, .address a:active, .address a:visited {
color: #ffe6d7;
text-decoration: none;
}
.address a:hover{
text-decoration: underline;
}
.content {
/*position: absolute;
top: 202px;
left: 0;*/
float: left;
clear: both;
margin-bottom: 20px;
width: 960px;
border:  2px solid #000;
border-top: none;
padding: 0 0 15px 0;
background: url(../images/mainbgd.gif) no-repeat 100% 100%;
}
.content table {
border: none;
width: 95%;
border-collapse: collapse;

}
.head {
font-weight: bold;
background-color: #ffe1be;
}
.content table td {
border: 1px solid #ccc;
padding: 3px;
font-size: 11px;
}
.content table .white{
background-color: #fff;
border: none;
}
.content table .blue{
background-color: #c0f5ff;
font-weight: bold;
}
.centercontent {
float:  left;
clear:  none;
width: 690px;
margin: 10px;
}
.hours {
position: absolute;
top: 35px;
right: 10px;
z-index:3;
text-align: right;
/* border: 1px solid #ccc;
background-color: #fff2e6; */
padding: 4px;
}
.hours h2 {
font-size: 100%;
margin: 2px 12px 2px 2px;
padding: 2px 0 2px 0;
font-weight: bold;
text-transform: uppercase;
}
.hours ul {
margin: 0;
padding: 0;
font-size: 90%;
}
.hours li {
list-style-type: none;
padding-right: 12px;
background: url(../images/arrow3.gif) no-repeat 100% 4px;
}






.bottom {
clear:both;
white-space: nowrap;
text-align:center;
width: 100%;
margin: 10px 0 10px 0;
padding: 0;
font-size: 80%;

}
.bottom ul {
list-style-type: none;
text-align: center;
}
.bottom li {
margin: 5px 0px 5px 0px;
display: inline;
list-style-type: none;
background-image: none;
padding-left: 0;

}


#mainbox{
float: left;
clear: both;
width: 100%;
margin: 2px 0 10px 0;
padding: 5px;
}
#mainbox.homespecial {
	width: 94%;
	border: 1px dotted #ccc;
padding: 10px;
margin-left: 5px;
background: #fff url(../images/fadebgd.png) repeat-x 0 100%;
}
#mainbox ul {
display: inline-block;
margin: 0;
padding: 5px;

}

#mainbox li{
list-style-type: none;
padding-left:10px;
background: url(../images/arrowb2.gif) no-repeat 0 4px;
margin: 3px auto 3px auto;
}

.homepage {
	
	}
.announce {
font-size: 100%;

}
.bigimage img {
float: left;
clear: right;
margin-right: 10px;
display: block;
}

.classes p {
clear: both;
}
.classes img {
float: left;
clear: both;
border: 1px solid #000;
width: 75px;
height: 75px;
margin: 0 10px 40px 0;
}
#mainbox.schedule {
margin: 2px 0 10px 0;
padding: 0;
background-color: #fff;
}
.schedule {
border: none;
margin: 0 0 0 0;
}
.schedule object{
width: 800px;
}
.schedule table {
text-align: center;
}
.schedule table td {
vertical-align: top;
}
.red {
color: #ce0000;
}
.supersmall {
font-size: 9px;
color: #4b6594;
line-height: 10px;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 1px dotted #cecece;
margin-bottom: 5px;
}
.hide {
display: none;
}
/* @group Left Navigation */

#leftcontent {
/*position: absolute;
left:5px;
top:10px;*/
float: left;
clear: none;
width:198px;
margin: 10px 10px 10px 10px;
font-size: 11px;
color: #000;
text-align: left;
padding: 6px;
background-color: #e2d7dc;
text-transform: uppercase;
white-space: nowrap;
}



#leftcontent ul {
margin: 0px;
padding: 0px;
color: #000;
list-style-type: none;
list-style-image: none;
line-height: normal;
background-color: #fff;
font-family: georgia, arial, helvetica, geneva, sans-serif;
}
#leftcontent ul.bottomleftnav {
margin-top: 10px;
}

#leftcontent li {
margin: 0px 10px 0px 10px;
border-top: 1px dotted #ccc;
background-image: none;
line-height: 15px;
display: block;
padding: 10px 6px 10px 0px;
text-decoration: none;
color: #000;
font-weight: bold;
background-color: #fff;

}

#leftcontent li a, #leftcontent li a:active,  #leftcontent li a:visited {
color: #000000;
text-decoration: none;
padding-left: 12px;
background: url(../images/arrowb2.gif) no-repeat 0 2px;
display: block;
}

#leftcontent li a:hover {
color: #666;
text-decoration: underline;
background: url(../images/arrowb.gif) no-repeat 0 2px;
}
#leftcontent li.firstnav{
border-top: none;
}
#leftcontent div{
width: 167px;
padding: 5px 5px 5px 5px;
margin: 10px 5px 5px 5px;
background-color: #fff;
border: 1px solid #f00;
}
#leftcontent h1, #leftcontent h2 {
white-space: normal;
text-align: center;
line-height: normal;
}
#leftcontent p{
white-space: normal;
text-align: center;
text-transform: none;
}
#leftcontent li.fb a{
padding-left: 25px;
padding-top: 5px;
padding-bottom: 10px;
background: url(../images/facebook-icon-small.gif) no-repeat 0 0px;
}
/* @end */
/* @end */




/* @group Body */


#mainbody {
margin: 10px 0px 20px 0px;
clear: both;
float: left;
width:  100%;
}

#mainbody img{
border: 1px solid #ccc;
padding: 2px;
margin: 0 0 10px 0;
width: 90px;
height: 90px;
}
#mainbody.facilities div{
width: 85px;
}
#mainbody.facilities div img {
width: 75px;
height:75px;

}
#mainbody img.main {
border: 0 none;
padding: 0;
margin: 0;
}

#mainbody a img, #mainbody a:active img, #mainbody a:visited img {
background-color: #000;

}
#mainbody a:hover img {
background-color: #e2d7dc;
opacity: 0.5;
}

#mainbody a, #mainbody a:active, #mainbody a:visited {
text-decoration: none;
color: #9a0000;
}

#mainbody a:hover {
text-decoration: none;
color: #92b0a3;
}

#mainbody div{
width: 110px;
height: 120px;
float: left;
clear: none;
padding: 3px 3px 10px 3px;
margin: 10px 5px 5px 5px;
background-color: transparent;
}

.press {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 15px;
float: left;
}
.news {
width: 94%;
border: 1px dotted #ccc;
padding: 10px;
margin: 0 0 15px 5px;
background: #fff url(../images/fadebgd.png) repeat-x 0 100%;
float: left;
}
.press img.pic, .news img {
float: left;
clear: none;
margin: 0 10px 10px 0;
}

.maillist p center {
text-align: left;
}


/* @end */


/* @group Overlay Styles */
#overlay{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #333;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
overflow-y: hidden;
}

#overlay2 {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #333;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
overflow-y: hidden;
}
.lightbox[id]{
/* IE6 and below Can't See This */    
position:fixed; 
}

#overlay[id]{
/* IE6 and below Can't See This */    
position:fixed;
    
}
#overlay2[id]{
/* IE6 and below Can't See This */    
position:fixed;

}

#lightbox {
color: #333;
display: none;
position: absolute;
padding: 2px 15px 10px 10px;
border: 6px solid #ccc;
text-align: left;
z-index:1001;
overflow: auto;
top: 10%;
background: white url(../images/mainbgd.gif) no-repeat 100% 100%;
opacity: 1;
}

#lightbox2 {
color: #333;
display: none;
position: absolute;
padding: 2px 15px 10px 10px;
border: 6px solid #ccc;
text-align: left;
z-index:1001;
overflow: auto;
top: 10%;
background: white url(../images/mainbgd.gif) no-repeat 100% 100%;
}


.lightbox p {
margin: 20px;
}


.closewin {
float: right;
clear: none;
padding: 0;
margin: 10px 10px 0 0;
}

/* @group Individual Popovers */

.mailing {
height: 280px;
width:500px;
min-width:400px;
left: 28%;
}

.article{
height: 500px;
width:800px;
min-width:600px;
left: 15%;
padding: 2px 30px 30px 10px;
background: white url(../images/mainbgd.gif) no-repeat 95% 100%;
}

/* @end */

/* @end */