html, body {
margin : 0;
padding : 0;
}
body {
font : 73% arial, helvetica, "Trebuchet MS", tahoma, sans-serif;
background : #D5DBE1 url(images/bg-wide.jpg) top center repeat-y; background-size: 100%;
color : #111;
}
.bullet {
list-style-image: url(images/pawicon.jpg);
}
.green{
background-color: #00FF00;
}
.red{
background-color: #FF0000;
}
 .yellow{
background-color: #FFFF00;
}
			/*WRAP*/
#wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
			/*BANNER*/
#masthead {
height:200px;
padding: 0;
margin-bottom: 0;
background: #B5B5B5 url(images/masthead.jpg) top center no-repeat;
}
			/*MAIN CONTAINER*/
#container {
width: 770px;
border: 0px solid #aaa;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 1.8em;
background : #fff;
color : #111;
}
			/*TOP NAVIGATION*/
#menu {
height: 50px;
padding: 0;
margin-bottom: 0;
background-color: #D5DBE1;
}
#menu{position:relative;display:block;height:42px;font-size:1.4em;
font-weight:bold;background:#214984;border-style:ridge;border-width:3px;
border-color:white;font-family:Arial,Verdana,Helvitica,sans-serif;}

#menu ul{margin:0;padding:0;list-style-type:none;width:auto;}

#menu ul li{display:block;float:left;margin: 0 0 0 0;}

#menu ul li a{display:block;float:left;color:#FF7800;text-decoration:none;
padding:10px 20px 0 20px;height:32px;}

#menu ul li a:hover,#menu ul li a.current{color:#214984;
background:white;
}
			/*MAIN CONTENT*/
#content {
padding: 1em;
margin: 0 10px 20px 0;
background: #fff;
}
			/*NEWS*/
#news {
padding: 0em;
margin: 0 10px 20px 0;
background: #fff;
font-size: 120%;
color : #111;
}
#news li{margin:.2em 0;}
#news a:link, a:visited {
color : #FF7800;
background : inherit;
text-decoration : underline;
font-weight : bold;
}
#news a:hover {
color : #154182;
background : #FFE4B5;
text-decoration : none;
}
#news h1 {
padding : 0 0 0 0;
font-size : 130%;
letter-spacing : 1px;
color : #214984;
text-align : center;
text-decoration : underline;
}
#news h2 {
padding : 0 0 0 0;
font-size : 85%;
color : #555;
text-align : center;
font-style : italic;
}
#news p.posted {
font-size : 85%;
color : #555;
font-weight : bold;
}
			/*ARENA*/
#arena .green{
background-color: #00FF00;
}
#arena .red{
background-color: #FF0000;
}
#arena .yellow{
background-color: #FFFF00;
}
#arena {
padding: 0em;
background: #fff;
font-size: 120%;
color : #000080;
}
#arena li{
margin:.2em 0;
}
#arena .bullet {
list-style-image: url(images/pawicon.jpg);
}
#arena a:link, a:visited {
color : #FF7800;
background : inherit;
text-decoration : underline;
font-weight : bold;
}
#arena img { 
width: 25%; 
height: 25%
border: 0px
} 
#arena h1 {
font-size : 165%;
letter-spacing : .5px;
color : #000080;
text-align : center;
text-decoration : underline;
}
#arena h2 {
padding : 0 0 0 0;
font-size : 125%;
color : #000080;
text-align : center;
font-style : bold;
}
#arena h3 {
padding : 0 0 0 0;
font-size : 115%;
color : #FF0000;
text-align : center;
font-style : bold;
}
#arena p {
font-size : 105%;
color : #555;
text-align : center;
font-weight : bold;
}
#arena hr {
height: 10px;
border: 0;
color: #FF7800;
background-color: #FF7800;
}

			/*CALENDAR*/
#calendar {
padding: 0em;
margin: 0 0px 0px 0;
background: #fff;
color : #00009f;
}
			/*SIDEBAR*/
#sidebar {
float: right;
width: 13%;
margin: 5px 0 0 0;
padding: 0 1em 20px 1em;
background:#fff;
}
			/*SPONSOR*/
#sponsor {
float: right;
font-size:.75em;
color: #fff;
border: 0;
width: 70px;
height: 15%;
margin: 0 0 0 0;
padding: 20px;
background:transparent;
}
			/*SIDEBAR LEFT*/
#sidebarleft {
font-size:1.3em;
float: left;
width : 94px;
margin: 0 0 0 0;
padding: 0 0 20px .5em;
background:transparent;
}

			/*SIDEBAR MENU*/
#navcontainer {
width : 94px;
margin : 0 0 20px 0;
}
#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#navcontainer a {
text-decoration : none;
font-weight : bold;
display : block;
padding : 8px;
width : 94px;
border-bottom : 1px solid #eee;
background : transparent;
color : #FF7800;
}
#navcontainer a:link, #navcontainer a:visited {
color : #FF7800;
background : transparent;
}
#navcontainer a:hover, #navcontainer a.current {
text-decoration : none;
background : #fff;
color : #214984;
}
			/*FOOTER*/
#footer {
clear: both;
height: 100px;
padding: 0;
margin-top: 0;
text-align: center;
color: #333;
background: #B5B5B5 url(images/footer.jpg) top center no-repeat;
}
			/*TYPOGRAPHY*/
h1 {
margin: 0;
padding: 20px 0 0px 5px;
font-size: 160%;
letter-spacing: 3px;
color: #000080;
}
h2 {
margin: 0;
padding: 20px 0 0px 5px;
font-size: 130%;
text-align : center;
letter-spacing: 0px;
color: #000080;
}
h3 {
margin: 0;
padding: 20px 0 0px 5px;
font-size: 110%;
text-align : center;
letter-spacing: 0px;
color: #FF0000;
}
.indent {
margin: .2em 0 .2em 18em;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/
a:link, a:visited {
color : #FF7800;
background : inherit;
text-decoration : underline;
}
a:hover {
color : #154182;
background : #FFE4B5;
text-decoration : none;
}
a img {
border: 0;
}
			/*IMAGES*/
.right {
float: right;
border: 0px solid #656C4A;
margin: 5px 0 10px 0;
padding: 10px;
}	
			/*SLIDESHOW*/
#slideshow{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:380px;
	margin:30px auto 0;
	position:relative;
	width:540px;
	
	-moz-box-shadow:0 0 25px #111;
	-webkit-box-shadow:0 0 25px #111;
	box-shadow:0 0 25px #111;
}

#slideshow ul{
	height:360px;
	left:-30px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:520px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('script/autoadvance/img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}