/* A fluid template for business or fun */
/* By Dave Reeder, www.davereederdesign.com */

body { margin: 0; padding: 0; text-align: center; font-size: 0.8em; color:#FFFFFF; background-color : inherit; }

* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Arial, sans-serif; }


/*------------Basic styles------------*/

p, h1, h2, h3 { margin: 0 10px; text-align:justify; color: #FFFFFF; font-weight: normal; text-decoration: none; background: transparent; }
span#design { margin: 0 10px; text-align:justify; color: #FFFFFF; font-weight: normal; text-decoration: none; background: transparent; font-size: 13px; line-height: 20px; float: right; }
span#copyright { margin: 0 10px; text-align:justify; color: #FFFFFF; font-weight: normal; text-decoration: none; background: transparent; }

td, th, li, p, td, { font-size: 1.0em; line-height: 1.4em; color: #FFFFFF; }
table { background-color : inherit; font-size: 1.0em; line-height: 1.4em; color: #FFFFFF;}
tr { background-color : inherit; font-size: 1.0em; line-height: 1.4em; color: #FFFFFF;}
h1 { font-size: 1.3em; line-height: 1.4em; color: #FFA000; letter-spacing: 0.25em }	/* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #FFA000 }	/* site heading */
h3 { font-size: 0.8em; line-height: 1.4em; color: #FFA000  }				/* sub headings */

span.validation {  float: right; margin-right: 10px; } /* floats the validation buttons */
.validation img {  margin: 0; } /* floats the validation buttons */

div { padding: 10px 0;}

a {color: #FFA000; text-decoration: underline}
a:hover {color: #fff; text-decoration: underline}

fieldset {
 display: block;
 border: none;
 margin: 0 0 0.5em 0;
 padding: 0;
}


/*-------------Layout----------------*/

.bigcontainer {
 margin: 0px auto;
 width: 764px;
 text-align:left;
}

.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: left;
	margin-bottom: 5px;
	width: 764px;
	overflow: hidden;
	background: #333;
}

.logo {
 float: left;
 width: 764px;
 margin-bottom: 0px;
 padding: 0px;
 background: url('images/top.jpg');
 height: 133px; 
}
html>body .logo {
 height: 133px; 
}

.menu {
 float: left;
 width: 764px;
 margin-bottom: 5px;
 padding: 0px;
 background: url('images/menu.jpg');
 height: 36px;
 text-align: center;
 line-height: 34px
}
html>body .menu {
 height: 36px;
}

#bttmbar { float: left; width: 100%; height: 20px; background: #333;}    /* Bottom copyright bar */


/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { float: left; width: 96%;}		/* Full width column for a one column site */
			
.halfcolumn { float: left; width: 47%;}		/* Half width column for a two column site. */

.onethirdcolumn { float: left; width: 30%; }		/* One third width column for a three column site */

.onethirdcolumn2 { float: left; text-align: right; width: 30%; }		/* One third width column for a three column site */

.quartercolumn { float: left; width: 24.5%; }		/* One quarter width column for a four column site */

.threequartercolung { float: left; width: 65% }

.somespace { float: left; width: 2%; }