@charset "utf-8";

/************************/
/***** GENERAL TAGS *****/
/************************/
* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
.pclass { margin-bottom: 15px; }

/***************************************/
/***** LINK COLORS FOR ENTIRE PAGE *****/
/***************************************/
a:link { color: #b50f19; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #b50f19; text-decoration: underline; }
a:visited { color: #073982; text-decoration: underline; }
 
/**********************************************************************************/
/***** THESE ARE THE STYLES THAT GIVE THE SHADING ON THE SIDES OF THE CONTENT *****/
/***** ONLY CHANGE THE COLORS DEPENDING ON THE COLOR OF THE BACKGROUND        *****/
/**********************************************************************************/
#shade_1 { /*height: 100%;*/ width: 918px; /*min-height: 100%;*/ margin-right: auto; margin-left: auto; border-right: solid 1px #f5f5f5; border-left: solid 1px #f5f5f5; }
#shade_2 { /*height: 100%;*/ width: 916px; /*min-height: 100%;*/ border-right: solid 1px #ebebeb; border-left: solid 1px #ebebeb; }
#shade_3 { /*height: 100%;*/ width: 914px; /*min-height: 100%;*/ border-right: solid 1px #ddd; border-left: solid 1px #ddd; }
#shade_4 { /*height: 100%;*/ width: 912px; /*min-height: 100%;*/ border-right: solid 1px #ccc; border-left: solid 1px #ccc; }
#shade_5 { /*height: 100%;*/ width: 910px; /*min-height: 100%;*/ border-right: solid 1px #b8b8b8; border-left: solid 1px #b8b8b8; }
#shade_6 { /*height: 100%;*/ width: 908px; /*min-height: 100%;*/ border-right: solid 1px #a0a0a0; border-left: solid 1px #a0a0a0; } 
#shade_7 { /*height: 100%;*/ width: 906px; /*min-height: 100%;*/ border-right: solid 1px #868686; border-left: solid 1px #868686; }
#shade_8 { /*height: 100%;*/ width: 904px; /*min-height: 100%;*/ border-right: solid 1px #676767; border-left: solid 1px #676767; }
#shade_9 { /*height: 100%;*/ width: 902px; /*min-height: 100%;*/ border-right: solid 1px #454545; border-left: solid 1px #454545; }

/******************************************************/
/***** THESE CONTROL THE CONTENT CONTAINER ITSELF *****/
/******************************************************/
#container { width: 900px; height: 100%; margin-right: auto; margin-left: auto; border-left: solid 1px #000; border-right: solid 1px #000; float: none; }

/*****************************************************/
/***** THESE CONTROL THE HEADER AND ITS CONTENTS *****/
/*****************************************************/
#container #header { background-image: url(../images/Header_Bg.gif); background-repeat: no-repeat; background-position: left bottom; height: 140px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
#container #header #logo { background-image: url(../images/Logo.gif); float: right; height: 93px; width: 283px; margin-top: 23px; margin-right: 10px; }
#container #header #logo span { display: none; }
#container #header #address { float: left; width: auto; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold; color: #000; margin-top: 10px; margin-left: 115px; /* FOR IE 6 ONLY */_width: 300px; /* FOR IE 6 ONLY */_margin-left: 60px; }
#container #header #address .lgblue { font-size: 1.8em; color: #083a83; }
#container #header #slogan { float: left; width: 200px; clear: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin-top: 18px; margin-left: 200px; /* FOR IE 6 ONLY */_margin-left: 100px; }
#container #greybar { background-image: url(../images/Grey_Bar_Bg.gif); height: 8px; border-bottom: solid 1px #000; clear: both; }

/*******************************************************************************/
/***** THESE CONTROL THE CONTENT THAT CONTAINS THE LEFT AND RIGHT COLULMNS *****/
/*******************************************************************************/
#container #contentbody { background-color: #666666; padding: 10px; }

/***********************************************************/
/***** THESE CONTROL THE NAV OR LEFT COLUMN OF CONTENT *****/
/***********************************************************/
#container #contentbody #leftcolumn { float: left; width: 190px; margin-right: 10px; background-color: #000; }
#container #contentbody #leftcolumn #search { font-family: Arial, Helvetica, sans-serif; padding: 6px; color: #FFF; font-size: .9em; font-weight: bold; background-color: #083A83; margin: 1px; }
#container #contentbody #leftcolumn #nav { padding-right: 1px; padding-left: 1px; }
#container #contentbody #leftcolumn #nav .mainnav { font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #FFF; padding: 5px; border-bottom: solid 1px #666; }
#container #contentbody #leftcolumn #nav .mainnav a { color: #FFF; text-decoration: none; font-weight: bold; }
#container #contentbody #leftcolumn #nav .mainnav a:hover { color: #F00; text-decoration: none; font-weight: bold; }
#container #contentbody #leftcolumn #nav .subnav { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #000; background-color: #FFF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 33px; }
#container #contentbody #leftcolumn #nav .subnav a { color: #000; }
#container #contentbody #leftcolumn #nav .subnav a:hover { color: #073982; }
#container #contentbody #leftcolumn #nav .subnav_a { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #000; background-color: #FFF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 33px; background-image: url(../images/nav_marker.gif); background-repeat: no-repeat; background-position: left center; }
#container #contentbody #leftcolumn #nav .subnav a { text-decoration: none; }
#container #contentbody #leftcolumn #hours { padding: 3px; }
#container #contentbody #leftcolumn #hours h2 { font-family: Arial, Helvetica, sans-serif; background-color: #FFF; padding-top: 8px; padding-left: 8px; font-size: 1em; }
#container #contentbody #leftcolumn #hours td { padding: 5px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

/*************************************************************/
/***** THESE CONTROL THE BODY OR RIGHT COLUMN OF CONTENT *****/
/*************************************************************/
#container #contentbody #rightcolumn { padding: 10px; width: 658px; _width: 650px; margin-left: 200px; background-color: #FFF; min-height: 600px; }
#container #contentbody #rightcolumn p { font-family: Arial, Helvetica, sans-serif; font-size: .8em; line-height: 18px; color: #333; font-weight: normal; padding-bottom: 5px; padding-left: 5px; }
#container #contentbody #rightcolumn h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #083A83; font-weight: bold; margin-bottom: 20px; }
#container #contentbody #rightcolumn h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #083A83; font-weight: normal; padding-top: 5px; padding-bottom: 10px; padding-left: 1px; }
#container #contentbody #rightcolumn h3 { font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #666; font-weight: normal; padding-bottom: 10px; padding-left: 5px; }
#container #contentbody #rightcolumn h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #083A83; font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #EFEFEF; margin-bottom: 3px; text-align: left; float: left; width: 100%; }
#container #contentbody #rightcolumn table { font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #333; clear: none; float: left; _width: 642px; }
#container #contentbody #rightcolumn td { padding: 5px; vertical-align: top; }
#container #contentbody #rightcolumn td h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #083A83; font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #EFEFEF; margin-bottom: 3px; clear: both;}
#container #contentbody #rightcolumn table tr td table { _margin-left: -10px; _width: 210px; }
#container #contentbody #rightcolumn table tr td table tr td { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #333; clear: none; float: left; padding: 0px; padding-bottom: 5px; }
#container #contentbody #rightcolumn p { padding-bottom: 5px; }
#container #contentbody #rightcolumn #pageno { color: #FFF; }
#container #contentbody #rightcolumn #pageno a:link { color: #CCC; }
#container #contentbody #rightcolumn #pageno a:hover { color: #09F; }
#container #contentbody #rightcolumn #pageno a:visited { color: #CCC; }
#container #contentbody #rightcolumn #pageno a:visited:hover { color: #09F; }

/*******************************************/
/***** THESE CONTROL THE FOOTER ITSELF *****/
/*******************************************/
#container #footer { font-family: 'Arial Narrow', Arial, Helvetica, Sans-serif; font-size: 0.8em; text-align: center; margin-top: 10px; }
#container #footer .smgrey { font-size: 0.9em; color: #999999; }

/******************************************************/
/***** THESE CONTROL THE SHADING UNDER THE FOOTER *****/
/******************************************************/
#footer_bottom { width: 920px; margin-right: auto; margin-left: auto; background-image: url(../images/footer_bottom.gif); background-repeat: repeat-x; background-position: left top; height: 20px; clear: both; }
#footer_bottom #footer_bottom_bl { background-image: url(../images/footer_bottom_bl.gif); background-repeat: no-repeat; background-position: left top; height: 20px; }
#footer_bottom #footer_bottom_bl #footer_bottom_br { background-image: url(../images/footer_bottom_br.gif); background-repeat: no-repeat; background-position: right top; height: 20px; }

/*******************/
/***** GALLERY *****/
/*******************/
#galleryphotos { position:relative; width: 400px; _width: 410px; float: left; }
#galleryphotos #mainphoto { margin-bottom: 0px; clear: none; } 
#thumbs { width: 400px; _width: 420px; }
#thumbs a { display:block; float:left; margin:10px 4px 0px 4px; width:72px; height: 56px; border: none; }
#thumbs a img { width:72px; height: 56px; border:0; }
#thumbs a:hover { border-color:#ddd;}
#thumbs a:hover img { position:absolute; width:auto; height:auto; top:0; left: 0; }