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

@import url(reset.css);

body {
	background-color:#000000;
	background-image:url(images/bg-gradient.png);
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	background-position:top;
	width:100%;
}

#top-bar {
	background-image:url(images/bg-topbar.png);
	background-repeat:repeat-x;
	height:39px;
	z-index:100;
	position:relative;
}

#top-bar a {
	width:1000px;
	text-align:right;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#494646;
	text-decoration:none;
	font-size:1.2em;
	display:block;
	padding:8px 35px 0 0;
}

#lines {
	background-image:url(images/bg-lines.png);
	background-repeat:repeat;
}

#wrap {
	width:1075px;
	background-image:url(images/bg-wrap.png);
	background-repeat:repeat-y;
	margin:-39px auto 0 auto;
	position:relative;
}

#header {
	background-image:url(images/bg-header.jpg);	
	background-repeat:no-repeat;
	height:200px;
	width:1000px;
	margin:0 auto 0 auto;
}

#logo {
	width:283px;
	height:147px;
	float:left;
	margin:20px 0 0 140px;
}

#topnav {
	background-image:url(images/bg-topnav.png);
	background-repeat:no-repeat;
	width:1027px;
	height:43px;
	margin:-35px auto 0 auto;
	padding:13px 0 0 0;
	z-index:100;
	position:relative;
}

#jsddm {margin: 0;padding: 0; width:690px; margin:auto;}
#jsddm li {float: left;list-style: none; display:block; padding:0 15px 0 15px; margin:0 1px;}
#jsddm li a {color:#ffffff; text-decoration:none; display:block; font-size:1.4em; }
#jsddm li a:hover {color:#d4202b;}
#jsddm li ul {margin: 8px 0 0 0; position: absolute; border:0 solid #151515; border-left-width:1px; border-right-width:1px; visibility: hidden; background-image:url(images/bg-dropnav.png); background-repeat:repeat; font-size:1em; width:auto;}
#jsddm li ul li {float: none;display: inline; padding:0px;}
#jsddm li ul li a {display:block; text-indent:5px; border:0 solid #151515; border-bottom-width:1px; text-decoration:none; color:#ffffff; width:auto; padding:9px 15px 9px 0; margin:0 0 0 0;}
#jsddm li ul li a:hover {color:#d4202b;}

#content {
	background-image:url(images/bg-content-repeat.png);
	background-repeat:repeat-y;
	background-position:bottom;
	width:1075px;
	min-height:500px; /*1076 */
	position:relative;
	margin:-18px auto 0 auto; 
}

#social {
	float:right;
	width:200px;
	height:50px;
	margin:4px 37px 0 0;
}

#club-teams {
	background-image:url(images/bg-clubteams.png);
	background-repeat:no-repeat;
	height:228px;
	width:121px;
	float:left;
	margin:95px 0 0 38px;
}

#club-teams h3 {
	font-weight:bold;
	color:#000000;
	font-size:1.5em;
	display:block;
	margin:7px 0 0 8px;
}

#club-teams ul {
	margin:8px 0 0 0;
}

#club-teams ul li {
	font-size:1.5em;
	font-weight:normal;
	text-align:center;
	padding:2px 0;
}

#club-teams li a {
	color:#ffffff;
	text-decoration:none;
}

#club-teams li a:hover {
	color:#d4202b
}

.small {
	font-size:.5em;
}

#text {
	font-size:1.2em;
	clear:left;
	width:500px;
	margin:50px 0 0 230px;
}

#text-inside {
	font-size:1.2em;
	width:700px;
	margin:auto;
	padding:50px 250px 50px 50px;
}

#content h2 {
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 1.5em 0;
}

#text-inside a {
	color:#d4202b;
}

#text-inside a:hover {
	color:#000000;
}

#text a {
	color:#d4202b;
}

#text a:hover {
	color:#000000;
}

.image-left {
	float:left;
	margin:0 20px 20px 0;
}

.comments {
	float:right;
}

#respond {
	margin:50px 0 0 0;
}

#respond-comments {
	margin:50px 0 0 0;
	padding:20px 0 0 0;
	border-top: 5px solid #000000;
}

.comment-meta {
	display:none;
}

.avatar {
	float:left;
	border:1px solid #000000;
	margin:0 10px 0 0;
}

h3 {
	font-weight:bold;
	margin:0 0 1em 0;
}

#twitter {
	background-image:url(images/bg-twitter.png);
	background-repeat:no-repeat;
	width:181px;
	height:94px;
	float:right;
	margin:50px 100px 0 0;
	color:#ffffff;
	padding:30px 35px 20px 20px;
	font-size:1.1em;
}

#twitter a {
	color:#d4202b;
}

#calendar {
	background-image:url(images/temp-cal.jpg);
	background-repeat:no-repeat;
	width:215px;
	height:172px;
	margin:20px 110px 100px 0;
	float:right;
	clear:right;
}

#footer {
	width:960px;
	margin:0 auto 0 auto; /* top -38px */
	background-image:url(images/bg-footer.png);
	background-repeat:no-repeat;
	color:#151515;
	font-size:1.1em;
	padding:10px 20px 10px 20px;
}

#footer a {
	color:#151515;
	text-decoration:none;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
	text-align:right;
}

#footer .center {
	clear:both;
	text-align:center;
	font-size:.9em;
	margin:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}