body {font-family: helvetica,arial,tahoma,verdana,sans-serif; font-size: 90%;	color: #000; background-color:#fff; line-height:150%; margin:20px 0 0 0; padding:0; text-align:center;}
a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }
#container{background:url('../images/bg.gif') repeat-y; width: 90%;margin: 10px auto;background-color: #fff;color: #333;border: 1px solid black;line-height: 130%;}
#top {background: url('../images/splash.jpg') no-repeat left top; height:150px; border: 1px solid black;}
#blackbar {text-transform:uppercase; text-align:center; background:#000000; font-size:1em; color: #fff; font-weight:bold; font-style:italic; padding:0 10px 2px 10px;}
#leftnav {float: left; width: 200px; margin: 0;}
#content {background:url('../images/bg_content.jpg') no-repeat left top; height: auto; height: 100%; min-height:700px; margin-left: 220px; margin-top:0px; text-align: left; padding: 1em; }
#footer {background:url('../images/bg.gif') repeat-y; font-size: 80%; clear: both; margin:0; padding: .5em; color: #fff; background-color: #1a3852;}
#footer a {color: #fff;}
#footer a:hover {color: #ffff00;}

#left_col {float:left; width:49%;}
#right_col {float:right; width:49%; text-align:right;}

.gbox {text-align:left; border:solid 1px #a5acaf; font-size:80%; color: #000000; background:#f0f0f0; padding:15px 15px 15px 15px;}
/* FAQ STYLES *****************************************************/

#faqbox {text-transform:uppercase; text-align:left; border:solid 1px #000000; font-size:85%; color: #000000; font-weight:bold; background:#ffffff; padding:3px 10px 3px 10px;}

h2 {font-weight:bold; font-size:1.4em; color:#336699; margin:0 0 10px 0;}
h3 {text-transform: uppercase; font-weight:bold; font-size:1.1em; color:#a00000; padding-bottom:0; margin:0;}
h4 {font-weight:bold; font-size:1.3em; color:#336699; padding:0; margin:0;}

/* GALLERY STYLES *****************************************/

.imagelist {width:100%; height:200px; text-align:center; list-style-type:none;}
.imagelist li {float: left;text-align: center; width:100px; padding:10px;}
.imagelist img {border: 1px solid #cc0000;}

/* BLOG STYLES *****************************************/

#bookmark {text-align:right; font-size:.85em;} 
#blogtag {text-align:left; padding:1.5em; border:solid 1px #000000; background:#dbdbdb; margin-bottom:20px; }
.blogbox {text-align:center; border:solid 1px #a5acaf; background:#dbdbdb; font-size:95%; color: #979797; font-weight:bold;}
.blogtopbox {text-align:left; border:solid 1px #a5acaf; padding: 10px 10px 10px 10px; background:#dbdbdb; font-size:95%; color: #979797; font-weight:bold; margin-bottom: 1em;}

/* MENU STYLES *****************************************/
 
.menu {height:150px; font-size:75%; text-align:left; margin:25px 0 50px 15px; /* this page only */}
 
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {position:relative; display:block;padding:0;margin:0;list-style-type:none; width:180px; list-style-position: outside;}
 
/* style the list items */
.menu li {
height:auto;
width: 172px;
line-height: 13px;
padding: 5px 0 5px 5px;
background: url(../images/bg_menu.gif);
 /* for IE7 */ 
 float:left;
 
 }
 /* 
.menu li.sub {background: url(../images/sub.gif) no-repeat right center;} 
*/
 
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
 
/* style the links */
.menu a, .menu a:visited {
text-decoration:none;
width:180px;
color:#fff;
text-indent:5px;
}
 
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:180px; w\idth:179px;}
 
/* style the link hover */
* html .menu a:hover {color:#efa; position:relative;}
.menu li:hover {position:relative; background:#24a5cf;}
 
 
 
/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#efa; background:#24a5cf;}
 
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#efa; background:#24a5cf;}
 
 /* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {list-style-position: outside;visibility:hidden;position:absolute;top:-30px;/* set up the overlap (minus the overrun) */left:145px;/* set up the overrun area */ padding:30px; /* this is for IE to make it interpret the overrrun padding */background:transparent url(../images/transparent.gif);}
 
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}
 
/* for IE5.5 and IE6 you need to style each level hover */
 
/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
 
/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

      
/* CALENDAR STYLES *****************************************/

table.grid {width: 100%; border-collapse: collapse; border-spacing:0; border-color: #000000; border-width: 2px; border-style: solid;}
table.grid th {width: 14%; text-transform: uppercase; text-align: center; background:url('../images/bg_menu.gif'); repeat-y right; padding:0px; font-size: 1em; font-weight: bold; color: #ffffff; border-color: #7E9DB9; border-width: 1px; border-style: solid; padding: 4px;}
table.grid td {height:80px; font-size: 1.2em; font-weight: bold; color: #336699; border-color: #7E9DB9; border-width: 1px; border-style: solid; padding: 4px; }
table.grid td active {background:#EEECCC;}
table.grid td a {font-size: .65em; font-weight: normal; color: #336699;}
table.grid td a:hover {color: #a00000;}

table.calhead {width: 100%; border-collapse: collapse; border-spacing:0; border-color: #000000; border-width: 1px; border-style: solid;}
table.calhead th {width: 33%; background: #eeeccc; width: 33%; font-size: 1.2em; font-weight: bold; color: #336699; padding: 4px;}

/* FAQ STYLES ***********************************************/
table.faq {border-collapse: collapse; border-spacing:0; background:#ffffff; border-color: #000000; border-width: 1px; border-style: solid;}
table.faq th {text-transform: uppercase; text-align: center; background:#336699; padding:4px; font-size: 10px; font-weight: bold; color: #ffffff; border-color: #7E9DB9; border-width: 1px; border-style: solid; padding: 4px;}
table.faq td {font-size: 90%; font-weight: normal; color: #000000; border-color: #7E9DB9; border-width: 1px; border-style: solid; padding: 4px; }
table.faq td a {font-size: 80%; font-weight: bold;}