/* CSS Document */

html {background-color: #000;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-color: black; }
h1 {font-size: 18px; font-weight: bold; color:#666666; line-height: 0px;}
a:link { font-size: 11px; color: #990000; }
a:visited { font-size: 11px; color: #999999; }
a:hover { font-size: 11px; color: #999999; }
a:active { font-size: 11px; color: #990000; }

/* This is for the home page layout */

#homeTbl {background-color: #fff; width: 752px; clear: both;}

.leftHm {width: 207px; background: url(../images/leftnav_bkg.gif) repeat-y; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; top: 0; bottom: 0; vertical-align: top;}

.rightHm {width: 545px; background-color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; top: 0; bottom: 0; vertical-align: top;}

/* This is for the home page left navigation */

#leftnav {display: block; }

#leftnav ul {
  margin: 15px 4px 10px 4px;
  padding: 0;
  list-style-type: none;
}

#leftnav li {
  display: inline: /* Removes large gaps in IE/Win */
}

#leftnav a {
  display: block;
  width: 198px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  background: #5d9bd3 url(../images/leftnav.gif) no-repeat left bottom;
  text-indent: 15px;
  margin-bottom: 5px;
}

#leftnav a:hover, .selected a {
  background-color: #5d9bd3;
  background-position: right bottom;
  color: #fff;
}

#hmContent {margin: 10px 10px 10px 10px; }

/* This is for the login box on the home page */

#loginTopHm {background-color: #990000; height: 20px; width: 198px; display: block; margin: 0px 4px 4px 4px; color: #fff; font-weight: bold; font-size: 11px; text-indent: 5px; text-align:left; line-height: 20px; }
#loginBoxHm {background-color: #cccccc; height: 112px; width: 198px; display: block; margin: -4px 4px 4px 4px; text-align:left;border-bottom: 20px solid #990000; }
#loginBoxHm table {margin: 4px 5px 4px 4px;}
#loginBoxHm table td {padding: 4px;}
.password {margin-top: 5px;}
#loginBoxHm a {font-size: 9px;}
#loginBoxHm .bttn {margin-top: 5px;}
#loginBoxHm .left {margin: 10px 0px 0px 0px; float: left; line-height: 20px; text-align: left; text-indent: 15px; color: #000; font-weight: bold; font-size: 11px; text-indent: 10px; }
#loginBoxHm .right {margin: 7px 4px 0px 0px; float: right; }
/* IE Hacks */
* html #loginBoxHm .left {margin: 15px 0px 0px 0px; float: left; line-height: 15px; text-align: left; text-indent: 15px; color: #000; font-weight: bold; font-size: 11px; text-indent: 10px; position: absolute; }
* html #loginBoxHm .right {margin: 5px 3px 0px 0px; float: right; position: relative;}


/* This is the main wrapper for the pages */
#wrapper {
    width: 752px !important; /* intended total box width - padding-right(next) */
    width: 752px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 
	max-width: 752px;
	min-width: 752px;
} 

/* styles for top right links */
#topHdr { width: 752px; height: 26px; position: relative; text-align: right; background: url(../images/tophdr.gif) no-repeat top left; float: right; }

#topHdr .links {color: #ffffff; font-weight: bold; font-size: 10px; text-align: right; margin-top: 5px; margin-right: 30px; }

/* for top links */
#topHdr a:link {color: #ffffff; font-weight: bold; font-size: 10px; position: relative;}
#topHdr a:visited {color: #ffffff; font-weight: bold; font-size: 10px; position: relative;}
#topHdr a:hover {color: #ffffff; font-weight: bold; font-size: 10px; position: relative;}
#topHdr a:active {color: #ffffff; font-weight: bold; font-size: 10px; position: relative;}


/* for secondary page - top logo and photo area */

#secondaryTop .secondaryTopPh {text-align: right; margin: 0px 0px 0 0; float: right; position: relative; display: inline;}
#secondaryTop .secondaryLogo {text-align: left; margin: 0px 0 0 0px; position: relative; top: 0px; float: left;}
#secondaryTop .secondaryAdv {text-align: center; margin: 0px 0 0 0px; position: relative; top: 0px; float: left;}
#secondaryTop {background-color: #ffffff; width: 100%; float: left;/*position: relative; display: inline;*/}

/* hacks for IE Windows */

* html #secondaryHdr {width: 752px; height: 93px; }
* html #secondaryTopPh {text-align: right; margin: 0px 0px 0px 0px; position: relative; float: right; display:block; width: 544px; height: 92px;}
* html #secondaryLogo {text-align: left; margin: 0px 0 0 0px; position: relative; top: 0px; float: left; width: 208px; }
* html #secondaryAdv {text-align: center; margin: 0px 0 0 0px; position: relative; top: 0px; float: left; width: 208px; }


/* mainNav - You can change the background color here */

#topMainNav {width: 752px; float: left; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-left: 0px; background: #990000;}

/* You can change the background of each nav here */
#topMainNav ul.main { font-weight: bold;
  margin: 0 0px 0 25px;
  padding: 0 0px 0 0px;
  float: left;
  width: 727px;
  background: #990000;
  list-style: none;

}

#topMainNav ul.main li {
  float: left;
}


#topMainNav ul.main a:link, ul.main a:visited, ul.main a:active {
  padding: 0 .85em;
  line-height: 2.1em;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block; font-size: 11px;
}


#topMainNav ul.main a:hover {
  color: #fff; background:#333333 url(../images/navArrow.gif) no-repeat 6px 9px;
}

/* IE Windows hacks */

* html #topMainNav {width: 752px; float: left; border-top: 1px solid #666666; border-bottom: 1px solid #666666; margin-left: 0px; background: #990000;}

* html #topMainNav ul.main { font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 752px;
  background: #990000;
  list-style: none;


}
* html #topMainNav ul.main a {
  padding: 0 .85em;
  line-height: 2.1em;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block; font-size: 11px;
}

* html #topMainNav ul.main a:hover { color: #fff; background:#333333 url(../images/navArrow.gif) no-repeat 6px 9px; }


/* Lower menu styles */

#midMainNav {width: 752px; float: left; border-bottom: 1px solid #000000; margin-left: 0px; background: #999999;}

/* You can change the background of each nav here */
#midMainNav ul.main { font-weight: bold;
  margin: 0 0px 0 25px;
  padding: 0 0px 0 0px;
  float: left;
  width: 727px;
  background: #999999;
  list-style: none; 

}

#midMainNav ul.main li {
  float: left;
}


#midMainNav ul.main a:link, #midMainNav ul.main a:visited, #midMainNav ul.main a:active {font-size: 10px;
  padding: 0 1.25em;
  line-height: 2.1em;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}


#midMainNav ul.main a:hover {
  color: #333333;
}


#midMainNav .links {color: #ffffff; font-weight: bold; font-size: 10px; text-align: right; margin-top: 5px; margin-right: 30px; }


/* IE Windows hacks */

* html #midMainNav {width: 752px; float: left; border-bottom: 1px solid #666666; margin-left: 0px; background: #999999;}

* html #midMainNav ul.main { font-weight: bold; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 752px;
  background: #cccccc;
  list-style: none;


}
* html #midMainNav ul.main a { 
  padding: 0 1.5em;
  line-height: 2.1em;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}

* html #midMainNav ul.main a:hover { color: #990000; }


/* Content area for secondary pages
===================================*/

#arcontent { background-color: #fff; width: 732px; float:left; padding: 20px 10px 10px 10px; }

#arcontent a.cont:link { font-size: 11px; color: #990000; font-weight:normal; }
#arcontent a.cont:visited { font-size: 11px; color: #999999; font-weight:normal; }
#arcontent a.cont:hover { font-size: 11px; color: #999999; font-weight:normal; }
#arcontent a.cont:active { font-size: 11px; color: #990000; font-weight:normal; }


/* Styles for Login Content */

#contentLoginLft { background-color: #fff; float:left; padding: 20px; position: relative; display: inline;}
#contentLoginRt { background-color: #fff; float:left; width: 420px; padding: 20px; position: relative; display: inline;}

/*Form element styles */

input, select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; /*background-color: #fff;*/ color: #000; }

/* Footer area
===================================*/
#footer {background: url(../images/footer.gif) no-repeat top left; width: 752px; height: 27px; float: left; text-align: center; font-size: 9px; font-weight: bold; color: #fff; line-height: 13px;}

.copyrt {font-size: 9px; font-weight: bold; color: #fff; line-height: 13px; width: 752px; position: relative;}

#footer a.lnks:link, a.lnks:visited, a.lnks:active {color: #fff; font-size: 10px; font-weight: bold; }


.tableheader1 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	color: #ff6600;
	background-color: #FFFFFF;
}

.tableheader2 
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold;
	color: #ffffff;
	background-color: #990000;	
}

.tableheader3
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #ffffff;
	background-color: #990000;	
}

.sectionheader
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #ffffff;
	background-color: #990000;	
}

.holiday 
{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold;
	color: #000000;
}