body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	width:100%;
}

#megawrapper {
	position: relative;
	width : auto;
	margin: 0px auto;
	border : 1px solid black;
	text-align:left;
	width:95%; /* Specifying a width allows the content to be centered instead of pushed to the left by default */
	min-height: 950px !important; /* This sets the page height to be a minimum of 950px tall in order to prevent the footer from being covered my the left navigation on those pages that have little content. The actual positioning of the footer itself is done on the individual pages themselves */
}
#headerbar0 {
	height: 100px;
	color : white;
	background-color : #262662;
}
#headerbar1 {

}

#headerbar2 {
	background : #062059;
	height: 80px;
}

#headerbar3 {
	background : url(picts/bluebar.gif) repeat-x;
	height : 32px; 
}


#menuwrapper {
	left : 7px;
	position : absolute;
	top : 223px;
	width : 168px;

}

.menu {
	font-family: arial, verdana, helvetica, sans;
	font-size: 12px;
	height: 35px;
	width: 168px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	display: block;
	border: #FFFFFF 0px solid; 
	text-decoration : none;
}

/* New class added. In IE8, Opera and Safari, the text-indent: 8px; declaration in the .menu class above caused the top and bottom images in the menu <td> tags to be indented 8px to the right, thus offsetting the images. This new class is applied only to the <td> menu tags that contain text. ==Lori Corbet== */
.indent {
	text-indent: 8px;
}


.menu a:link 	{
 	background-image: url("picts/menu.gif");
	background-color:#E2E6ED;
	color: #003366; 
}


.menu a:visited 	{ 
	background-image: url("picts/menu.gif");
	background-color:#E2E6ED;
	color: #003366;
 }
 
.menu a:hover 	{ 
	background-image: url("picts/menuon.gif");
	background-color:#E2E6ED;
	color: #666699;
 }

.menu a:active 	{  
	background-image: url("picts/menuon.gif");
	background-color:#E2E6ED;
	color: #666699; 
}

#contentwrapper {
	width: 95%;
}

#content1 {
width: 650px;
	margin : 0px 10px 10px 200px;
	padding : 0px 0px 0px 0px;	
	
	/*border : 1px dashed #9932CC;*/
}



#footerwrapper {

}

#footer1 {

	height : 28px;
}

#footer2 {
		padding: 5px 5px 5px 5px;
}

.contentmain {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.contentmain h1{
	font-size : 20px;
	font-weight : bold;
}

.contentmain h2 {
	font-size : 17px;
	font-weight : bold;
}

.contentmain h3 {
	font-size : 15px;
	font-weight : bold;
}

.contentmain h4{
	font-size : 14px;
	font-weight : bold;
}

.contentmain h5{
	font-size : 13px;
	font-weight : bold;
	margin: 10px 0px 0px 0px;
}


.contentmain p {
	font-size : 13px;
	margin: 0px 0px 12px 0px;

}

.contentmain li {
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	color : #00468F;
}

/* This is for those pages that require the main content to fill the available scrren space. ==Lori Corbett== */
.wide {
	width:80% !important;
}


.copyright	{ 
	color: #000033; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	position:relative;
	text-align:center;
 }
 
 /* New class for the W3C Validation icons ==Lori Corbett== */
 .validate {
 	text-align:center;
	margin-top:5px;
 }
 
 .products h2 a {
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 20px;
}
.products p {
		font-size : 15px;
}


a:link 	{
	color: Blue; 
}


a:visited 	{ 
	color: Blue;
 }
 
a:hover 	{ 
	color: Red;
 }

a:active 	{  
	color: Red; 
}

.ft1 {
	font-weight : bold;
	color : Black;
	font-size : 110%;
}
.ft2 {
	font-weight : bold;
	color : #EEBF00;
	font-size : 110%;
}
.clearer {
	clear : both;
}

.indexclassified {
	height:298px;
}