/*****************************************************
common style
*****************************************************/
html, body {
    margin: 0px; 
    padding: 0px; 
	width: 100%;
	height: 100%;
}

body, input {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 15px;
	color : #000000;	
}
h1, h2 {
	/*
	These tags load a heading graphic and hide the heading text in style enabled browsers.
	For style disabled browsers such as search engine spiders and text readers, only the
	heading text is displayed.
	 */
	font-size: 0px; /* hide the text */
	line-height: 0px;
	text-indent: -9999px; /* hide the text in IE 6 and Safari */	
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;

}
h1 {	
	width: 402px;
	height: 76px;	
	/* load the header graphic into the background */
	background-image: url(images/banner_starpointe.gif); 
}
h2 {
	float: left;
	width: 547px;
	height: 59px;	
}
h3 {
	font-size: 13px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;	
}
h4, h5 {
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
}
h5 {
	text-transform: none;
}
h6 {
	display : none; /* hiding H6 and using sliced png image placed right after tag */
	font-size: 14px;
	line-height: 22px;
	margin: 0px 0px 5px 0px;
}

p, ul, ol {
	margin: 0px 0px 10px 0px;
}

ul {
	padding: 0px 0px 0px 16px;
	list-style-type: square;	
}
ul li {
	margin: 0px 0px 5px 0px;
}
ul li span {
	color : #000000;
}

hr {
	border: 0px;
	color : #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	margin: 20px 0px 20px 0px;
}

a {
	font-weight: bold;
	color: #285c74;
}
a:hover {
	text-decoration:none;
}

/*****************************************************
main section 
*****************************************************/
.main {
	background-color : #285c74;
	/*background-image : url(images/background_tile_body.gif);*/
	background-repeat : repeat-y;	
	float:left;
	width: 100%;
	padding: 0px;
	margin: 0px;	
}

/*****************************************************
banner and main nav section 
*****************************************************/
.bannerRow, .htmlNav {
	/*
	The banner and nav bars are rendered in Flash.
	The HTML will only be visible to style disabled
	browsers such as text readers and search spiders
	*/
	display:none;
}

#mainNav {
	/*width: 100%;*/
	background-color: #ffffff;
	padding: 0px 0px 0px 51px;
}

/*****************************************************
subNavs section 
*****************************************************/
.subNav {
	/*width: 100%;*/
	height:19px;
	padding: 5px 0px 0px 52px;
	background-color: #285c74;
	overflow: hidden;
}
.row1 {
	border-bottom: 1px solid #ffffff;
}
.row2 {
	border-bottom: 2px solid #ffffff;
}
.subNavDropshadow {
	width: 100%;
	height:11px;
	position: absolute;
	top:149px;
}

/*****************************************************
mid row section
*****************************************************/
.midRow {
	width: 100%;
	overflow: hidden;
	clear: left;
	background-repeat : repeat-y;
	background-image : url(images/background_tile_body.gif);
}
.midRowWrapper {
	width: 2500px;
}

/*****************************************************
content section 
*****************************************************/
.contentColumn {
	float: left;
	width: 547px;
}

.contentNav {
	clear: left;
	width: 528px;
	height: 18px;
	padding: 3px 0px 0px 19px;
	border-top: 2px solid #ffffff;	
	border-bottom: 2px solid #ffffff;
	overflow: hidden;
}

#contentCopy {
	clear: left;
	width: 505px;
	padding: 15px 21px 10px 21px;
	margin: 0px 0px 30px 0px;
	background-color : #ffffff;
}

.dataTable {
	border:none;
	border-collapse:collapse; 
	margin:0px 0px 10px 0px;
	padding:0;
}
.dataTable th {
	text-align: left;
	padding: 0px 0px 7px 0px;
}
.dataTable td {
	vertical-align: top;
	padding: 0px 10px 5px 0px;
}
.dataTable a {
	font-weight: normal;
}

#contentCopy .dynamicContent { display: none; }

/*****************************************************
footer section 
*****************************************************/
.footer {
	clear: left;
    width: 100%;
	padding: 10px 0px 30px 0px;
	background-color:#ffffff;
	font-size: 10px;
	line-height : 13px;	
}
.footer p { 
	margin: 0px 0px 0px 71px; 
	width:823px; /* force a horizontal scroll bar when the browser window is narrower than the number specified */
}
.footer a {
	color : #000000;
	font-weight: normal;
	text-decoration: none;
}
.footer a:link {color : #000000; text-decoration: underline; }
.footer a:visited {color : #000000; text-decoration: underline; }
.footer a:hover {color : #000000; text-decoration: none; }
.footer span { margin: 0px 5px 0px 5px; }

/*****************************************************
flash containers
*****************************************************/

#flash_banner {
	width:100%;
	height:75px;
	overflow: hidden;
}
#mainMenuFlash_div {
	width:100%;
	height:20px;
	overflow: hidden;
	padding: 3px 0px 0px 0px;
}
#flashPlayerDownload {display:none;}
#flashLeft, #flashRight {
	float: left;
	height: 623px;
	overflow: hidden;
}
#flashLeft {
	width: 49px;
	border-right: 3px solid #ffffff;
}
#flashRight {
	width: 877px;
	border-left: 3px solid #ffffff;
}