body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-image:url(newwebbackground.jpg);
	background-attachment:fixed;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	color:#003300;
}

#topsection{
height:0px;
width: 640px;
}
#maincontainer{
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-image: url(background.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#contentwrapper{
float: left;
width: 100%;
}
/* ie6 fix .............................................. */
 


#contentcolumn{
	margin-left: 240px; /*Set left margin to LeftColumnWidth*/
	height:1200px;
	background-image: url(Main_Area.gif);
	background-repeat:no-repeat;
	background-position:0px 240px;
	
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
height:1200px;
margin-left: -900px; /*Set left margin to -(MainContainerWidth)*/
background-image:url(Left_Bar.gif);
background-repeat: no-repeat;
background-position: 30px 20px;
}

/* ie6 fix .............................................. */
 
#leftcolumn {position:relative; zoom:1;}



#footer{
clear: left;
width: 100%;
color: #003300;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #003300;
}


/*navigation*/
#navimagebar {
	width: 641px;
	height: 210px;
	background: url(Menu_Bar.jpg);
	margin: 0px 0px 0px 240px;
	padding: 0px;
	position: relative;
	top:20px;
	
}
  #navimagebar li {
    margin: 0px; padding: 0; list-style: none;
    position: absolute; top: 0px;
	}
#navimagebar li span{
visibility:hidden}
	
  #navimagebar li, #navimagebar a {
    height: 210px; display: block;text-decoration:none; }
	
#panel1b {left: 0px; width: 109px;}
  #panel2b {left: 110px; width: 80px;}
  #panel3b {left: 191px; width: 80px;}
  #panel4b {left: 273px; width: 80px;}
  #panel5b {left: 354px; width: 70px;}
  #panel6b {left: 425px; width: 110px;}
  #panel7b {left: 536px; width: 80px;}	

  #panel1b a:hover {
    background: transparent url(Menu_Bar.jpg)     0 -210px no-repeat;
	}
  #panel2b a:hover {
    background: transparent url(Menu_Bar.jpg)     -110px -210px no-repeat;}
  #panel3b a:hover {
    background: transparent url(Menu_Bar.jpg)     -191px -210px no-repeat;}
  #panel4b a:hover {
    background: transparent url(Menu_Bar.jpg)     -272px -210px no-repeat;}
	#panel5b a:hover {
    background: transparent url(Menu_Bar.jpg)     -353px -210px no-repeat;}
	#panel6b a:hover {
    background: transparent url(Menu_Bar.jpg)     -424px -210px no-repeat;}
	#panel7b a:hover {
    background: transparent url(Menu_Bar.jpg)     -535px -210px no-repeat;}	

/*.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;
}
#headlabels{
padding-top:255px;	
padding-left:13px;
	
}

/*Universal Styling*/	
b{font-size: 110%;}
A:link {color: #003300;text-decoration: none;} 
A:hover {color: #003300; text-decoration:underline}
a {color: #003300;
text-decoration:none}
.hiddenspan{display:none;}

.indent {margin-left:190px;}
.indentevent{margin-left:20px;}

.dropcap {
color:#336633;
font-size:25px;
padding-top:0px;
padding-bottom:0px;
font-family: "Times New Roman", Times, serif;
font:bolder;
}