/* CSS Document */


body 
 /* global body font size tag. It's a fix to make fonts render in the correct sizes across all browsers */ 
{ 
font-size: 100.01%;
min-width:800px;
}

a img
{
border:0px;
}

#main
 /* This is the id for the main container div */ 
{ 
position:relative; 
height:auto; 
width:800px; 
border:#666666 solid 2px; 
left:50%; 
margin-left:-400px; 
text-align: left; 
}

#main_long
 /* This is the id for the main container div */ 
{ 
position:relative; 
height:auto; 
width:800px; 
border:#666666 solid 2px; 
left:50%; 
margin-left:-400px; 
text-align: left; 
}

/* image on the top of the page */
.header_image
{
position:relative;
overflow:hidden;
height:144px;
border-bottom:#666666 solid 3px;
}


/* div to contain content vertically in the main div */
#container
{
position:relative;
width:800px;
height:auto;
vertical-align:top;
margin-top:0px; 
margin-left:0px;
}



/* large image on the right side */
.rightimage
{
position:relative;
float:right;
width:200px;
height:100%;
overflow:hidden;
}

/* large image on the right side */
.contact_map
{
position:relative;
float:right;
width:422px;
height:100%;
overflow:hidden;
}


/* div to position the "tell me more" over the right image */
#tellmemore
{
position:relative;
margin-left:75px;
margin-top:25px;
z-index:2;
width:105px;
height:23px;
}

.arrow
{
float:right;
margin-top:-3px;
}

	a.tellmemore
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}

	a.tellmemore:link, a.tellmemore:visited
	{
	color:#000000;
	text-decoration:none;
	}

	a.tellmemore:hover, a.tellmemore:active
	{
	color:#CC0000;
	text-decoration:none;
	}
	
	a.resources
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

	a.resources:link, a.resources:visited
	{
	color:#000000;
	text-decoration:none;
	}

	a.resources:hover, a.resources:active
	{
	color:#CC0000;
	text-decoration:none;
	}


#flashtext
{
padding-left:30px;
}

.bodycontainer
{
position:relative;
width:654px;
top:0px;
left:146px;
background-image:url(images/yellow.gif);
}


#maintext
{
position:relative;
float:right;
width:447px;
}

#maintext_contact
{
position:relative;
float:right;
width:225px;
}


#maintext .headerimage
{
margin-top:50px;
width:400px;
height:43px;
}

#maintext .headerimage_twoline
{
margin-top:25px;
width:200px;
height:43px;
}

#maintext p
{
padding-left:35px;
padding-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:14px;
}

#maintext_contact p
{
padding-left:35px;
padding-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:14px;
}

#maintext_contact .headerimage
{
margin-top:50px;
width:200px;
height:43px;
}

form
{
padding-left:35px;
padding-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

td.form
{
width:150px;
}

.testingtd
{
width:125px;
}

ul
{
padding-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-left:60px;
}

/* the next four groups are needed for the long pages, such as news, equipment, etc. */
#maintext_long
{
position:relative;
float:right;
width:647px;
}

#maintext_long p
{
padding-left:35px;
padding-right:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:14px;
}

#maintext_long h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#990000;
padding-left:35px;
}

#maintext_long .headerimage
{
margin-top:50px;
height:43px;
}

#maintext_long .headerimage2
{
margin-top:10px;
height:43px;
}

#line
{
left:35px;
position:relative;
border-bottom:#666666 dotted 2px;
height:4px;
width:525px;
padding-bottom:10px;
margin-bottom:20px;
}

/* USE ONLY IF YOU NEED TO FORCE THE MAIN DIV DOWN */
#maintext_long #forcedown
{
left:35px;
position:relative;
height:80px;
width:525px;
margin-bottom:100px;
}

img.rightlogo
{
position:absolute;
bottom:34px;
left:0px;
}
		
		
/* Menu Div Positioner*/
		.menu
		{
		position:relative;
		float:left;
		max-height:100%;
		width:144px;
		padding-left:3px;
		background-color:#999999;
		
		}
		
/* Affects table in the menu class */
		.menu #maintable
		{
		height:auto;
		width:144px;
		}
		
/* Affects all cells in a table in the menu class */
		.menu #maintd
		{
		height:11px;
		text-align:left;
		vertical-align:middle;
		padding:0px;
		}
		
/* this is for links that are on (active) when you are on the page the link is referencing. ALSO LINKS */
		
		.menu #maintd_on
		{
		height:11px;
		text-align:left;
		vertical-align:middle;
		padding:0px;
		}
		
		.menu #maintd_on a
		{
		display:block;
		padding-top:7px;
		padding-bottom:7px;
		padding-right:7px;
		padding-left:10px;
		}
		
		
		.menu #maintd_on a:link, .menu #maintd_on a:visited 
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		color:#000000;
		background-image:url(images/yellow.gif);
		border-left:solid #FF0000 5px;
		}
		
		.menu #maintd_on a:hover, .menu #maintd_on a:active
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		color:#000000;
		background-image:url(images/yellow.gif);
		border-left:solid #FF0000 5px;
		}
		
/* this is to create the link ability for a table cell. The whole cell is a link and not just the text */
		.menu #maintd a
		{
		display:block;
		padding-top:7px;
		padding-bottom:7px;
		padding-right:7px;
		padding-left:10px;
		}
		
/* This sets the attributes for the link stages and also sets the image that fills the table cell on mouse off */
		.menu #maintd a:link, .menu #maintd a:visited
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-transform:uppercase;
		text-decoration:none;
		
		border-left:solid #666666 5px;
		color:#000000;
		background-color:#FFFFFF;
		}
		
/* This sets the attributes for the link stages and also sets the image that fills the table cell on mouse over */
		.menu #maintd a:hover, .menu #maintd a:active 
		{
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		color:#000000;
		background-image:url(images/yellow.gif);
		border-left:solid #FF0000 5px;
		}
		
					
					
					
					/* this is to create the link ability for a table cell. The whole cell is a link and not just the text */
					.menu #maintd_request
					{
					width:144px;
					height:200px;
					
					}
					
					
					.menu #maintd_request a
					{
	display:block;
	padding-top:18px;
	padding-bottom:7px;
	padding-right:7px;
	padding-left:0px;
	margin-top:15px;
	margin-bottom:150px;
					}
					
			/* This sets the attributes for the link stages and also sets the image that fills the table cell on mouse off */
					.menu #maintd_request a:link, .menu #maintd_request a:visited
					{
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					text-transform:uppercase;
					font-weight:bold;
					text-decoration:none;
					background-image:url(images/br_off.jpg);
					background-repeat:no-repeat;
					}
					
			/* This sets the attributes for the link stages and also sets the image that fills the table cell on mouse over */
					.menu #maintd_request a:hover, .menu #maintd_request a:active 
					{
					font-weight:bold;
					text-decoration:none;
					color:#FF0000;
					text-transform:uppercase;
					background-image:url(images/br_on.jpg);
					background-repeat:no-repeat;
					}
		
		.submenu
		{
		position:relative;
		padding-left:5px;
		}
		
/* Affects table in the Submenu class */
		.menu #subtable
		{
		height:auto;
		width:139px;
		}
		
		
/* SUBMENU this is for the submenus under the mains */
		.submenu #subtd
		{
		height:8px;
		text-align:left;
		vertical-align:middle;
		padding:0px;
		}
		
		.submenu #subtd_on
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		
		text-decoration:none;
		
		color:#000000;
		background-image:url(images/yellow.gif);
		border-left:solid #FF0000 5px;
		display:block;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:15px;
		}
		
/* SUBMENU: this is to create the link ability for a table cell. The whole cell is a link and not just the text */
		.submenu #subtd a
		{
		display:block;
		padding:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:15px;
		}
		
/* SUBMENU This sets the attributes for the link stages and also sets the image that fills the table cell on mouse off */
		.submenu #subtd a:link, .submenu #subtd a:visited
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		
		text-decoration:none;
		
		border-left:solid #99CC33 5px;
	
		color:#000;
		background-color:#FFFFFF;
		}
		
/* SUBMENU: This sets the attributes for the link stages and also sets the image that fills the table cell on mouse over */
		.submenu #subtd a:hover, .submenu #subtd a:active 
		{
		
		text-decoration:none;
		color:#000;
		background-image:url(images/yellow.gif);
		border-left:solid #FF0000 5px;
		}
		
		
#footer
{
bottom:0px;
left:0px;
position:absolute;
border-top:#FF0000 solid 3px;
background-color:#FFFFFF;
width:800px;
height:92px;
overflow:hidden;
}


#footer p.footertext
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
color:#000000;
vertical-align:middle;
margin-top:5px;
}

td.navmenu	{background-color:#999999; width:144px; vertical-align:top; border-collapse:separate;}

td.text {background-color:#FFFFFF; width:450px; vertical-align:top; border-collapse:separate;}

td.image {background-color:#FFFFFF; width:200px; vertical-align:top; border-collapse:separate;}

table {border-collapse:separate;}


td.navmenu_long {background-color:#999999; width:144px; vertical-align:top; border-collapse:separate; border-right:#666666 solid 3px;}

td.text_long {background-color:#FFFFFF; width:650px; vertical-align:top; border-collapse:separate;}



td.navmenu_contact	{background-color:#999999; width:144px; vertical-align:top; border-collapse:separate;}

td.text_contact {background-color:#FDB812; width:228px; vertical-align:top; border-collapse:separate;}

td.image_contact {background-color:#CCCCCC; width:424px; vertical-align:top; border-collapse:separate;}


#designby
 /* This is the id for the main container div */ 
{ 
position:relative; 
height:auto; 
width:800px;
left:50%; 
margin-left:-400px; 

}

#designby p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
text-align:center;
}

#designby a:link, #designby a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
text-decoration:none;
}

#designby a:hover, #designby a:active
{
text-decoration:underline;
}