/* CSS Document */



body {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	background:#027DC3;
	background-image:url(../images/background-top.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#000000;
}

img {
	vertical-align: middle;
}

.oneColElsCtr #container {
	width:980px;
	background:#027DC3;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../images/background-middle.jpg);
	background-repeat:repeat-y;
}

.oneColElsCtr #containerTop {
	width:980px;
	background:#027DC3;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:215px;
	background-image:url(../images/background-container-top.jpg);
	background-repeat:no-repeat;
}

.oneColElsCtr #containerBottom {
	width:980px;
	background:#027DC3;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:190px;
	background-image:url(../images/background-container-bottom.jpg);
	background-repeat:no-repeat;
}

.oneColElsCtr #containerBottom p {
	font-size:small;
	color:#027DC3;
	text-align:right;
	/* position the footer text down and to the right */

	padding:60px 40px 20px 20px;
}

.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* start of menu */



#mainContentLeft {
	width:200px;
	float:left;
	line-height:150%;
	/* margin-left:10px;*/

	padding-left:10px;
	font-size:80%;
}

#mainContentLeft .top {
	border-top:0px;
}

#mainContentLeft ul {
	background-color:#ffffff;
	margin:0;
	padding:0;
	list-style-type:none;
}

#mainContentLeft ul li {
	margin:0px 0px 0px 0px;
}

#mainContentLeft ul a {
	display:block;
	/* padding:9px 0px 9px 15px; */

	/* width:204px;*/	

	padding:10px 0px 10px 15px;
	width:170px;
	color:#027DC3;
	background-color: #ffffff;
	text-decoration:none;
	border-bottom:1px dashed #027DC3;
}

#mainContentLeft ul a:hover {
	color:#ffffff;
	background-color:#027DC3;
	text-decoration:none;
}

#mainContentLeft ul a.active {
	color:#FF0000; /* red for current */
}

#mainContentLeft ul a.active:hover {
/* */

}

/* Second Level Menu */

#mainContentLeft ul ul {
	padding-top:0px;
	padding-bottom:0px;
}

#mainContentLeft ul ul li {
	margin:0px 0px 0px 0px;
}

#mainContentLeft ul ul a {
	display:block;
	color:#666666;
	padding:6px 0px 6px 25px;
	width:160px;
	text-decoration: none;
	border-bottom:1px dashed #666666;/* font-weight:normal; */
	font-size:90%;
	background-image:url(../images/subbg.gif);
	background-position:13px 50% ;
	background-repeat:no-repeat;

}

#mainContentLeft ul ul a:hover {
	/*color:#ffffff;*/
	/*background-color:#027DC3;*/
	color:#666699;
	
	background-color:#ffffff;
	text-decoration:none;
}

/* Third level Menu */

#mainContentLeft ul ul ul {
	padding-top:0px;
	padding-bottom:0px
}

#mainContentLeft ul ul ul li {
	margin:0px 0 0 0;
}

#mainContentLeft ul ul ul a {
	display:block;

	padding:2px 0px 2px 35px;
	width:150px;
	color:#666666;
	background-color:#ffffff;
	text-decoration: none;/* font-size:85%; */
		background-position:23px 50% ;

	

	/*

	border-bottom:1px dotted #EAEAEA;

	border-top:0px solid #E1E1E1;

	*/

}

#mainContentLeft ul ul ul a:hover {
	color:#ffffff;
	background-color:#027DC3;
	text-decoration:none;
}

/* 4th level Menu */

#mainContentLeft ul ul ul ul {
	padding-top:0px;
	padding-bottom:0px
}

#mainContentLeft ul ul ul ul li {
	margin:0px 0 0 0;
}

#mainContentLeft ul ul ul ul a {
	display:block;
	/* padding:5px 0px 5px 30px; */

	/* width:189px; */

	background-position:34px 50% ;

	padding:2px 0px 2px 45px;
	width:140px;
	color:#666666;
	background-color:#ffffff;
	text-decoration: none;/* font-size:85%; */

	/*

	border-bottom:1px dotted  #EAEAEA;

	border-top:0px solid #E1E1E1;

	*/

}

#mainContentLeft ul ul ul ul a:hover {
	color:#ffffff;
	background-color:#027DC3;
	text-decoration:none;
}

/* end of menu */





#mainContentRight {
	width:700px;
	float:right;
	margin-right:10px;
}

#mainContentRight h1, h2, h3, h4, h5, h6 {
	color:#027DC3;
}

#mainContentRight h1 {
	font-size:130%;
}

#mainContentRight h2 {
	font-size:115%;
}

#mainContentRight h3 {
	font-size:100%;
}

#mainContentRight h4, #mainContentRight h5, #mainContentRight h6 {
	font-size:100%;
	font-weight:normal;
}

#mainContentRight p {
	font-size:90%;
	margin:20px 0px;
	line-height:150%;
}

#mainContentRight li {
	font-size:90%;
	margin:10px 0px;
	line-height:150%;
}
<!--
main content a hrefs
-->
 #mainContentRight a:link {
 color:#027DC3;
 text-decoration:underline;
}     /* unvisited link */

#mainContentRight a:visited {
	color:#027DC3;
	text-decoration:underline;
}  /* visited link */

#mainContentRight a:hover {
	color:#ffffff;
	background-color:#027DC3;
}   /* mouse over link */

#mainContentRight a:active {
	color:#ffffff;
	background-color:#027DC3;
}   /* selected link */

#mainContentRight img a:link {
	color:none;
	background-color:none;
	text-decoration:none;
}     /* unvisited link */

#mainContentRight img a:visited {
	color:none;
	background-color:none;
	text-decoration:none;
}  /* visited link */

#mainContentRight img a:hover {
	color:none;
	background-color:none;
	text-decoration:none;
}   /* mouse over link */

#mainContentRight img a:active {
	color:none;
	background-color:none;
	text-decoration:none;
}   /* selected link */


<!--
footer a hrefs
-->
 #containerBottom a:link {
 color:#027DC3;
 text-decoration:underline;
}     /* unvisited link */

#containerBottom a:visited {
	color:#027DC3;
	text-decoration:underline;
}  /* visited link */

#containerBottom a:hover {
	color:#ffffff;
	background-color:#027DC3;
}   /* mouse over link */

#containerBottom a:active {
	color:#ffffff;
	background-color:#027DC3;
}   /* selected link */

/* BOXES */



.box {
	width:200px;
	background-image:url(../images/box-middle.jpg);
	background-repeat:repeat-y;
	text-align:center;
}

.boxTop {
	width:200px;
	height:30px;
	background-image:url(../images/box-top.jpg);
	background-repeat:no-repeat;
}

.box a{text-decoration:none;
background-color:#FFFFFF;


}
.box  a:hover{text-decoration:none;


}

.boxBottom {
	width:200px;
	height:30px;
	background-image:url(../images/box-bottom.jpg);
	background-repeat:no-repeat;
}

.box img {
	border:0px;
/*	padding:10px 0px;*/
}

.blueText {
	color:#027DC3;
	font-weight:bold;
}

.last_modified {
	font-size:80%;
	color:#FFFFFF;
	font-style:italic;
}

#floatLeftContainer {
	float:left;/* width:470px; */

}

#floatRightContainer {
	float:right;
	width:220px;
	text-align:right;
}

/*
.styledtable          {width: 99%; background-color:#aaccee;}
.styledtable th       {text-align: left; background-color:#aaccee; color: #003366; padding:5px;}
.styledtable td       {padding:5px; font-size:x-small;} 
.styledtable .odd td  {background-color:#ffffff;}
.styledtable .even td {background-color:#ededed;}
*/

table {
	width:99%;
	background-color:#CCCCCC;
}

table td {
	padding:5px;
	font-size:small;
	background-color:#FFFFFF;
} 

table .odd td {
	background-color:#ffffff;
}

table .even td {
	background-color:#ededed;
}