/***********************************************/
/* Content.css		                           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	color:#003399;
	font-family: Arial,sans-serif;
	background: #ffffcc url(Background.gif) repeat top left;
	text-align: center;
	min-width: 740px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
	position: relative;
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

#header{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
/*	height: 125px;*/
	margin: 10px 0px 0px 10px;
	z-index: 3;
}

.header img{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#navBar{
	position: absolute;
	text-align: left;
	width: 10em;
/*	left: 0px;*/
	left: 3em;
	top: 150px;
/*	margin-left: -10px;*/
	margin-left: -3em;
	border-left: 1px solid #cccccc;
	z-index: 2;
}

#content{
	position: relative;
	top: 60px;
	left: 0px;
	width: 500px;
	margin-left: 80px;
	margin-top: 0px;
/*	padding-left: 110px;*/
	padding-left: 6.5em;
	padding-right: 10px;
	background-color: #ffffff;
	border: 1px solid #000000;
	z-index: 1;
}

#footer{
	margin-left: -80px;
	width: 560px;
	border-top: 1px solid #cccccc;
	font-size: 75%;
	color: #000000;
	z-index: 1;
}

#copyright{
	margin: 3px 10px 3px 10px;
	text-align: left;
	z-index: 1;
}

#footerLogo{
	position: relative;
	z-index: 6;
}

#footerLogo img{
	top: -80px;
	margin-left: 590px;
}
	
#location{
	font-weight: bold;
	font-size: 80%;
	text-align: center;
}

.location img{
	float: none;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0px 0;
	border: 2px solid #003399;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*************** #pageName styles **************/

#pageName{
	padding: 10px 0px 10px 0px;
}

/************** .storyRight styles *****************/

.storyRight{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.storyRight p{
	padding: 0px 0px 10px 0px;
}

.storyRight img{
	float: left;
	padding: 5px 10px 0px 0px;
	margin: 0 5px 5px 0px;
}

/************** .storyLeft styles *****************/

.storyLeft{
	clear: both;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

.storyLeft p{
	padding: 0px 0px 0px 0px;
}

.storyLeft img{
	float: right;
	padding: 5px 0px 0px 10px;
	margin: 0 0px 0px 0;
}

/************* #siteInfo styles ****************/




/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited, #navBar ul:hover {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	border-top: 1px solid #000000;
	color: #ffffff;
	background: #333366 url(Button.gif) repeat-x top;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 100%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
	color: #ffffff;
	background: #333366 url(Button.gif) repeat-x top;
	text-decoration: none;
}

#sectionLinks a:visited{
	padding: 2px 0px 2px 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #333366 url(Button.gif) repeat-x top;
	text-decoration: none;
	color: #ffffff;
}

#sectionLinks a:hover{
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #ccccff url(ButtonHover.gif) repeat-x top;
	text-decoration: underline;
	color: #ffffff;
}

#sectionSubLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	background: #333366 url(Button.gif) repeat-x top;
	color: #ffffff;
}

#sectionSubLinks a:link{
	font-size: 90%;
	padding: 2px 0px 2px 20px;
	width: 100%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
	text-decoration: none;
	background: #333366 url(Button.gif) repeat-x top;
	color: #ffffff;
}

#sectionSubLinks a:visited{
	font-size: 90%;
	padding: 2px 0px 2px 20px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	text-decoration: none;
	background: #333366 url(Button.gif) repeat-x top;
	color: #ffffff;
}

#sectionSubLinks a:hover{
	font-size: 90%;
	background-color: #dddddd;
	padding: 2px 0px 2px 20px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	text-decoration: underline;
	background: #ccccff url(ButtonHover.gif) repeat-x top;
	color: #ffffff;
}