/* CSS Document */

html {background-color: #666666;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-color: black; }
h1 {font-size: 18px; font-weight: bold; color:#ff6600;}
h2 {font-size: 18px; font-weight: bold; color:#000000;}
a:link { font-size: 11px; color: #4978a3; }
a:visited { font-size: 11px; color: #4978a3; }
a:hover { font-size: 11px; color: #4978a3; }
a:active { font-size: 11px; color: #4978a3; }
HR {
	color : #5d9bd3;
}


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

/* 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: #47779f; height: 20px; width: 198px; display: block; margin: 0px 4px 4px 4px; color: #fff; font-weight: bold; font-size: 11px; text-indent: 10px; text-align:left; line-height: 20px; }
#loginBoxHm {background-color: #aecde9; height: 82px; width: 198px; display: block; margin: -4px 4px 4px 4px; text-align:left; }
#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 { 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 */

#secondaryTopPh {text-align: right; margin: 0px 0px 0 0; float: right; }
/* fix for IE7  */
/* #secondaryLogo {text-align: left; margin: 0px 0 0 0px; position: absolute; top: 34px; float: left;} */
#secondaryLogo {text-align: left; margin: 0px 0 0 0px; top: 34px; float: left;}

/* 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; }



/* mainNav
=======================*/

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


#topMainNav ul.main { font-weight: bold;
  margin: 0 0px 0 25px;
  padding: 0 0px 0 0px;
  float: left;
  width: 727px;
  background: #5d9bd3;
  list-style: none;

}

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


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


#topMainNav ul.main a:hover {
  color: #fff; background:#81b886 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: #5d9bd3;}

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


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

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

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

#content { background-color: #fff; width: 712px; float:left; padding: 20px; }
/*
#content a.cont:link { font-size: 11px; color: #4978a3; font-weight:normal; }
#content a.cont:visited { font-size: 11px; color: #999999; font-weight:normal; }
#content a.cont:hover { font-size: 11px; color: #999999; font-weight:normal; }
#content a.cont:active { font-size: 11px; color: #4978a3; font-weight:normal; }
*/
#content a:link { font-size: 11px; color: #4978a3; font-weight:normal; }
#content a:visited { font-size: 11px; color: #999999; font-weight:normal; }
#content a:hover { font-size: 11px; color: #5d9bd3; font-weight:normal; }
#content a:active { font-size: 11px; color: #4978a3; font-weight:normal; }

/* 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: #5d9bd3;	
}

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