/* CSS Validates as of 1/31/07 */

html {
	height: 100%;
}

/* Main body of all pages. The main purpose of this code is to set the background and the page height */
body { 
	margin: 0px; 
	/*background-image: url(../images/all/bg.gif);*/
	background-color: #8e1031;
	height: 100%;
	text-align: center;
}

/*Main content area of the page. This section sets the background color and the size of the content area. */
div#wrapper {
	position: relative;
	padding: 0;
	text-align: left; /* fix for IE5.5/win */
	margin: 0 auto;
	width: 780px;
	background-color: #8e1031;
	min-height: 100%;
	
}

/* This content area hold the page logo */
div#header {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 780px;
	height: 138px;
	left: 0px;
	background-color: #000000;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
}

/* This area holds the address information displayed on top of the header image */
div#teleInfo {
	position: absolute;
	top: 80px;
	left: 15px;
}

div#menuBar {
	position: absolute;
	top: 139px;
	background-color: #FFFFFF;
	width: 780px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	height: 30px;
}

/* This area sets the general layout of the main site navigation panel */
/*div#nav{
	position: absolute;
	background-color: #FFFFFF;
	height: 20px;
	padding-left: 15px;
	width: 765px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	top: 137px;
	z-index: 1;
}*/

div#nav{
	padding-top: 3px;
}

/*The link break positions in the main navigation panel */
img#break1 {position: absolute;	width: 2px;	height: 18px; top: 0px; left: 155px; visibility: visible; z-index: 2;}
img#break2 {position: absolute;	width: 2px;	height: 18px; top: 0px; left: 310px; visibility: visible; z-index: 2;}
img#break3 {position: absolute;	width: 2px;	height: 18px; top: 0px; left: 465px; visibility: visible; z-index: 2;}
img#break4 {position: absolute;	width: 2px;	height: 18px; top: 0px; left: 621px; visibility: visible; z-index: 2;}

/* This content area positions and colors the search bar underneath the main navigation panel */

/* Positions the left most content area, used primarily for secondary navigation */


div#leftside {
	position: absolute;
	text-align: left;
	font-size: 9px;
	background-color: #E7E7E8;
	padding-top: 5px;
	margin: 0;
	width: 156px !important; /* mozilla width */
	width: 158px;
	top: 0px;
	left: -1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
}

/* Positions the content area */
div#content {
	position: absolute;
	text-align: left;
	background-color: #FFFFFF;
	border: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	margin: 0;
	width: 591px !important;
	width: 613px;
	top: 158px;
	left: 157px;
	overflow: auto;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
}

div#fullContent {
	position: absolute;
	text-align: left;
	background-color: #FFFFFF;
	border: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	margin: 0;
	width: 750px !important;
	width: 767px;
	top: 162px;
	top: 166px\9;
	left: 0px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div #fullContent {
		top: 161px;
	}
}

div#marginContent {
	position: absolute;
	text-align: left;
	background-color: #FFFFFF;
	border: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	margin: 0;
	padding-left: 180px;
	width: 585px !important;
	width: 601px;
	top: 162px;
	top: 166px\9;
	left: 0px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div #marginContent {
		top: 161px;
	}
}

div#footer {
	position: absolute;
	bottom: 0;
	background-color: #fff;
	width: 782px;
	text-align: center;
	left: -2px;
	background-image: url("/images/misc/footerBG.jpg");
	border-right-style: solid;
	border-right-color: #8e1031;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #8e1031;
	border-left-width: 1px;
}

a.tempMenu: link {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #8e1031;
	text-decoration: none;
	font-weight: bold;
}

a.tempMenu: visited {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #8e1031;
	text-decoration: none;
	font-weight: bold;
}

a.tempMenu: hover {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #8e1031;
	text-decoration: none;
	font-weight: bold;
}

/* These classes provide the behavior of the main navigation links */
a.nav:link {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #8e1031;
	text-decoration: none;
	font-weight: bold;
}

a.nav:visited {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color:#8e1031;
	text-decoration: none;
	font-weight: bold;
}

a.nav:hover {
	color: #FF9933;
	text-decoration: none;
	font-family:  Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 11px;
	font-weight: bold;
}

a.nav:active {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color:#FF9933;
	text-decoration: none;
	font-weight: bold;
}

/* These classes provide the behavior for the side navigation links */
div#leftside a {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  outline: none;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}

div#leftside a:hover {
  color: #000000;
  text-decoration: underline;
}

div#leftside a.active {
  color: #000000;
}

/*These classes provide the behavior for the secondary navigation links */
a.onRed:link {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#FFFFFF;
	text-decoration: underline;
}

a.onRed:visited {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#FFFFFF;
	text-decoration: underline;
}

a.onRed:hover {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
	text-decoration: underline;
}

a.onRed:active {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #CCCCCC;
	text-decoration: underline;
}

/* These classes provide the behavior for all links that do not fall under a navigation set */
a:link {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#606060;
	text-decoration: underline;
}

a:active {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
	text-decoration: none;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
	text-decoration: underline;
}

a:hover {
	color: #000000; 
	text-decoration: underline;
	font-family:  Verdana, Arial, Helvetica, Sans-Serif; 
}

/* This class sets the behavior of all text on the page that is not already formatted by another class */
.global { 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	color:#000000;
	background-color: #CCCCCC;
}

P { 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color:#000000;
}

td { 
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
	font-size: 11px;
}

H1 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color:#CC0033;
	text-decoration: none;
	font-weight: 600;
}

H2 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #cc0033;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

H2#mainHeading {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* This id provides the behavior for the secondary navigation header */
H2#hRed {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

H3 {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color:#000000;
	font-weight: bold;
	margin-bottom: 0;
}

/* This class sets the size of the secondary navigation font */
.sidemenu {
	font-size: 10px;
}

/* This class colors text white and bold */
.white {
	color: #FFFFFF;
	font-weight: bold;
}

/* Side Nav Table */
tr.sideNav {
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}

/* This is sets the behavior of the HR attribute in certain cases */
hr.side {
	color: #000000;
	background-color: #000000;
	border: 0px;
	height: 1px;
	padding: 0px;
	width: 100%;
}

hr#main {
	color: #000000;
	background-color: #000000;
	height: 1px;
	border: 0px;
	text-align: left;
	margin: 0 auto 0 0;
}

li.darkgray {
background-color: #E7E7E8;
font-weight: bold;
line-height: 20px;
}

li.lightgray {
  background-color: #F3F3F4;
  text-align: left;
  font-weight: normal;
  line-height: 20px;
}

li.lightgrayspecial {
  background-color: #F3F3F4;
  text-align: left;
  font-weight: normal;
  line-height: 5px;
}

.navText {
  font-weight: bold;
  color: #000000;
  font-size: 11px;
}