/****************************************************************************** 
 * Overrides to Standard HTML Tags
 ******************************************************************************/

BODY, P, TD, LI {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
}
BODY {
	text-align: left; /* IE; changed from center; */
	margin: 0;
}

H1 { /* used in banner areas */
	color: #006699;  /* Dark Blue */
	font-family: arial, helvetica, clean, sans-serif;
   font-size: 36px;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0 5px 0;
	line-height: 1.1em;
}
H2 { /* used for primary page titles */
	color: #006699;  /* Dark Blue */
	font-family: Verdana; 
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
   margin: 0px 0 5px 0;
}
H3 { /* used for section titles */
	color: #006699;  /* Dark Blue */
	font-family: Verdana; 
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
   margin: 0px 0 5px 0;
}
H4 { /* used for paragraph titles */
	color: #006699;  /* Dark Blue */
	font-family: Verdana; 
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
   margin: 0px 0 5px 0;
}

INPUT, SELECT, TEXTAREA { font-family: Verdana; font-size: 11px; }
UL { margin-top: 5px; margin-bottom: 10px; }
P { margin-top: 5px; margin-bottom: 5px; }
A { color: #006699; }  /* Dark Blue */


/****************************************************************************** 
 * Custom Font Classes
 ******************************************************************************/

#banner-text {
	color: #006699;  /* Dark Blue */
	width: 325px;
	font-family: Verdana; 
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}
.breadcrumbs {
	color: #006699;  /* Dark Blue */
	font-family: Verdana; 
	font-size: 11px;
	font-weight: bold; 
}

.H2tagline {
	color: #006699;  /* Dark Blue */
	font-family: Verdana; 
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
   margin: 0 0 10px 0;
}   
.H3tagline {
	color: #006699;  /* Dark Blue */
	font-family: Verdana; 
	font-size: 11px;
	font-weight: bold;
	font-style:italic;
   margin: 0 0 10px 0;
}
.H4tagline {
	color: #006699;  /* Dark Blue */
	font-family: Verdana; 
	font-size: 11px;
	font-weight: bold;
	font-style:italic;
   margin: 0 0 10px 0;
}

.bluetext { color: #006699; }
.boldblue { color: #006699; font-weight: bold; }
.blueblurb {
	color: #006699;  /* Dark Blue */
	font-size: 12px;
   margin: 15px 0 15px 0;
}

.subtitle_blue {
	color: #006699;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	margin-left: 13px;
}
.indent_blue {
   color: #006699; 
   font-family: Verdana; 
   font-size: 11px;
   margin-left: 13px; 
}
.bodytext_large {
	font-family: Verdana;
	font-size: 12px;
}   
.bodytext_indent1 {
	font-family: Verdana;
	font-size: 12px;
	margin-left: 13px;
}

.errorText {
	color: #FF0000; 
	font-family: Verdana; 
	font-size: 10px; 
	font-weight: normal;
	font-style: normal;
	margin-left: 5px; 
}
.blue_comment {
	color: #006699;
	font-family: Verdana; 
	font-size: 10px;
}
.grey_comment {
	color: #777;
	font-family: Verdana; 
	font-size: 9px;
}
.minitext {
   color: #888;
   font-size: 8px;
   float: left; 
}

/****************************************************************************** 
 * Custom Drawing Classes
 ******************************************************************************/

.blueline { background-color: #006699; }

.bluebox_topline {
	background-image: url(bluebox-top.gif);
	background-repeat: repeat-x;
}
.bluebox_bottomline {
	background-image: url(bluebox-bottom.gif);
	background-repeat: repeat-x;
}
.bluebox_leftline {
	background-image: url(bluebox-left.gif);
	background-repeat: repeat-y;
}
.bluebox_rightline {
	background-image: url(bluebox-right.gif);
	background-repeat: repeat-y;
}

/****************************************************************************** 
 * Custom Rollovers
 ******************************************************************************/

/* We've used Tables for this style instead: */
#header, #banner, #main, #footer {
	width: 760px;
	margin: 0 auto;
	text-align: left; /* IE */
}

/*********************** Header **********************/

#header { position: relative; }
#header-new {      /* defines header navigation area */
	width: 430px;
   height: 20px; /* 82px; */
	margin: 0 0;
	text-align: left; /* IE */
	position: relative;
}
#header_logout {   /* for Welcome & Logout in header */
	position: absolute;
	top: 10px;
	right: 15px;
	height: 20px;
	margin: 0px;
}
#header-nav {      /* frame for the navbar itself */
	position: absolute;
	bottom: 0;
	right: 0;
	height: 20px;
	margin:0;
}
#header-nav ul {
	margin:0;
	padding:0px;
	list-style:none;
}
#header-nav li {
	margin:0;
	padding:0;
	float: left;
	display: block;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#header-nav li a {
	float: left;
	display: block;
	height: 19px;
}
#header-nav li a span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#header-nav-pod a { background-image: url(nav-pod.gif); width: 138px; }
#header-nav-pod a:hover { background-image: url(nav-pod-over.gif); }
#header-nav-ad a { background-image: url(nav-ad.gif); width: 122px; }
#header-nav-ad a:hover { background-image: url(nav-ad-over.gif); }
#header-nav-essentials a { background-image: url(nav-essentials.gif); width: 166px; }
#header-nav-essentials a:hover { background-image: url(nav-essentials-over.gif); }

/*********************** Footer **********************/

#footer-home, #footer-about, #footer-contact {
	color: #666;
	text-decoration: none;
	text-transform: lowercase;
}
#footer-home:hover, #footer-about:hover, #footer-contact:hover {
	text-decoration: underline;
}
#copyright {
	color: #666;
	font-size: 9px;
	margin: 10px 0 10px 0;
}

/********************** Homepage *********************/

#body-main, #body-main-sub {
	background-color: #CBE6EF;
	background-image: url(bg-grad-blue.png);
	background-position: left top;
	background-repeat: repeat-x;
}
#home-nav {
	margin: 0px 0; /* was 10px 0; */
	padding: 0;
	list-style: none;
}
#home-nav li {
	margin:0;
	padding:0;
	float: left; 
	display: block;
}
#home-nav li a {
	float: left;
	display: block;
}
#home-nav li a span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#home-nav-pod a {
	width: 173px;
	height: 50px;
	background-image: url(home-link-pod.gif);
}
#home-nav-pod a:hover { background-image: url(home-link-pod-over.gif); }
#home-nav-ad a {
	width: 165px;
	height: 50px;
	background-image: url(home-link-ad.gif);
}
#home-nav-ad a:hover { background-image: url(home-link-ad-over.gif); }
#home-nav-essentials a {
	width: 187px;
	height: 50px;
	background-image: url(home-link-essentials.gif);
}
#home-nav-essentials a:hover { background-image: url(home-link-essentials-over.gif); }
.orangebox_topline {
    background-image: url("orangebox-top.png");
    background-repeat: repeat-x;
}
.orangebox_bottomline {
    background-image: url("orangebox-bottom.png");
    background-repeat: repeat-x;
}
.orangebox_leftline {
    background-image: url("orangebox-left.png");
    background-repeat: repeat-y;
}
.orangebox_rightline {
    background-image: url("orangebox-right.png");
    background-repeat: repeat-y;
}