@charset "utf-8";



body { 
	font:9pt/13pt Trebuchet ms, verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(../images/main_bg.jpg);
	color: #000;
	border: none;
	margin:0;
	padding:0;
	}
	
p, table, th, tr, td, img{
	font:9pt/13pt Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #665625;
	border: none;

	}
	
h1{
font:bold 12pt/15pt Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
color:#479f9d}


	
a:link, a:visited {
	text-decoration: none;
	color: blue;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: blue;
	}

/* ----------------------- <genClasses> --------------------------- */

.wrapper{
background:url(../images/content_bg.jpg) repeat-y;
width:978px;
padding:0;
margin:0;
}

.interior_home{
background:url(../images/interior_bg.jpg) no-repeat;
padding:0;
margin:0;
}

.nav{
margin:0;
height:118px;
}

.content_home{
width:384px;
border:0px;
padding:0px;
margin:0;			
}

td.home_content_left{
width:612px;
vertical-align:top;
}

td.home_content_right{
width:366px;
vertical-align:top;
}

td.sub_content_left{
width:379px;
vertical-align:top;
text-align:right;
}



td.sub_content_right{
width:599px;
vertical-align:top;
}

td.sub_content_right .subcontent{
width:540px;
padding: 50px 0px 20px 30px;
}

td.sub_content_right .subcontent_lucas{
width:540px;
padding: 50px 0px 20px 30px;
background: url(../images/lucaslogo.gif) no-repeat top right;
}

.footer_home {
background:url(../images/footer_bg.jpg) no-repeat;
width:978px;
height:84px;
}

/* ----------------------- </genClasses> --------------------------- */

/* ----------------------- <imgRollOver> --------------------------- */


/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */
	
.imageSwap{
width:379px;
margin-top:10px;
}
	

.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(../images/SubNavBG.gif) no-repeat;
	font:  11px Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #685624;
	text-decoration: none;
	width: 379px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align:right;
	}
	

.imageSwap a:hover, .imageSwap a:active {
	background: url(../images/SubNavBG.gif) no-repeat;
	background-position: -379px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font:  11px Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #a1b302;
	text-decoration: none;
	width: 379px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align:right;
	}
	
	.imageSwap a.selected:link, .imageSwap a.selected:visited {
	background: url(../images/SubNavBG.gif) no-repeat;
	background-position: -379px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font:  bold 11px Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #a1b302;
	text-decoration: none;
	width: 379px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align:right;
	}
	

/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span {
	display: block;
	padding: 5px 40px 3px 3px;
	margin: 0;
	text-align:right;
	}