/* CSS Document */

body {
background: #444444;
text-align:center;
}

#page {
margin-left: auto;
margin-right: auto;
width: 50em;
}

#header{
height: 60px;
width: 768px;
border-bottom: #E1E1E1 10px solid; 
}

#header ul{
float: right;
list-style: none;
margin: 24px 0 24px 0;
}

#header ul li{
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border-right: #CCCCCC 2px solid;
padding: 0 8px 0 8px;
height: 12px;
display: inline;
list-style-type: none;
color: #F4F4F4;
}

#header ul li.last{
border: 0;
}

#header img{
text-align: right;
padding: 5px 0 5px 5px;
float:left;
}

#header a:link { color: #F4F4F4; text-decoration:none;  }
#header a:visited{ color:#F4F4F4; text-decoration:none; }
#header a:hover{color:#CCCCCC; text-decoration:underline;}

#headbar{
height: 100px;
width: 748px;
border-left: #E1E1E1 10px solid;
border-right: #E1E1E1 10px solid;
border-bottom: #E1E1E1 10px solid;
background: url(images/headbar.png) no-repeat;
margin: 0;
}

#main{
width: 748px;
border-left: #E1E1E1 10px solid;
border-right: #E1E1E1 10px solid;
border-bottom: #E1E1E1 10px solid;
text-align: left;
min-height: 416px;
}

#main2{
width: 738px;
border-left: #E1E1E1 10px solid;
border-right: #E1E1E1 10px solid;
border-bottom: #E1E1E1 10px solid;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
margin: 0;
min-height: 400px;
padding: 5px 5px 5px 5px;
}

#leftcol{
width: 242px;
float:left;
border-right: #E1E1E1 10px solid;
}

#middlecol{
width: 242px;
border-right: #E1E1E1 10px solid;
float: left;
}

#rightcol{
width: 244px;
float: left;
color: #E1E1E1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #E1E1E1;
}

#rightcol p{
padding: 5px;
}

#rightcol h2{
font-family: trebuchet ms, arial, helvetica;
font-size: 22px;
text-align: left;
}

#rightcol ul{
margin: 0;
padding: 4px 2px 0 2px ;
}

#rightcol li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
list-style: none;
background-color: #555555;
margin: 0 4px 3px 4px;
padding: 2px;
color: #E1E1E1;
}

#rightcol img {
visibility: hidden;
}

#about{
width: 242px;
height: 203px;
border-bottom: #E1E1E1 10px solid;
background: url(images/pink.gif) repeat-x top;
}

#blog{
width: 242px;
height: 203px;
border-bottom: #E1E1E1 10px solid;
background: url(images/yellow.gif) repeat-x top;
}

#forum{
width: 242px;
height: 203px;
background: url(images/blue.gif) repeat-x top;
}

#events{
width: 242px;
height: 203px;
background: url(images/green.gif) repeat-x top;
}

h2{
font-family: trebuchet ms, arial, helvetica;
font-size: 22px;
color: #E1E1E1;
padding: 4px 0 0 4px;
margin: 0;
}

a:link{
font-family: trebuchet ms, arial, helvetica;
color: #8792ff;
text-decoration: none;
}

a:hover{
font-family: trebuchet ms, arial, helvetica;
color: #E1E1E1;
text-decoration: underline;
}

a:visited{
font-family: trebuchet ms, arial, helvetica;
color: #8792ff;
text-decoration: none;
}

h2 a:link{
font-family: trebuchet ms, arial, helvetica;
color: #E1E1E1;
text-decoration: none;
}

h2 a:hover{
font-family: trebuchet ms, arial, helvetica;
color: #E1E1E1;
text-decoration: underline;
}

h2 a:visited{
font-family: trebuchet ms, arial, helvetica;
color: #E1E1E1;
text-decoration: none;
}


#leftcol p, #middlecol p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #E1E1E1;
width: 232px;
padding: 0;
margin: 15px 5px 0 5px;
}

.go{
font-size: 12px;
text-align: right;
}

#footer{
width: 768px;
height: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
color:#E1E1E1;
}

#footer ul{
text-align: left;
float: left;
padding-top: 10px;
margin: 0;
}

#footer ul li{
float: left;
list-style: none;
padding-left: 4px;
}

#credits{
padding-top: 10px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0
}

.shadetabs{
padding: 3px 0;
margin: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
border-bottom: #E1E1E1 10px solid;
background: #444444;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 1px;
border-left: 1px solid #778;
border-left: 1px solid #778;
color: #2d2b2b;
background: #E1E1E1 url(shade.gif) top left repeat-x;
height: 20px;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
height: 18px;
text-decoration: underline;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
width: 548px;
height: auto;
margin-bottom: 1px; padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #E1E1E1;
text-align: center;
}

.contentstyle img{
visibility: visible;
margin: 10px; 
border: 0;
}

.contentstyle h2{
	font-family: trebuchet ms, arial, helvetica;
	font-size: 18px;
	text-align: center;
	margin-bottom: 5px;
}

h3 {
font-size: 14px;
padding-top: 0;
}