/* reseting elements: */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, a, blockquote, pre, fieldset, table, th, td, textarea, input, img { 
	margin: 0; padding: 0; }

a img {border: none;}

/* This takes out the fuzzy line around links when you click them, it's an optional addition */

:focus {outline: none;}

/* Global */

body {
	background: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #eeeeee;
	overflow-x: hidden;
}

.container {
	width: 960px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	border-radius: 5px;
	padding: 2px;
	
}

a:hover {
	color: #ffffff;
	background: #d61d1d;
}

a.button {
	color: #ffffff;
	background: #d61d1d;
	padding: 10px;
	display: inline-block;
}

.clear {clear: both;}

.clear-30 {
	clear: both;
	height: 30px;
}

h1 {
	margin-bottom: 30px;
	font-size: 24px;
	color: #d61d1d;
}

h2 {
	font-size: 18px;
}

h2.independent {
	margin-bottom: 30px;
}

h1.sub {
	margin-bottom: 0;
}

h2.sub {
	margin-bottom: 30px;
}

h3 {
	font-size: 12px;
}

.heading-left {
	width: 315px;
	float: left;
}

.float-right {
	width: 315px;
	float: right;
	text-align: right;
}

p {
	padding-bottom: 30px;
	text-align: justify;
}

.event .column-1 p {
	text-align: left;
}

/* Global: Column Layouts */
/* .column-x-y is a set of two columns with width ratio x:y
   .column-x-y-z is a set of three columns with width ratio x:y:z */

.column-1-2 .column-1 {
	width: 300px;
	margin-right: 30px;
	float: left;
}

.column-1-2 .column-2 {
	width: 630px;
	float: left;
}

.column-2-1 .column-1 {
	width: 630px;
	margin-right: 30px;
	float: left;
}

.column-2-1 .column-2 {
	width: 300px;
	float: left;
}

.column-1-1 .column-1 {
	width: 465px;
	margin-right: 30px;
	float: left;
}

.column-1-1 .column-2 {
	width: 465px;
	float: left;
}

.column-1-1-1 .column-1, .column-1-1-1 .column-2 {
	width: 300px;
	margin-right: 30px;
	float: left;
}

.column-1-1-1 .column-3 {
	width: 300px;
	float: left;
}


/* Header, Menu */

#header {
	height: 100px;
	background: #ffffff;
	border-bottom: #dddddd solid 3px;
}

#logo {
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 221px;
	background: url('images/logo.png') center left no-repeat;
	float: left;
	padding: 0;
}

#nav {
	float: right;
	list-style: none;
	font-size: 12px;
}

#nav li {
	float: left;
}

#nav li a {
	text-transform: uppercase;
	color: #666666;
	text-align: center;
	display: block;
	border-radius: 0;
	padding: 0px 10px;
	margin-top: 40px;
}

#nav li a:hover {
	color: #000000;
	background: none;
}

#nav li.active a, #nav li.active a:hover {
	color: #ffffff;
	background: #d61d1d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Header: Events Submenu */

#submenu {
	height: 28px;
	background: #dddddd;
	color: #666666;
	padding-top: 2px;
}

#submenu ul, #submenu li {
	display: inline;`
}

#submenu li.active a {
	color: #ffffff;
	background: #d61d1d;
}

/* Body: Global */

#body {
	background: #eeeeee;
	padding-top: 30px;
	color: #666666;
}

/* Body: Home */

#featured-events {
	background: #dddddd;
	padding: 30px;
	border-radius: 5px;
	
}

#featured-events p {
	padding: 0;
}

#featured-events h2 {
	color: #000000;
}

#featured-events .column-1, #featured-events .column-2 {
	width: 280px;
	margin-right: 30px;
	float: left;
}

#featured-events .column-3 {
	width: 280px;
	float: left;
}

/* Body: Events */

.event .column-1 {
	background: #dddddd;
	padding: 30px;
	border-radius: 5px;
	font-size: 16px;
	width: 240px;
	
}

.event .column-1 p, .event .column-2 p {
	padding: 0;
}

.event .column-1 a.button {
	margin-top: 30px;
}

.event.past {
	display: none;
}

/* Body: Gallery */

#gallery {
	height: 500px;
	width: 960px;
}

/* Body: Contact */

#contact-type, #contact-type li {
	list-style: none;
	display: inline;
}

form {
	background: #dddddd;
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 30px;
	
}

.notif {
	background: #ffffff;
	color: #666666;
	padding: 5px;
	margin-bottom: 30px;
	border-radius: 5px;
	
}

input {
	height: 10px;
	border-radius: 5px;
	border:  none;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666666;
	
}

input:focus, form textarea:focus {
	color: #000000;
}

textarea {
	height: 90px;
	border-radius: 5px;
	border:  none;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666666;
	
}

input, textarea {
	width: 250px;
}

.form-left {
	float: left;
	width: 270px;
}

.form-right {
	width: 270px;
	float: right;
}

form h2 {
	margin-bottom: 30px;
}

#message, #details {
	height: 130px;
}

input.error, textarea.error {
	color: #d61d1d;
}

/* Body: Register */

#source {
	width: 550px;
}

/* Admin: Registrants */

table#reg input.field {
	width: 100px;
}

input.check {
	width: auto;
}

textarea.comment {
	width: 100%;
}

/* Admin: Events */

#new-event input, #new-event textarea {
	width: 540px;
}

#edit-event label {
	margin-bottom: 10px;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666666;
	width: 250px;
	display: block;
}

/* Admin: JS */

.blockMsg h1 {
	color: #ffffff;
	margin: 0;
	padding: 0;
}

/* Footer */

#footer {
	height: 62px;
	padding-top: 38px;
}

#footer .column-2 {
	text-align: right;
}

#footer a {
	color: #ffffff;
}