@import "styles.css";
html { height: 100%;}
body { background-color: #FFFFFF;margin: 0px; height: 100%; }

a { color: #CCCC99; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

table#main { width: 700px; height: 100%; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 auto; padding: 0; border-collapse: collapse; border-spacing: 0px; }
table#main td { }

#header { height: 94px; vertical-align: bottom;}
#header img { margin: 0 30px;  vertical-align: bottom;}

#navigation { margin: 0; padding: 0 30px;  vertical-align:middle; background-color: #CCCC99; color:#FFF; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
body #navigation {height: 18px;} /* Has to be less than the previous as ie adds borders to height */
html>body #navigation {height: 20px;} /* Does not effect ie */

#navigation ul{ padding: 0; margin: 0; list-style: none; background-color: #A3C2E0; color:#FFF; }
#navigation li { float: left; margin: 0 14px 0 0; padding: 0; }
#navigation li a { color: #FFF; text-decoration: none; margin: 0; padding: 0; }
#navigation li a:hover { color: #000; text-decoration: underline; }
#navigation li.nav_active a { color: #000; text-decoration: none; }
#navigation li.nav_active a:hover { color: #000; text-decoration: none; }

#content { padding: 30px; color: #666; background-color:#FFF; }
	#content div.body_copy { margin: 0; padding: 0; }
	#content div.gallery{ margin: 0; padding: 0; }
	#content div.footer { margin: 10px 0; padding: 0; }