/* site colors
	dark brown - #766236
	mustard - #D4C732
	kakhi - #577637
	cream -#FAFAD4
	mustard green - #9DA81B
*/

html { height: 100%; width: 100%; background-color:#FAFAD4; }
body { height: auto; width: 800px; position: center; background-color: #577637; margin: 0px 5%;
	 font-family: Arial, "MS Trebuchet", sans-serif;font-size: 14px; color: #FAFAD4; border: 2px solid #999; }
table, tr, td { border-collapse: collapse; vertical-align: left; font-size: 14px;
			line-height: 14px; padding: 5px; }
img { border: 0px; float: left; }
a { color: #FAFAD4; text-decoration: none; }
a:hover { color: #D4C732; }

#main { height: 100%; width: 800px; margin: 0; }

#header {margin: 0;}

#navigation { background-color: #000000; padding: .5em 0em 0em 0em; }
#navigation li { background-color: #000000; height: 18px; display: inline; margin-right: 0.3em; font-size: 16px;
	 border-right: 1px solid #999; padding-right: .3em; margin-top: .5em; text-transform: uppercase;}
#navigation li.last { border-right: none;}

#page { position: static; background-color: #577637; height: 100%; width: 450px; margin: 0; top: 0px; padding: .5em; }
#page a { color: #FAFAD4; text-decoration: underline; }
#page a:hover { color: #D4C732; }
#page li { list-style: none; padding: .5em; }

#page_right { position: relative;}

#subheader { font-size: 10px; color: #D4C732;}

#footer { position: static; background-color: #577637; height: 60px; margin: 500px 0px 0px 0px; text-align: center; }

#sidebar { background-color: #FAFAD4; border: 1px solid #999; font-size: 14px; color: #577637; width: 200px;
	height: auto; left: 560px; top: 300px; position: absolute; outline-style: inset ; padding: .3em;}
#sidebar a { color: #9DA81B; text-decoration: underline; }
#sidebar a:hover { color: #577637; }
#sidebar li { list-style: none; padding: 0;}

#left_sidebar { background-color: #FAFAD4; border: 1px solid #999; font-size: 14px; color: #577637; width: 200px;
	height: auto; position: static; outline-style: inset ; padding: .3em;}
#left_sidebar a { color: #9DA81B; text-decoration: underline; }
#left_sidebar a:hover { color: #577637; }

#photo { padding: 1em;}
#photo img { outline-style: none; }
#photo table { padding: 2em; text-align: center; font-size: 14px; }
#photo td, tr { padding: 1em; text-align: center; }

#shows { position: static; top: 0px; left: 10px;}
#shows table { outline-style: groove; margin: 10px; background-color: #FAFAD4; color: #577637; }
#shows tr, td { text-align: left; padding: 1em; }
#shows a { color: #9DA81B; text-decoration: underline; }
#shows a:hover { color: #577637; }

#media { position: absolute; left: 250px; top: 600px; }