/* =================================================
    CSS STYLES FOR [site]
   =================================================*/   
/* 
  === Basic Color Directory === 
Blue			  #003399
Red         #cc0000
Yellow      #ffff00
Green       #006600
Pink			  #ffccff
Light Blue  #99ccff
Lime        #99ff00
Tan         #e0cca1
Olive       #669900
Marroon     #660000

*/ 
   
@import url(chromestyle.css);

body {
  width:744px; 
  margin:0px auto; 
  text-align:left;
	background-color:#003;
	background-image:url(media/stripe.jpg);
	background-repeat:repeat-x;
  /*font-family:Arial, Helvetica, sans-serif;*/
  /*font-family: Trebuchet, Tahoma, Arial, Helvetica;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /*font-family:Garamond, Trebuchet MS, Arial, Helvetica;*/
  font-size: 12px; 
  font-weight:normal; 
  color:#036;
  }

h1, h2, h3, h4, h5 {color:#036;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:17px;}
h4 {font-size:16px;}
h5 {font-size:14px;}

a:link {text-decoration:underline; color: #c30;}
a:visited {text-decoration:underline; color:#c30;}
a:active{text-decoration:underline; color:#c30;}
a:hover {text-decoration:underline; color:#036;}
.small {font-size:10px; font-weight:normal;}
.italic{font-style:italic;}
.bold {font-weight:bold;}
.error {color:#c30; font-weight:bold;}
.message {text-align:center; font-weight:bold;}
.hidden {display:none;}
.indent {margin-left:15px;}
.left {float:left;}
.right {float:right; margin:15px;}
.center {text-align:center;}
.rightText {text-align:right; margin:15px;}
.leftText {text-align:left; margin:15px;}
.centerText {text-align:center;}
.pointer {cursor:default;}
.hand {cursor:pointer;}
.break {background-color:#c30; width:100%; height:10px;}
.breakSmall {background-color:#c30; width:100%; height:1px; margin:20px 0px; font-size:1px;}
.print{display:none; font-size:10px;}
.blue{color:#039;}
.navy{color:#036;}
.orange{color:#c30;}
.gray{color:#999;}
.hotspot {color:#d81f26; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

.underline{text-decoration:underline;}
img {border:0;}
#iframe{margin-top:15px; width:730px; height:620px;}
#dateisold{position:absolute; margin-top:15px; width:730px; height:620px; background-color:#fff;  filter: alpha(opacity=75); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; opacity:0.75;}
#dateisoldBox{position:relative;background-color:#c30; border:solid 4px #036; padding:50px 10px; text-align:center; margin:15px 0px;}
.dateisoldLine{font-size:18px;font-weight:bold; color:#fff;}
.dateisoldLink a:link {font-size:20px; font-weight:bold; color:#036;}
.dateisoldLink a:visited {font-size:20px; font-weight:bold; color:#036}
.dateisoldLink a:active {font-size:20px; font-weight:bold; color:#036}
.dateisoldLink a:hover{font-size:20px; font-weight:bold; color:#fff;}

ul li {list-style-type:disc ;}
ul li li {list-style-type:square;}
ul li li li {list-style-type:circle;}
ol li {list-style-type:decimal; margin-bottom:10px;}
ol ol li {list-style-type:lower-alpha;}
ol ol ol li {list-style-type:lower-roman;}

#head{background-image:url(media/head2.jpg); background-repeat:no-repeat; width:750px; height:90px;}
#logo{width:200px; height:90px; float:left; cursor:pointer;}
#headInfo{float:right; text-align:right; margin: 0px 10px 0px 0px; font-size: 11px;}
#timeDate{font-size:14px;}
#subhead{background-image:url(media/sub_head.jpg); background-repeat:no-repeat; width:750px; height:175px;}
#container {background-color:#fff; width:730px; padding:10px;}
#rightTub{width:215px; height:360px; float:right; border:solid 1px #b5b5b5; margin-top:-48px; margin-bottom:5px; background-color:#fff; padding:5px; position:relative; overflow:auto; font-size:11px;}
#leftTub{padding:5px 0px; text-align:left;}

#title{float:right; width:215px; margin-top:-80px; text-align:center; position:relative; font-size:18px; font-weight:bold; color:#c30;}
#foot {background-image:url(media/foot.jpg); background-repeat:no-repeat; text-align:center; width:750px; height:5px; color:#fff; font-size:10px; margin:15px 0px;}
#foot a:link {text-decoration:underline; color: #fff;}
#foot a:visited {text-decoration:underline; color:#fff;}
#foot a:active{text-decoration:underline; color:#fff;}
#foot a:hover {text-decoration:underline; color:#eee;}

#content{background-color:#ccc; color:#000; margin-left: 120px; border:solid 1px #666; padding:0px 15px 0px 15px;}
#content img{margin:15px;}
#content table{margin:15px 0px 15px 0px;}
.locationBox{width:30px; height:10px; margin:0px 5px; display:inline;}
#map {width:728px; height:453px; border:solid 1px #000;}

#courses li {list-style-type:none; margin-bottom:5px;}

.closer{clear:both;}