.chromestyle{
	width: 99%;
	font-weight: bold;
	padding-bottom:20px;
	padding-left: 1px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(menu.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/

}

.chromestyle ul li{
display: inline;

}

.chromestyle ul li a{
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 0px solid #000000;
	font:"Arial";
	text-indent: 2px;
}

.chromestyle ul li a:hover{
	background: url(menu_over.gif) center center repeat-x; /*THEME CHANGE HERE*/
	color: #FFFFFF;

}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #DBDBDB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	line-height:24px;
	z-index:100;
	background-color: #FFFFFF;
	width: 200px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	/*background-image: url(chromebg10-drop.gif);*/
	background-repeat: repeat-x repeat-y;
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border: 0px solid #FFFFFF;/*#DBDBDB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
/*font-weight: bold;*/
color: #000000;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FFFFFF;
}

body {
	
	background-color: #FFFFFF;
	background-image: url(bggrass.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #000000;
	margin:50px 0px; padding:0px;
	/*text-align:center;*/
	/*text-align: center;*/
}


td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}

a {
	color: #000000;
	text-decoration: none;
}

form {
	background-color: #CCCC99;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 24px;
	line-height: 30px;
  	background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: calibri;
	font-size: 20px;
	font-weight: bold;
	color: #5474BF;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #FFFFFF;
  	color: #FFFFFF;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  	font-weight: bold;
	background-color: #d6e2ee;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #d6e2ee;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #5474BF;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #000000;
	border-width:2px;
  	border-style:solid;
	border-color:#000000;
	/*box-shadow:0.2em 0.2em #CCCccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
	width:750px;
	margin:0px auto;
	/*text-align:center;*/
	padding:0px;
	/*margin-left: 15%;*/
	margin-top: 0%;
	margin-bottom: 5%;
	background-color:#FFFFFF;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  	color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

/* top section of the rounded box*/
.ptop {
background-color: #FFFFFF;
background-image: url(Top.gif);
background-repeat: no-repeat;
background-position: right top;
float:center;
margin-left:auto;
margin-right:auto;
padding: 0px 20px 0px 0px;
margin: 0px;
width: 641px;
}
/* middle section of the rounded box*/
.pmiddle {
background-color: #FFFFFF;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
  	border-style:solid;
	border-color:#000000;
	float:center;
margin-left:auto;
margin-right:auto;
margin: 0px;
width: 640px;
padding: 0px 10px;
}
/* bottom section of the rounded box*/
.pbottom {
background-color: #FFFFFF;
background-image: url(bottomr.gif);
background-repeat: no-repeat;
background-position: right bottom;
float:center;
margin-left:auto;
margin-right:auto;
padding: 0px 20px 0px 0px;
margin: 0px;
width: 641px;
}
.bringtocenter {
width: 750px;
margin-left: auto;
margin-right: auto;
text-align:center;
}
.submenualign {
}
.roundedcornr_box {
   background: #ffffff url(roundedcornr_grad3.gif) repeat top left;
   width: 99%;
}
.roundedcornr_top div {
   background: url(roundedcornr_tl.gif) no-repeat top left;
}
.roundedcornr_top {
   background: transparent url(roundedcornr_tr.gif) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(roundedcornr_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: transparent url(roundedcornr_br.gif) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
   margin-left: 0;
}
.roundedcornr_content {
	margin: 0 20px;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	line-height: normal;
	vertical-align: 50%;
}
.style1 {
	color: #FFFFFF;
	text-indent: 3px;
	font-weight: bold;
}
.style2 {
	font-family: "Lucida Sans";
	font-size: 22px;
	line-height: normal;
	color: #2a2246;
}

.style3 {
color: #002d4e
}
.style7 {
	font-size: 18px;
	font-weight: bold;
}
.vision_box { 
   background: #ffffff url(vision.gif) repeat top left;
   width: 99%;
}
.vision_content {
	margin: 100px;
	text-align:left;
	line-height: 2;
}
/* Navigation Button Code */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
text-align:center;
width: 100%;
}

.box2 {
	border-color: #000000;
	border-width:0px;
  	border-style:solid;
	border-color:#000000;
	/*box-shadow:0.2em 0.2em #CCCccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
	width: 700px; /*james changed this - it was 475*/
	margin:0px auto;
	text-align:center
	padding:2px;
	/*margin-left: 15%;*/
	margin-top: 0%;
	margin-bottom: 0%;
	background-color:#FFFFFF;
}
#contentPane{
	height:420px;
	width:500px;
	position:absolute;
	left:416px;
	top:246px;
	border:0px;
	font-family:Calibri;
	font-size:medium;
	overflow:scroll;
	visibility: inherit;
}
#signature{
	font-size:xx-large;
	color:#660000;
	font-family:"Brush Script MT";
	
}
#homepageText{
	text-align:left;
	font-family:Calibri;
	font-size:medium;
	color:#660000;
	
}
#pictureSounds{
	position:relative;
}
</style>