@import url("menuh.css");
@import url("menuv.css");
@import url("events.css");

/* Body
---------------------------------------- */
body {
   margin: 0;
   padding: 0;
   text-align: center;
   color: #555;
   font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
   background: url("../images/mainbg.gif") repeat-y center #334D80;
   }

h4 {
   font-size: 16px;
   }

/* Links
---------------------------------------- */
a {
   text-decoration: none;
   }

a img {
   border: 0;
   }

a:link {
   color: navy;
   }
a:visited {
   color: navy;
   }
a:hover {
   color: navy;
   text-decoration: underline;
   }
a:active {
   color: blue;
   }


/* Container
---------------------------------------- */
#wrapper {
   width: 752px;
   margin: 0 auto;
   padding: 0;
   position: relative;
   text-align: left;
   }

#container {
   margin: 0;
   padding: 0;
   border-left: 1px solid navy;
   border-right: 1px solid navy;
   background: white;
   float: left;
   width: 753px;
   voice-family: "\"}\" ";
   voice-family: inherit;
   width: 751px;
   }

#weather {
   margin: 8px;
   padding: 10px 0 10px 8px;
   border-top: 1px solid gray;
   border-bottom: 1px solid #BBB;
   border-left: 1px solid gray;
   border-right: 1px solid #BBB;
   background-color: white;
   }

#forecast {
   margin: 0 8px 8px;
   padding: 0 0 10px 8px;
   border-top: 1px solid gray;
   border-bottom: 1px solid #BBB;
   border-left: 1px solid gray;
   border-right: 1px solid #BBB;
   background-color: white;
   }


/* Header
---------------------------------------- */
#header {
   background: url("../images/masthead.jpg") no-repeat;
   height: 150px;
   padding: 0;
   }

#header #top a {
   margin: 0;
   padding: 0;
   width: 100px;
   height: 100px;
   display: block;
   position: absolute;
   top: 25px;
   left: 35px;
   }

#header #top a:hover {
   text-decoration: none;
   }

#header h1, #header h2 {
   position: absolute;
   visibility: hidden;
   }

/* Navigation (Imported)
---------------------------------------- */


/* Breadcrumbs
---------------------------------------- */
#crumbs {
   clear: both;
   margin:  0;
   padding: 0.5em;
   font: 10px Verdana, Arial, sans-serif;
   background: url("../images/crumbs.gif") repeat-x;
   }

#crumbs ul {
   display: inline;
   list-style-type: none;
   }

#crumbs li {
   float: left;
   }


/* Page Body
---------------------------------------- */
#pagebody {
   float: left;
   width: 751px;
   position: relative;
   margin: 0;
   padding: 0;
   background: url("../images/contentbg.gif") repeat-y;
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   }

/* Sidebar
---------------------------------------- */
#sidebar {
   float: left;
   width: 168px;
   margin: 0;
   padding: 0 3px 8px;
   }

.sideitem {
   padding: 0;
   margin: 8px 0 0;
   width: 168px;
   background: #EEE;
   }

.sideitem h4 {
   margin: 0;
   padding: 0.25em;
   text-align: center;
   color: white;
   background: url("../images/headingbg1.gif") no-repeat top;
   }

.sidecontent {
   border: 1px solid navy;
   }

#search {
   margin: 0;
   padding: 0;
   }

#search #searchbox {
   width: 146px;
   margin: 8px 0 8px 8px;
   }

#search #searchbutton {
   margin: 0 0 8px 34px;
   }

.sidenote {
   font: 10px Verdana, Arial, sans-serif;
   padding: 8px;
   text-align: justify;
   }

.sidenote img {
   background-color: white;
   border: 1px solid gray;
   padding: 5px;
   width: 138px;
   }

.sidenote a {
   font-weight: bold;
   }


/* Content
---------------------------------------- */
#content {
   float: right;
   width: 576px;
   margin: 0;
   padding: 0;
   background: none;
   }

#content a {
   font-weight: bold;
   }

/* Main
---------------------------------------- */
#main {
   float: left;
   width: 401px;
   margin: 0;
   padding: 16px;
   background: none;
   voice-family: "\"}\" ";
   voice-family: inherit;
   width: 369px;
   }

#main ul,
#main ol {
   margin-top: 0;
   }

#headline {
   margin: 0 0 1em;
   padding: 0;
   border-bottom: 1px solid silver;
   }

#headline h4 {
   margin: 0 0 0.5em;
   padding: 0 0 0 0.5em;
   color: white;
   background: url("../images/headingbg.gif") repeat-x top #02367F;
   border: 1px solid navy;
   }

#headline h5 {
   margin: 2px 0 0;
   padding: 0;
   font-family: Verdana, Arial, Helvectica, sans-serif;
   font-size: 14px;
   color: navy;
   }

#headline h6 {
   margin: 0;
   padding: 0 0 0.5em;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   color: silver;
   }

#headline p {
   margin: 0;
   padding: 0 0 1em;
   font: 12px/1.5em Verdana;
   text-align: justify;
   }

#headline img {
   clear: both;
   float: left;
   margin: 5px 0.75em 0 0;
   padding: 0;
   }

#headline img.tower {
   float: left;
   margin: 0 0.5em 0 0;
   padding: 0;
   }

.news {
   clear: both;
   float: left;
   margin: 0 0 1em;
   padding: 0;
   width: 369px;
   }

.news h4 {
   margin: 0 0 0.5em;
   padding: 0 0 0 0.5em;
   color: white;
   background: url("../images/headingbg.gif") repeat-x top #02367F;
   border: 1px solid navy;
   }   

.news h5 {
   margin: 0;
   padding: 0 0 0 100px;
   font-family: Verdana, Arial, Helvectica, sans-serif;
   color: navy;
   }

.news h6 {
   margin: 0;
   padding: 0 0 0.5em 100px;
   font: 10px Verdana, Arial, Helvectica, sans-serif;
   color: gray;
   }

.news p {
   margin: 0;
   padding: 0 0 0 100px;
   font: 11px/1.5em Verdana;
   text-align: justify;
   }

.news img {
   clear: both;
   float: left;
   width: 78px;
   border: 1px solid gray;
   margin: 3px 0 0;
   padding: 5px;
   background-color: white;
   }

#newsphoto {
   padding: 10px 10px 20px;
   background: white;
   border-top: 1px solid silver;
   border-right: 1px solid gray;
   border-bottom: 1px solid gray;
   border-left: 1px solid silver;
   margin-bottom: 0.5em;
   }

#newsphoto img {
   width: 345px;
   border-top: 1px solid gray;
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   border-left: 1px solid gray;
   }


.normal {
   margin: 0;
   padding: 0;
   }

.normal h3 {
   margin: 0 0 0.5em;
   padding: 0;
   font-family: "Trebuchet MS", Verdana, Arial, Helvectica, sans-serif;
   color: #000;
   background: none;
   border: none;
   }

.normal h4 {
   margin: 0 0 0.5em;
   padding: 0;
   font-family: "Trebuchet MS", Verdana, Arial, Helvectica, sans-serif;
   color: #222;
   background: none;
   border: none;
   }

.normal h5 {
   margin: 2px 0 0;
   padding: 0;
   font-family: Verdana, Arial, Helvectica, sans-serif;
   color: #444;
   }

.normal h6 {
   margin: 0;
   padding: 0 0 0.5em;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   color: silver;
   }

.normal p {
   margin: 0;
   padding: 0 0 1em;
   font: 12px/1.5em Verdana, Arial, Helvectica, sans-serif;
   text-align: justify;
   }

.normal li {
   font: 11px/1.5em Verdana, Arial, Helvectica, sans-serif;
   text-align: justify;
   }

.normal img {
   clear: both;
   float: left;
   margin: 4px 12px 4px 0;
   padding: 10px 10px 20px;
   background: white;
   border-top: 1px solid silver;
   border-right: 1px solid gray;
   border-bottom: 1px solid gray;
   border-left: 1px solid silver;
   }

.normal img.right {
   clear: both;
   float: right;
   margin: 4px 0 4px 12px;
   }

.normal img.none {
   clear: none;
   float: none;
   margin: 4px 12px;
   }



/* Extra Column
---------------------------------------- */
#extra {
   float: right;
   width: 168px;
   margin: 0;
   padding: 0 3px 8px;
   }


/* Footer
---------------------------------------- */
#footer {
   clear: both;
   float: left;
   width: 735px;
   margin: 0;
   padding: 8px;
   background: url("../images/footer.gif") repeat-x;
   }

#copyright {
   float: left;
   margin: 0;
   padding: 0;
   }

#copyright p {
   margin: 0;
   padding: 0;
   font: 10px Verdana, Arial, sans-serif;
   }

#toplink {
   float: right;
   margin: 0;
   padding: 0;
   }

#toplink p {
   margin: 0 0 1em;
   padding: 0;
   font: 10px Verdana, Arial, sans-serif;
   }

#validate {
   clear: left;
   float: left;
   margin: 0;
   padding: 0;
   }

#validate img {
   margin: 0.5em 0.25em 0 0;
   padding: 0;
   }

#powered {
   clear: right;
   float: right;
   margin: 0;
   padding: 0;
   }

#powered img {
   border: 1px solid gray;
   margin: 0;
   padding: 0;
   }