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


body
{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../Images/page_bg3.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

#footer p
{
	margin:0px;
}

a
{
	font-weight:bold;
	color:#2023AA;
	text-decoration:none;
}

h2
{
	border-bottom:solid 1px #64BB8F;
}

a:hover
{
	color:#6868F0;
}

#page_container
{
	width:1000px;
	margin:auto;
}

#header
{
	margin:0px;
	height:110px;
	background-image:url(../Images/title.png);
	background-position:38px 51px;
	background-repeat:no-repeat;
}

#navigation
{
	position:relative;
	left:20px;
	top:17px;
	height:28px;
	margin:0px;
	padding:0px;
}

#navtable
{
	height:28px;
	background-image:url(../Images/NavStart.png);
	background-repeat:no-repeat;
}

#navspacer
{
	width:35px;
}

td.linkstart, td.linkend, td.activelinkstart, td.activelinkend
{
	width:6px;
}

td.activelinkstart
{
	background-image:url(../Images/NavActiveStart.png);
	background-repeat:no-repeat;
}

td.activelinkbody
{
	padding:0px 5px;
	background-image:url(../Images/NavActiveBody.png);
	background-repeat:repeat-x;
}

td.activelinkend
{
	background-image:url(../Images/NavActiveEnd.png);
	background-repeat:no-repeat;
}

td.spacer
{
	width:5px;
}

td.linkbody
{
	padding:0px 5px;
}

#navigation a
{
	font-weight:bold;
	font-size:medium;
	margin:0px;
	text-decoration:none;
	color:#666666;
}

#navend
{
	height:28px;
	width:10px;
	background-image:url(../Images/NavEnd.png);
	background-repeat:no-repeat;
}

#footer
{
	font-size:small;
	text-align:center;
	margin:0% 2%;
	padding:4px 0px;
	clear:both;
}
/*
Green Dark: #6CC498
Green Light: #AEE7CA
*/
.gradient
{
	background: #2E3339;
	background: -webkit-gradient(linear, left top, left bottom, from(#6CC498), to(#AEE7CA));
	background: -moz-linear-gradient(top,  #6CC498,  #AEE7CA);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CC498', endColorstr='#AEE7CA');
}

.rounded
{
	-webkit-border-radius:.25em;
	-moz-border-radius:.25em;
	border-radius:.25em;
}

p.gallery
{
	margin:auto;
}

p.gallery a img
{
	padding:5px;
	margin:4px;
	border:transparent 1px solid;
	-webkit-border-radius:.25em;
	-moz-border-radius:.25em;
	border-radius:.25em;
}

p.gallery a:hover img
{
	border-color:#6CC498;
}

#footer table
{
	margin:auto;
	height:28px;
	width:100%;
}

td.footerbody
{
	width:748px;
}

#main_column_single
{
	margin:0% 2%;
}

/* column container */
.colmask
{
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol .colmid {
	right:25%;			/* width of the right column */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.clear
{
	clear:both;
	position:relative;
	zoom:1;
}

.bigbutton
{
	height:128px;
	background-color:white;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:135px;
}

p.norm
{
	font-weight:normal;
	color:#000000;
}

.cal
{
	background-image:url(../Images/cal_gray.jpg);
}

.cal:hover
{
	background-image:url(../Images/cal.jpg);
}

.music
{
	background-image:url(../Images/music_gray.jpg);
}

.music:hover
{
	background-image:url(../Images/music.jpg);
}

.join
{
	background-image:url(../Images/join_gray.jpg);
}

.join:hover
{
	background-image:url(../Images/join.jpg);
}

div.downloadbutton
{
	border:0px;
	width:252px;
	height:64px;
	background-image:url(../Images/download_gray.jpg);
	float:right;
}

div.downloadbutton:hover
{
	background-image:url(../Images/download.jpg)
}

div.downloadlabel
{
	text-align:right;
	width:6em;
	height:23px;
	padding-top:5px;
}

td.downloadlabel
{
	width:6em;
}