body {
	background-color:#D4D4F7;
	font: small Arial, Helvetica, Verdana, sans-serif;
 	background-repeat: repeat-x;
	background-image:url('img/gradient.jpg');
}
 
#wrapper {
width: 800px;
background-color:white;
margin:10px auto;
border: 1px solid #000000;
}

#maintable {
width:800px;
padding:0px;
margin:0px;
}

#aboveheadpic {
	padding: 0px; margin:0px;
}

#aboveheadpic p {
	font-style:italic;
	font-weight:bold;
	padding: 2px 2px 2px 10px;
	margin: 0px;
	color:navy;
}

#aboveheadpicright {
	padding: 0px;
	 margin:0px;
	 float: right;
}

#aboveheadpicright p {
	padding: 2px 10px 2px 10px;
	margin: 0px;
	color:navy;
}

#aboveheadpicright ul {
  margin: 0;
  padding: 0;
  padding: 0 10px 0 0;
  text-align: right;
}
#aboveheadpicright li {
  display: inline;
  color: #050845;
}
#aboveheadpicright a:visited {
  text-decoration: none;
  color: #050845;
}
#aboveheadpicright a:link {
  text-decoration: none;
  background-color: #fdf8f2;
  color: #050845;
}

#header {
	color:white;
}
#header H1 {
 	margin: 0px;
 	padding: 10px 0px 2px 10px;	
}

#header p {
	font-size:100%;
	margin:0px;
	padding: 15px 40px 5px 40px;
}

#headerpic {
	background-image:url('img/header.gif');
	height:140px;
	width:800px;
}

.searchbar form {
	margin:0px;
	padding:1px 10px 0px 0px;}
	
.style2 {
	text-align: right;
}


/* ----------------------------------- end header ----------------------------------------------------------*/

/* ----------------------------------- start side navigation -----------------------------------------------*/

.navigation {
	background-color: #D4D4F7;
	width: 173px;
	margin: 1px 5px 5px 10px;
}

#navigationcell {
	width:200px;
}

.ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 170px;
}

.ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 161px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #6666ff;
border-bottom: 1px solid #90bade;
border-left: 0px solid #1958b7;
}

* html .ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

.ddblueblockmenu li a:hover {
background-color:#FF9933; /* #000ff3; */
border-left-color: #1c64d1;
}

.ddblueblockmenu div.menutitle{

color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #0003ff;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}



/* ------------------------------- end navigation menu --------------------------------*/


/* ------------------------------- start content section --------------------------------*/



#contentcell {
	width:600px;
}

#content {
	width:585px;
	background-color:white; /* #D4D4F7;  */
	margin: 1px 10px 5px 5px;
}

.contentheader {    
	width:585px;
	background-color:#0003ff;
	color:#efefef;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid black;
	}

.contentheader h2 {
	padding:2px 2px 2px 5px;
	margin:0px;
	font-weight:bold;
	font-size:110%;
	}

.twoaccrossnopic {
	
	width:585px;
	background-color:#D4D4F7;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	
/* background-color:#D4D4F7; EAEAFB */

}

.twoaccrossnopic p {
	margin:0px;
	padding: 2px 10px 2px 10px;
	font:90%;
	color:navy;
	text-align:justify;
}
	
	
.twoaccrossnopic h4 {
	
	margin:0px;
	padding: 2px 10px 2px 10px;
	font-weight:bold;
	font-size:100%;	
	color:#000ff3;
	
}

.twoaccrossnopic ol {
margin-top:5px;
margin-bottom:5px;
}


.twoaccrossnopic li {
color:navy;
}


.twoaccrossdiv100 {
	
	width:585px;
	background-color:#D4D4F7;
	margin: 0px 0px 5px 0px;
	min-height:112px;
	padding:0px;
}

.twoaccrossdiv100 p {
	padding: 2px 10px 2px 10px;
	margin:0px;
	font:90%;
	color:navy;
	text-align:justify;
	}
	
.twoaccrossdiv100 h4 {
	margin:0px;
	padding: 2px 10px 2px 10px;
	font-weight:bold;
	font-size:100%;	
	color:#000ff3;} 

.twoaccrossdiv150 {
	
	width:585px;
	background-color:#D4D4F7;
	margin: 0px 0px 5px 0px;
	min-height:162px;
	padding:0px;
}

.twoaccrossdiv150 p {
	padding: 2px 10px 2px 10px;
	margin:0px;
	font:90%;
	color:navy;
	text-align:justify;
	}
	
.twoaccrossdiv150 h4 {
	margin:0px;
	padding: 2px 10px 2px 10px;
	font-weight:bold;
	font-size:100%;	
	color:#000ff3;
} 


.twoaccrossdiv190 {
	
	width:585px;
	background-color:#D4D4F7;
	margin: 0px 0px 5px 0px;
	min-height:202px;
	padding:0px;
}

.twoaccrossdiv190 p {
	padding: 2px 10px 2px 10px;
	margin:0px;
	font:90%;
	color:navy;
	text-align:justify;
	}
	
.twoaccrossdiv190 h4 {
	margin:0px;
	padding: 2px 10px 2px 10px;
	font-weight:bold;
	font-size:100%;	
	color:#000ff3;
} 


.twoaccrossdiv210 {
	
	width:585px;
	background-color:#D4D4F7;
	margin: 0px 0px 5px 0px;
	min-height:222px;
	padding:0px;
}

.twoaccrossdiv210 p {
	padding: 2px 10px 2px 10px;
	margin:0px;
	font:90%;
	color:navy;
	}
	
.twoaccrossdiv210 h4 {
	margin:0px;
	padding: 2px 10px 2px 10px;
	font-weight:bold;
	font-size:100%;
	color:#000ff3;
	
} 




.tipdiv {
	width:585px;
	background-color:#D4D4F7;
	margin: 0px 0px 5px 0px;
	padding: 0px;}
	
.tipdiv p {
	margin:0px;
	padding: 2px 10px 2px 50px;
	font:90%;
	color:navy;
}

.tipdiv h4 {
	margin:0px;
	padding: 2px 10px 2px 50px;
	font-weight:bold;
	font-size:100%;
	color:navy;	
} 

	
.tipdivimg {
	float:left;
	margin:0px;
	padding: 2px 2px 2px 2px;
}
/* **************************************** animation divs ********************* */

.twoaccrossdiv230 {
	
	width:585px;
	background-color:#D4D4F7;
	margin: 0px 0px 5px 0px;
	min-height:242px;
	padding:0px;
}

.twoaccrossdiv230 p {
	padding: 2px 10px 2px 10px;
	margin:0px;
	font:90%;
	color:navy;
	}

.flashright {
background-color:white;	
float:right;
margin: 5px 15px 0px 5px;
padding:0px;
border-style: solid;
border-width: 1px;

}



/* ******************************************** floats *************************** */

.clearboth  {
	clear:both;	
}

.imagefloatright {
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 5px 15px 0px 5px;
	/* border:1px #494949 solid; */
}

.imagefloatrightnext {
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 5px 0px 0px 5px;
	/* border:1px #494949 solid; */
}

.imageacrosspage {
	border-style: solid;
	border-width: 1px;
	
	/*margin: 5px 15px 0px 5px; */
	/* border:1px #494949 solid; */
}

.imageaccrosspagefrompf {
	margin: 5px 0px 5px 40px; 
	border-style: solid;
	border-width: 1px;
	
	/*margin: 5px 15px 0px 5px; */
	/* border:1px #494949 solid; */
}


/* ************************************** containers of text ********************************** */

.piccontainer {
background-color:white;	
float:right;
margin: 5px 15px 0px 5px;
padding:0px;
border-style: solid;
border-width: 1px;

}

.pictext {
	color:blue;
	padding: 3px 5px 10px 15px;
}

.textcont {
	color:blue;
	width:200px;
	background-color:white;	
	float:right;
	margin: 5px 15px 0px 5px;
	padding:5px 5px 5px 5px;
	
	border-style: solid;
	border-width: 1px;
}

.textcont h4 {
	font-weight:bold;
	margin:0px;
	padding:0px;
}

/* ****************************************** home page development ************************* */

.homeboxright {
	background-color:#D4D4F7;	
	float:right;
	margin: 0px 0px 5px 0px;
	padding:0px;
	/*border-style: solid;
	border-width: 1px;*/
	width:290px;
	
}

.homeboxright p {
	margin:0px;
	padding: 2px 10px 2px 10px;
	font:90%;
	color:navy;
	text-align:justify;
}


.homeboxleft {
	background-color:#D4D4F7;	
	float:left;
	margin: 0px 0px 5px 0px;
	padding:0px;
	/*border-style: solid;
	border-width: 1px;*/
	width:290px;
}

.homeboxleft p {
	margin:0px;
	padding: 2px 10px 2px 10px;
	font:90%;
	color:navy;
	text-align:justify;
}


.contentheaderright {    
	width:290px;
	background-color:#0003FF; /* 0003FF #B21708 */
	color:#efefef;
	margin: 0px 0px 5px 0px;
	float:right;
	/*border-style: solid;
	border-width: 1px;
	border-color:black;*/
	}

.contentheaderright h2 {
	padding:2px 2px 2px 5px;
	margin:0px;
	font-weight:bold;
	font-size:110%;
	}

.contentheaderleft {    
	width:290px;
	background-color:#0003FF; /* 0003FF #B21708 */
	color:#efefef;
	margin: 0px 0px 5px 0px;
	float:left;
	/*border-style: solid;
	border-width: 1px;
	border-color:black;*/
	}

.contentheaderleft h2 {
	padding:2px 2px 2px 5px;
	margin:0px;
	font-weight:bold;
	font-size:110%;
	}


/* ---------------------------------------------- new stuff to add ------------------------------------------*/


#contentform {
	
	width:700px;
	background-color:white;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	vertical-align:top; }
	
.formtext {
	width:100%;
	background-color:white;
}

.formtext p {
	font-weight:bold;
	margin:0px;
	padding:5px 15px 5px 15px;
	font-size:105%
}