@charset "utf-8";
/* CSS Document color: */

body { font-family:Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size: 12px;
	background: url(../images/bottomstars.png) fixed bottom right no-repeat; color: #008081;}
.clear { clear: both;}

h1 { color: #00616C;}
h2 { color: #00616C; margin-bottom: 0px; padding-bottom: 0px;}
h3 { color: #00616C; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px;}
img.seperator { float: right; margin: 10px -30px 10px 0px;}
.wrapper { width: 90%; margin: 0 auto; min-width: 760px; max-width: 1200px;}

#headercontainer { width: 100%; height: 187px; background: url(../images/dancers.png) center no-repeat;}
#headerdancers { width: 100%; height: 187px; background: url(../images/stars.png) repeat-x;}
#headertrees { width: 100%; height: 187px; background: url(../images/trees.png) repeat-x bottom;}
#headertrees img { float: left; margin: 10px 0px 0px 0px;}

#navigation { width: 500px; height: 50px; float: right;}
ul#nav { list-style-type: none; float: right;}
ul#nav li { float: right;}
ul#nav li a { text-decoration: none; font-size: 16px; text-align: left; padding: 5px 15px 5px 30px; color: #093; background: url(../images/navstar.png) no-repeat left;}
ul#nav li a:hover { background: url(../images/navstarhover.png) no-repeat left; color: #069;}
ul#nav li.current a { background: url(../images/navstarhover.png) no-repeat left; color: #069;}

#content { width: 100%;}
#content p { margin: 0px; padding: 0px; text-align: justify;}
#contentleft { margin: 0px 225px 0px 0px; padding: 0px; }
#contentright { width: 215px; float: right; padding: 0px; margin: 0px;}

#contentright img { text-align: right; float: right;}

#content table { margin: 10px 0px 10px 0px; width: 100%; padding: 0px; vertical-align: top;}
#content table td.leftcolumn { text-align: center; width: 156px; vertical-align: top;}
#content table td.leftcolumn img { border: 1px solid #660000; padding: 3px;}
#content table td.leftcolumn img:hover { border: 1px solid #008081; padding: 3px;}
#content table td.leftcolumnlink { text-align: center; width: 156px; vertical-align: top;}
#content table td.leftcolumnlink a { color:#660000; text-decoration: none; font-size: 10px; border-bottom: 1px dotted #660000;}
#content table td.leftcolumnlink a:hover { color: #008081; border-bottom: 1px solid #008081;}
#content table td.rightcolumn {vertical-align: top; padding-left: 20px;}

#footer { width: 100%; padding: 10px 0px 10px 0px;}
#footer p { margin: 0px; padding: 0px; text-align: center; font-size: 14px; color: #093; font-weight: bold;}