/*
	Raas Chaos 2008 CSS Stylesheet
	Created by RhoVisions
	Designer: Rohit Sodhia
*/

body, input, textarea, select {
	font: 14px "Garamond", "Times New Roman", serif;
	color: #FFF;
}

body {
	background: url('../images/background.jpg') top center repeat-x #000;
	margin: 0px 0px;
	padding: 10px 10px;
	padding-top: 0px;
}

img {
	border: none;
}

input, textarea, select {
	background: #111;
	padding: 2px;
	border-left: 2px solid #400;
	border-top: 2px solid #400;
	border-bottom: 2px solid #600;
	border-right: 2px solid #600;
}

input[type="submit"] {
	width: 90px;
	height: 40px;
	background: url('../images/submit.jpg') top no-repeat;
	border: none;
}

input[type="submit"]:hover {
	background: url('../images/submit.jpg') bottom no-repeat;
}

input[type="file"] {
	color: #000;
}


/* Links */
a {
	color: #36F;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}


/* Classes */
.titleImg {
	padding-top: 20px;
	padding-bottom: .5em;
	padding-right: 50px;
	text-align: right;
}


/* IDs */
#menu, #layout {
	width: 750px;
}

#layout {
	margin: 0px auto;
}

#header {
	background: url('../images/bodyTop.png') top left no-repeat;
	height: 125px;
}

#header img {
	margin-top: 15px;
	padding-left: 30px;
}

#content {
	background: url('../images/bodyBG.jpg') top left no-repeat;
	padding: 0px 10px;
	min-height: 50px;
}

#footer {
	background: url('../images/bodyBottom.jpg') bottom no-repeat;
	margin-top: 20px;
	padding: 5px 10px 15px 10px;
	height: 20px;
	clear: both;
}

#sponsorList {
	text-align: center;
}

#sponsorList img {
	padding: 8px;
	margin: 0px 10px;
	border: 2px solid black;
}


/* Menu */
#menu {
	background: url('../images/menu/bg.jpg') top repeat-x;
	height: 35px;
	margin: 0px auto;
	margin-top: 10px;
}

#menu a {
	display: block;
	height: 35px;
	float: left;
	border: none;
	text-decoration: none;
}

#menu a#home {
	background: url('../images/menu/home.jpg') top no-repeat;
	width: 95px;
	margin-left: 90px;
}

#menu a#home:hover, #menu a#home.current {
	background: url('../images/menu/home.jpg') bottom no-repeat;
}

#menu a#calendar {
	background: url('../images/menu/calendar.jpg') top no-repeat;
	width: 115px;
}

#menu a#calendar:hover, #menu a#calendar.current {
	background: url('../images/menu/calendar.jpg') bottom no-repeat;
}

#menu a#sponsorship {
	background: url('../images/menu/sponsorship.jpg') top no-repeat;
	width: 145px;
}

#menu a#sponsorship:hover, #menu a#sponsorship.current {
	background: url('../images/menu/sponsorship.jpg') bottom no-repeat;
}

#menu a#members {
	background: url('../images/menu/members.jpg') top no-repeat;
	width: 125px;
}

#menu a#members:hover, #menu a#members.current {
	background: url('../images/menu/members.jpg') bottom no-repeat;
}

#menu a#media {
	background: url('../images/menu/media.jpg') top no-repeat;
	width: 95px;
}

#menu a#media:hover, #menu a#media.current {
	background: url('../images/menu/media.jpg') bottom no-repeat;
}

#menu a#contact {
	background: url('../images/menu/contact.jpg')top no-repeat;
	width: 130px;
}

#menu a#contact:hover, #menu a#contact.current {
	background: url('../images/menu/contact.jpg') bottom no-repeat;
}


/* Admin */
#adminMenu {
	float: left;
	background: url('../images/adminMenu_body.jpg') left repeat-y;
	width: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#adminMenu #adminMenuTop {
	background: url('../images/adminMenu_top.jpg') top left no-repeat;
	height: 10px;
}

#adminMenu #adminMenuBody .menuTitle, #adminBody .menuTitle {
	font-size: 1.1em;
	font-weight: bold;
	padding: .25em 0px;
	margin-left: 15px;
}

#adminMenu #adminMenuBody a {
	display: block;
	padding: .2em 0px;
}

#adminMenu #adminMenuBody .menuList {
	padding-left: 25px;
	display: none;
}

#adminIndex #adminBody .menuTitle {
	text-decoration: underline;
	margin-left: 0px;
	padding-top: .75em;
}

#adminMenu #adminMenuBottom {
	background: url('../images/adminMenu_bottom.jpg') top left no-repeat;
	height: 10px;
}

#adminBody {
	margin-left: 125px;
	padding: 25px 20px;
	padding-bottom: 0px;
}

#adminBody .adminList {
	padding-top: 8px;
}

#adminBody .adminList a {
	padding: 0px 10px;
}

#adminBody #photoGallery {
	width: 580px;
	padding: 0px 30px;
}


/* Members */
#memberTable .memberInfo {
	padding: 20px 0px;
	padding-left: 10px;
}


/* Media */
#photoGallery {
	width: 720px;
	margin: 10px auto;
}

#photoGallery div.gallerySet {
	width: 100px;
	margin: 25px 40px;
	float: left;
}

#photoGallery div.gallerySet .galleryImg {
	display: block;
	text-align: center;
	height: 100px;
}

#photoGallery div.gallerySet .galleryImg img.horizontal {
	width: 100px;
	padding-top: 10px;
}

#photoGallery div.gallerySet .galleryImg img.vertical {
	height: 100px;
}

#photoGallery div.gallerySet div.galleryTitle {
	text-align: center;
	padding-top: .5em;
}

.videoLink {
	margin: .5em;
}

.videoLink a {
	font-size: 1.2em;
	font-weight: bold;
}

.videoLink .videoEmbed {
	display: none;
	margin: 1em;
	text-align: center;
}