﻿
body {
      margin: 5px 0px 0px 0px;
      width: 100%;
      background-color: #9fb6cd}

#container
{
    text-align:center;
}
#content
{
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:920px;
}
#contentLOTW
{
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:1200px;
}

.calendar
{
    margin-left:30px;
    text-align:left;
	font-family: verdana;
	font-size: 14px;
	color: #ffffff
}


.siteTitle
{
    text-align:center;
    }

#navigation
{
   height:30px;
   width:50%;   
}

#navigation ul{
   padding: 0px; 
   margin: 0px;
   white-space: nowrap;
   height:30px;
   color: #ffffff;
   font-family: Verdana;
   font-size: 12px;
   font-weight:500;
}
#navigation ul li{ 
   display: inline;
   height:30px;
   background-image:url("images/menu.gif");
}
#navigation ul li:hover
{
    background-image:url("images/menuhover.gif");
    height:30px;
}
#navigation ul li a{
   position:relative;
   top:7px;
   vertical-align:middle;
   color: White;
   font-family: Verdana;
   font-size:12px;
   font-weight: 500;   
   text-decoration: none;
   padding-left: 1em;
   padding-right: 1em;
   height:30px;
}

#menuHome
{
    background-image:url("images/menu.gif");
    height:100%;
    width:71px;
    display:inline;
    padding-bottom:10px;
    }
#menuHome:hover
{
    background-image:url("images/menuhover.gif");
    }
    
#menuHome a
{
    color:#ffffff;
    text-decoration:none;
    vertical-align:middle;
    font-family:Verdana;
    font-size:12px;
    height:30px;
    }



.spacer
{
    background-color:#ffffff;
    width:1px;
}

.topCap {
      width:920px;
      height:13px;
      margin:0px;
      background:url("Images/centerTopBG.jpg") no-repeat}

.bottomCap {
      width:920px;
      height:13px;
      margin: 0 auto 0px;
      background:url("Images/centerBottomBG.jpg") no-repeat}

.main {
      position: relative;
      left:0px;
      width: 920px;
      height: auto;
      margin-right: auto;
      margin-left: auto;
      background-color:#ffffff;
      background-image:url("Images/centerBG.jpg");
      background-repeat: repeat-y}

#mainLOTW {
      position: relative;
      left:0px;
      width: 1200px;
      height:auto;
      margin-right: auto;
      margin-left: auto;
      background-color:#ffffff;
      background-image:url("Images/centerBG2.jpg");
      background-repeat: repeat-y;}

#bottomCapLOTW {
      width:1200px;
      height:13px;
      margin: 0 auto 0px;
      background:url("Images/centerBottomBG2.jpg") no-repeat;}      


.text {
	font-family: verdana;
	font-size: 11px;
	color: navy}


.nav {
	font-family: verdana;
	font-size: 14px;
	color: #6483bc;
    text-decoration: none	
}

.navBox {
	font-family: verdana;
	font-size: 14px;
	color: navy;
    text-decoration: none	
}

.lotwText{
	font-family: verdana;
	font-size: 12px;
	color: navy
}

.heading {
	font-family: verdana;
	font-size: 16px;
	color: navy;
	font-weight: bold
}
.cdText { color: navy; font-size: 10px; font-family: verdana; font-style: normal; text-decoration: none; }



.menu a 
{
    font-family:Verdana;
    font-size: 12px;
    color:#ffffff;
    text-decoration:none    
    }

.menuHome li
{
    background-image: url("~/images/menu.gif") repeat-x;
    width:71px;
    }



#navMenu ul a
{
    
}

.headerMenuBar
{
      background: url("../images/menu.gif") repeat-x left top;
}
.headerMenuBar:hover 
{
      background: url("../images/menu.gif") repeat-x left top;
}
.menu 
{
    background:url("Images/menu.gif") repeat-x left top;
    font-family:Verdana;
    font-size: 12px;
    font-weight:500;
    color:#ffffff;
    text-decoration:none;
    height:30px;    
    }
.menu:hover 
{
    background-image:url("Images/menuHover.gif");
    background-repeat:repeat-x;
    background-position:top left;
    text-decoration:none}

#menuHome
{
    background-image:url("images/menu.gif") repeat-x;
    font-family:Verdana;
    font-size:12
}



.menuBarLeft
{
    background: url("..images/menuLeft.gif") repeat-none left top;
}

.menuBarRight
{
    background: url("..images/menuRight.gif") repeat-none left top;
}

      
 .error {
      font-family: Verdana; 
      font-weight: normal; 
      color: red; 
      text-decoration: blink; 
      font-size: 8pt}


      
.pics { color: navy; font-family:verdana; font-size:13px;  }
.pics a { color: navy; font-family:verdana; font-size:13px;  }

