@charset "iso-8859-1";

/*******************************************************************************
*  abc.css : 2005.09.05
* -----------------------------------------------------------------------------
*  middle column appearing first in
*******************************************************************************/
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #bcb;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #787;
	color: #fff;
}
/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 *
 * salt to taste
 */
ul, ol, dl, p, h1, h2, h3,h5, h6
{
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0;
	padding-bottom: 0;
}

h1
{
	font-size: 220%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
	font-weight: normal;
}
h4
{
	font-size: 120%;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0;
	padding-bottom: 0;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

/* alter some HTML elements' default style
 */
a, a:link, a:visited, a:active
{
	text-decoration: none;
	color: #889988;
}
a:hover
{
	text-decoration: none;
	color: #ccddcc;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;	
}
td, th
{
	vertical-align: top;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */
body
{
	margin: 25px 4%;	/* margin instead of padding for the gutterspace around 
	 			   the layout because IE breaks the layout when 
	 			   horizontal padding is applied to the body element.
	 			   % over pixels for that horizontal gutterspace so that
	 			   it automatically goes below 20px on low-res browsers
	 			   to create more space for the content. */
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;

}
/**************************************************************************************/

/* Top Nav Bar */

#topNavBar 
{
	 background-color: #AABBAA;
	 border-left:solid 1px #556655;
	 border-right:solid 1px #556655;
}

a.topNavBar:visited
{
	color: #000000;
	background-color:#CCDDCC;
	text-decoration:none;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 4px 7px 4px 7px;
	display: block;


}
a.topNavBar:link
{
	color: #000000;
	background-color:#CCDDCC;
	text-decoration:none;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 4px 7px 4px 7px;
	display: block;

}

a.topNavBar:hover
{
	color: #FFFFFF;
	background-color:#889988;
	text-decoration:none;
	border-left:solid 1px #556655;
	border-left:solid 1px #556655;
	padding:4px 7px 4px 7px;
	display: block;

} 

/******************************************************************************/

/* Main Nav Bar */
#navBar 
{
	 background-color: #DDEEDD;
	 vertical-align:top;
	 padding:3px 3px 3px 3px;
}

#navTitle
{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}

/* Fixes Left nav bar background and border not extending to footer */
.mainTable
{
	 background-color: #DDEEDD;
	 border:solid 1px #556655;
	 border-bottom: none 0px;
	 vertical-align: top;
}
	


.shadow
{
	border-bottom: solid 2px #556655;
}

a.navBar:visited
{
	color: #000000;
	background-color:#CCDDCC;
	text-decoration:none;
	text-align:left;
	border-top:solid 1px #556655;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 2px 5px 2px 5px;
	display: block;
	width:140px;
}

a.navBar:link
{
	color: #000000;
	background-color:#CCDDCC;
	text-decoration:none;
	text-align:left;
	border-top:solid 1px #556655;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 2px 5px 2px 5px;
	display: block;
	width:140px;
}

a.navBar:hover
{
	color: #FFFFFF;
	background-color:#889988;
	text-decoration:none;
	text-align:left;
	border-top:solid 1px #556655;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 2px 5px 2px 5px;
	display: block;
	width:140px;
}

.transparentback {
	background-image: url(images/spacer.gif);
	background-repeat: repeat;
}

/**********************************************************************************/ 
/* Banner */

.banner
{
    background-image: url(images/headerGreenRoad.gif);
    height:90px;
    border:solid 1px #556655;
	color: #FFFFFF;
	text-decoration:none;
	text-align:left;
	padding:7px 0px 0px 10px;
	font-size:28px;
	font-weight:bold;
}
.banner span
{
	padding-left:75px;
	font-size:16px;
	font-weight:normal;
}

/*********************************************************************************/
/*Footer */

.footer
{
    background-color: #889988;
    border:solid 1px #556655;
    vertical-align:middle;
}


a.footerLink:link
{
    color:#FFFFFF;
    padding:0px 10px 0px 10px;

}
a.footerLink:visited
{
    color:#FFFFFF;
    padding:0px 10px 0px 10px;
}
a.footerLink:hover
{
    color:#556655;
    padding:0px 10px 0px 10px;
    
}
/*********************************************************************************/
/*Right Content*/
.rightContent
{
    background-color: #DDEEDD;
	border-top:solid 1px #556655;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding:5px 5px 5px 5px;
}

.rightContent img
{
    background-color:#FFFFFF;
    margin-bottom:6px;
    border-color:#556655;
    
}
/*********************************************************************************/
/*Main Content*/

.mainContent
{
	padding: 0px 10px 8px 10px;
	text-align:left;
    background-color: #FFFFFF;
    border-top:solid 1px #556655;
}



a.mainContent:link
{
	color: #000000;
	background-color:#CCDDCC;
	text-decoration:none;
	text-align:left;
	border-top:solid 1px #556655;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 2px 5px 2px 5px;
	display: block;
	width:140px;
}
a.mainContent:visited
{
	color: #000000;
	background-color:#CCDDCC;
	text-decoration:none;
	text-align:left;
	border-top:solid 1px #556655;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 2px 5px 2px 5px;
	display: block;
	width:140px;
}
a.mainContent:hover
{
	color: #FFFFFF;
	background-color:#889988;
	text-decoration:none;
	text-align:left;
	border-top:solid 1px #556655;
	border-left:solid 1px #556655;
	border-right:solid 1px #556655;
	padding: 2px 5px 2px 5px;
	display: block;
	width:140px;
}
/*********************************************************************************/

/*Div that centers Text*/
#centerText
{
	text-align: center;
}

/*********************************************************************************/