body {
	margin:0px;
	padding:0px;
	background-image:url(images/bg_body.gif);
	background-position:top left;
	background-repeat:repeat;
	font-family:Georgia;
	font-size:11px;
	

}

h1 { color: #473043;
	 font-size:16px;
}
h2 { 
	 font-size:16px;
}

ul { color:#FFFFFF;}

#wrap { width: 800px;
		margin: 0 auto;}

#header {  width:800px;
			height:65px;
			background-image: url(images/header_bg.jpg);
			color:#FFFFFF;
			float:left;
 }

#menu { width: 800px;
		height: 98px;
		float:left;
}
 
#header .text { float: right;
				margin-top: 10px;
				width: 120px;
		
}





#main563 {
	float:left;
	width: 800px;
	height: 750px;
}

#main900 {
	float:left;
	width: 800px;
	height: 1400px;
}


#main {  float:left;
		width: 800px;
		height: 404px;}
		
#main2 {  float:left;
		width: 788px;
		margin-left:2px;
		height: 610px;
		background-color: #ded9cb;
		border:4px solid #FFFFFF;}
		
#side-left { float:left; 
			width: 203px;
			height: 404px;
			padding-left: 1px;
		
		

}

#side-right563 {
	float: right;
	width: 593px;
	height:750px;
	background-image: url(images/main_bg563.gif);
	background-repeat:no-repeat;
	font-size: 12px;
}

#side-right900 {
	float: right;
	width: 593px;
	height:1200px;
	background-image: url(main_bg_12001.gif);
	background-repeat:no-repeat;
	font-size: 12px;
}


#side-right { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/main_bg.gif);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-one { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/main_bg-green.gif);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-two { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/red.png);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-three { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/blue.png);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-four { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/purple.png);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-five { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/darkgreen.png);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-six { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/dark-red.png);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-seven { float: right;
				width: 593px;
				height:404px; 
				background-image: url(images/grey.png);
				background-repeat:no-repeat;
				font-size: 12px;}
#side-right .content {
	flat: left;
	margin-top: 2px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;

}
#side-right .content1 {  height: 200px;
					
							margin: 7px 7px 7px 7px;

}

#side-right .content2 {  
					
							margin: 7px 14px 7px 7px;

}


#side-right .content3 {  
					
							margin: 7px 14px 7px 14px;

}

#side-right .content2  a {	text-decoration:none;
							color: #CC0000;
							line-height: 15px;
							font-weight: bold;
						
					
							margin: 7px 7px 7px 7px;

}




#side-right .left { 	float:left;
						width: 283px;}
#side-right .right {
	float:right;
	width: 295px;
}
#side-right ul li { color: #003399;
					font-size:12px;
					}			
#side-right ul a { color: #CC0066;
					text-decoration: underline;}

#footer {  width:790px;
			height:64px;
		background-color: #333333;
		border: dotted 1px #666666;
		clear:both;
		margin-bottom:10px;
 }
 
 #nav-menu { padding-top:5px;
 padding-left: 220px;
			color:#FFFFFF;

}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
 #nav-menu li
{
float: left;
margin: 0 0.70em;
}

 #nav-menu li a
{ 
text-decoration:none;
color:#FFFFFF;
}

 #nav-menu li a:hover
{ 
color: #473043;
}

.copyright { color: #999999;
			  text-align: center;
			  font-size:11px;
			  padding-top:5px;}
			  
.test-scroll {
	margin-top: 10px;
	float:left;
	width: 575px;
	height: 280px;
	overflow: auto;
	line-height: normal;

}

.cssform { background-color: #CC6666;
			color:#FFFFFF;}


.cssform p{
width: 280px;
clear: left;
margin-left: 5px;;
padding: 5px 0 8px 0;
padding-left: 100px; /*width of left column containing the label elements*/
border-bottom: 1px dashed  #CCCCCC;
height: 1%;
font-size:0.8em;

}

.cssform label{
font-weight: bold;
float: left;
margin-left: -100px; /*width of left column*/
width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.cssform textarea{
width: 250px;
height: 60px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}