@charset "utf-8";

* {padding:0;margin:0;}
body {background:#ccc;}
html, body {
  width:100%;
  height:100%;
  overflow:auto;
  font-family:Verdana, Arial;
  font-size:13px;
  color:#000;
}


#wrapper { 
 overflow:hidden;
 margin: 0 auto;
 width: 982px;
  background-image:url(../img/wrapperSides.png);background-repeat:repeat-y;
  padding-left:16px;
}


/* headers */
#header { overflow:hidden;
 color: #333;
 width: 950px;
 height: 18px;
 margin: 0px;margin-left:8px;
 background: #fff;
 text-align:right;
}
#logo { overflow:hidden;
 color: #333;
 margin: 0;
 padding-bottom:15px;margin-left:8px;
  width: 950px;
 background: #fff;
}
#leftSD {padding-left:30px;
  float:left;
  background:#fff;
}
#rightSD {
  float:right;font-size:10px;
  padding-top:44px;
  padding-right:18px;
  background:#fff;
}
#rightSD a {
 color:#000;text-decoration:none;}
}
#rightSD a:hover {
 text-decoration:underline;}
}

/* main */
.pngFIX {border:0;}
img {border:0;padding:0;margin:0;}
.clear {clear:both;}
hr{margin:0;color:#fff;background-color:#fff;size:1;height:1px;border:none;}

#stageHolder {position:relative;width:950px;overflow:visible;}

#stage {height:590px;
 overflow:hidden;position:relative;top:0;left:0;
 width:930px;margin-left:8px;margin-right:32px;
background:#969636; 
}
#stageRight {position:absolute;top:0;left:938px;overflow:visible;
background:#969636; 
width:20px;height:100%;
}


#srContain{height:100%;overflow:hidden;}
#srFrame{background-image:url(../img/greenMid.png);background-repeat:repeat-y;height:100%;width:20px;}
#srTop{height:99%;}
#srBottom{position:relative;bottom:0;}


#navColumn { 
 display:inline;
 color:#000;
 margin:0px;
 padding:0px;
 width:270px;
 height:100%;
 float: left;
}

#mainNav {overflow:hidden;
  background-image:url(../img/navBG.png);background-repeat:no-repeat;
  margin-top:58px;margin-bottom:0px;
  padding-top:40px;
  padding-left:33px;
  width:270px;
  height:437px;
}

#pageHead {position:relative;left:16px;top:23px;overflow:visible;}
h1 {color:#fff;font-size:18px;font-weight:500;}

#mainColumn { background-image:url(../img/SWFshadow.png);background-repeat:no-repeat;
 width: 645px;
 height:437px;
 position: relative;
 left:271px;top:34px;
 text-align:left;
 padding:16px;
}

#mainDisplay {height:402px;width:614px;text-align:left;position:absolute;top:1px;left:0px;margin:0px;padding:0;
margin-top:17px;margin-left:17px}

#subText {
position:absolute;left:16px;top:460px;
font-size:13px;color:#fff;
width: 590px;height:330px;
margin-left:16px;
}


#footer {
 width: 930px;
 clear: both;
 color: #333;font-size:10px;
 background: #fff;
 margin: 0;margin-left:8px;
 padding: 10px;
 text-align:right;

}
#wrapperFoot { 
postion:relative;
clear:both;
margin: 0 auto;
 width: 998px;
  background-image:url(../img/wrapFoot.png);background-repeat: no-repeat;
 height:32px;
}



/* navigation styles */
.menuHead{margin:0px 0;padding:0;width:200px;border: 0;
}

.menuHead div.groupHeader a{
font-size:18px;
color:black;
display:block;
position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
width:auto;
padding:0;
padding-left:0px;
text-decoration:none;
}

.menuHead div.groupHeader a:visited, .menuHead div.groupHeader a:active {color:#000;}
.menuHead div.selected a, .menuHead div.groupHeader a:hover {color:#777;}
.menuHead div.submenu{padding:0;/* height: 150px; /*Height that applies to all sub menu DIVs. A good when headers are toggled via "mouseover" instead of "click"*/ 
}
.emptyMenu{height:0px;}
.menuHead div.submenu a,.menuHead div.submenu a:visited,.menuHead div.submenu a:active{font-size:14px;color:#000;text-decoration:none;padding-left:16px;}
.menuHead div.submenu a:hover {color:#777;}
a.singleNav, a:visited.singleNav, a:active.singleNav{
font-size:18px;
color:black;
display:block;
width:auto;
padding:0;
padding-left:0px;
text-decoration:none;
}
 a:hover.singleNav {color:#777;}

/* msap frame */

#mapBox {position:relative;top:2px;width:370px;height:230px;padding:2px:4px;border:0;}
#map {position:relative;left:2px;top:3px;}
/* google map overrrides styles */
#map span {visibility:hidden;}
.show a, .show a:link, .show a:active, .show a:link {visibility:visible;color:black;text-decoration: none;color:black;}
.show a:hover {color:#444;}
a.hours, a:link.hours, a:active.hours, a:link.hours {visibility:visible;text-decoration:none;color:white;}
a:hover.hours {text-decoration:none;}

table.hours td{color:black;font-size:13px}
#side_bar a {text-decoration:none;color:#fff;font-weight:600;font-size:13px;clear:nonefont-weight:600;padding-bottom:4px;}
#directions {position:relative;;overflow:auto;height:0px;}
#directions table {color:#fff;font-size:14px;}
#directions  table tbody tr td a{color:#fff;font-weight:600;text-decoration:none;font-size:14px;}
#directions  table tbody tr td {border:0;}

location {position:relative;height:0px;}


#terms {position:absolute;left:2px;top:2px;z-index:1000;width:600px;height:311px;color:#000;font-size:12px;
background-color:#fff;filter:alpha(opacity=80);opacity: .80;-moz-opacity:.80;}
#interms  {padding:8px;position:relative;left:13px;padding-right:10px;}
#interms a{color:#000;text-decoration:none;font-weight:600;}
#interms a:hover{text-decoration:underline;}
#interms p {width:580px;}
div#terms UL LI {color:#000;margin-left:20px;margin-right:20px;list-style-type:disc;width:550px;}
div#terms UL UL LI {color:#000;list-style-type:circle;margin-left:40px;margin-right:40px;}