@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../images/bgStripe2.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	}
#logoPiece {
	z-index: 100;
	position:relative;
	top:229px;
	left:-425px;
	}
#footer {
/*border:2px solid pink;*/
color:#245f7f;
	font-size:11px;
	padding:8px 0 20px 0;
	padding-left:94px;
	background-color:#FFFFFF;
}
#bodyDiv {
min-height:400px;
padding-left:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	text-align:left;
}
#bodyDiv2 {
padding-left:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}
#secTextLeft {
	background-image:url(../images/secText_02.jpg);
	background-repeat:repeat-y;
}
#rightColInside {
float:left;
	min-height:310px;
	height:100%;
	width: 240px;
}
.style1 {color: #00456a}
#table1 {
background-color:#FFFFFF;
width:551px;
height:100%;
margin:0;
padding:0;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#table2 {
float:left;
width:263px;
background:url(../images/secTable2_10.jpg) #00456a no-repeat center bottom;
background-color:#FFFFFF;
}
body {
font-size:12px;
font-family:Arial;
color: black;
background-color: #FFFFFF;
text-align: center; /* centering the content for IE6 */
}
#wrapper {
float:left;
padding:0;
background:url(../images/secTable2_10.jpg) #00456a no-repeat right bottom;
width:814px;
border-right: 2px sold #FFFFFF;
 /* must put this in for FireFox. */
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
/*border:1px solid blue;*/
height:100%; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
}
ul {
	padding-left:16px;
	}
h1 {
color:#00456a;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
}
#footerDiv {
background-color:#FFFFFF;
float:left;
padding-top:9px;
width:790px;
font-size:11px;
}
#sidebar {
width:263px;
float:left; 
/*border:1px solid red;*/
min-height:617px;
height:100%; /* so the menu has the height of the main content and
visa versa */
}
#sideTop {
 height:306px;	
}
#mainDiv {
background-color:#FFFFFF;
	width:814px;
	z-index:99;
	position:relative;
	top:-55px;
	padding:0;
	margin:0;
}
#main {
width:551px;
padding:0;
margin:0;
min-height:310px;
background-color:#FFFFFF;
float:left; /* float the content to the left */
/*border:1px solid green;*/
height:100%; /* so the content has the height of the menu and visa
versa */
}
a {
border:0;
color:#00456a;
text-decoration:none;
}
a:focus, a:active { 
outline: 0; 
-moz-outline: none; 
}