* {
	margin: 0;
	padding: 0;
}

body {
	background: #4D88C0 url(images/Website-BG-11.jpg) no-repeat top;
	text-align: left;
	font: normal small Arial, Helvetica, sans-serif;
	color: #363636;
	line-height: 1.4em;
	font-size: .85em;
}

h1 {
	font-size: 2em;
	margin: 10px 0px 10px 0px;
	font-weight: normal;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: center;
}

h2 {
	font-size: 2.3em;
	font-weight: bold;
	margin: 10px 0px 20px 0px;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.3em;
	text-align: center;
}

h3 {
	font-size: 1.7em;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: center;
}

h4 {
	font-size: 1.5em;
	margin: 18px 0px 18px 0px;
	font-weight: bold;
	color: #7d0314;
	letter-spacing: 0px;
	line-height: 1.2em;
}

p {
	margin: 15px 0px 15px 0px;
	
}

p.left {
	text-align: left;	
}

p.center {
	text-align: center;	
}

p.right {
	text-align: right;	
}

p.margin-bottom-0 {
	margin-bottom: 0px;
	
}

p.margin-bottom-1 {
	margin-bottom: 10px;
	
}

p.margin-bottom-2 {
	margin-bottom: 20px;
	
}

p.margin-bottom-3 {
	margin-bottom: 30px;
	
}

p.margin-bottom-4 {
	margin-bottom: 40px;
	
}

p.margin-bottom-5 {
	margin-bottom: 50px;
	
}

p.margin-top-0{
	margin-top: 0px;
}

p.margin-top-1{
	margin-top: 10px;
}

p.margin-top-2{
	margin-top: 20px;
}

p.margin-top-3{
	margin-top: 30px; 
}

p.margin-top-4{
	margin-top: 40px; 
}

p.margin-top-5{
	margin-top: 50px; 
}


blockquote, ul, ol, form {
	margin-bottom: 1.5em;
}

ul {
	list-style-type: square;
	margin: 0px 0px 15px 25px;
}

li {
	line-height: 1.3em;
	margin-bottom: 5px;
}

a {
	color: #0000CC;
}

a.ruby {
	color: #7d0314;
}

a:hover {
	text-decoration: none;
}

a.none {
	text-decoration: none;	
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.white {
	color: #FFFFFF;
}

.blue {
	color: #005395;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
}

img.center {
	margin: 0px auto 0px auto;
}



/* =Wrapper 
-------------------------------------------------------------- */
/*
LAYOUT: Centered in Web Browser
DESCRIPTION: Contains the entire contents and structure of the website 
*/

#wrapper {
	padding: 0px 0px 0px 0px;
}



/* =Header 
-------------------------------------------------------------- */
/*
LAYOUT: Image link on left and image link on right
DESCRIPTION: Header of website
*/

#header {
	width: 967px;
	height: 194px;
	background: url(images/header.png) no-repeat;
	margin: 0 auto;
	padding-bottom: 0px;
	border: 0px solid #F66;
}

#event-logo {
	display: block;
	float: left;
	width: 350px;
	height: 150px;
	margin: 15px 0px 0px 63px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #F66;
}

#event-logo a {
	display: block;
	width: 350px;
	height: 150px;
}



/* =Menu 
-------------------------------------------------------------- */
/*
LAYOUT: Menu in column one
DESCRIPTION: Vertical menu
*/


#menu {
	width: 220px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	/*background: #FFFFFF;*/
	border: 0px solid #000;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: block;
	line-height: 1.4em;
}


#menu a {
	display: block;
	width: 220px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size: .95em;
	font-weight: bold;
	color: #FFD84D;
	background: url(images/button-sprite.jpg) no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	border: 0px #005395 solid;
	/*background-position: 0px 0px;*/
}

#menu a:hover {
	text-decoration: none;
	background-position: 0px -40px;
	color: #A74110;
	/*background: #F9E920 url(images/menu-yellow-bg.jpg) no-repeat;*/
}



/* =Page 
-------------------------------------------------------------- */
/*
LAYOUT: Two columns
DESCRIPTION: Two columns, fixed width, column-1(left) and column-2(right)
*/

#page {
	width: 967px;
	margin: 0 auto;
	background: #F6F13D url(images/Road-and-back.jpg) no-repeat;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
}



/* =Column-1
-------------------------------------------------------------- */
/*
LAYOUT: Left column within the Page
DESCRIPTION: Contains the menu of the website and other contents 
*/

#column-1 {
	width: 250px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 25px;
	border: 0px solid #0C0;
}



/* =Column-2
-------------------------------------------------------------- */
/*
LAYOUT: Right column within Page
DESCRIPTION: In between Sidebar Left and Sidebar Right, contains the main content
*/
#column-2 {
	width: 625px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 30px 25px 15px 20px;
	border: 0px solid #0C0;
}



/* =Wide Column
-------------------------------------------------------------- */
/*
LAYOUT: One large column within Page
DESCRIPTION: Used to replace column-1 and column-2 to make a single column page
*/

#wide-column {
	width: 930px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 10px;
	text-align: center;
}



/* =Custom Content and Layout Structures
-------------------------------------------------------------- */
/*
DESCRIPTION: This is where all of the custom content and
layout styles for the website are contained. (pages, containers, imgs, etc.)
*/

/* Sponsors Page Layout (2011-event-sponsors.html) */

#sponsors-page {
	width: 550px;
	display: block;
	margin: 0px 0px 450px 75px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #09F;
}

#sponsors-page h1 {
	font-size: 1.5em;
	margin: 10px 0px 10px 0px;
	font-weight: normal;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: center;
}

#sponsors-page #logos-container {
	width: 550px;
	display: block;
	padding: 20px 0px 20px 0px;
	margin: 30px auto 0px auto;
	background: #ffffff;
	border: 1px solid #cccccc;
}

#sponsors-page ul {
	list-style-type: none;
	margin: 0px 0px 15px 0px;	
}

#sponsors-page ul li {
	margin: 10px 0px 45px 0px;
	border: 0px solid #0F0; 
	text-align: center;	
}

#sponsors-page ul li.printed-name {
	font-size: 2em;
	font-weight: bold;
}

#sponsors-page li a img {
	vertical-align: middle;	
}

#sponsors-page li a:hover img {
	/* for IE */
    filter:alpha(opacity=50);
    /* CSS3 standard */
    opacity:0.5;
}

/* Registration Page Layout (registration.html) */

#registration-page {
	width: 500px;
	display: block;
	margin: 0px 0px 700px 75px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #09F;
}

#registration-page h1 {
	font-size: 1.5em;
	margin: 10px 0px 10px 0px;
	font-weight: normal;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: center;
}


/* Event Details Page Layout (event-timeline-details.html) */

#event-details-page {
	width: 500px;
	display: block;
	margin: 0px 0px 150px 75px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #09F;
}

#event-details-page h1 {
	font-size: 1.6em;
	margin: 10px 0px 25px 0px;
	font-weight: bold;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: center;
}

#event-details-page h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.3em;
	text-align: center;
}

#event-details-page h3 {
	font-size: 1.3em;
	margin: 25px 0px 10px 0px;
	font-weight: bold;
	color: #7d0314;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: center;
}

#event-details-page h4 {
	font-size: 1.2em;
	margin: 18px 0px 5px 0px;
	font-weight: normal;
	color: #7d0314;
	letter-spacing: 0px;
	line-height: 1.2em;
	text-align: center;
}


/* CFB Visit Our Website image link sprite */

#cfb-img-sprite a {
	display: block;
	width: 220px;
	height: 64px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #F66;
	background: url(images/visit-icon-sprite.png) no-repeat;
	background-position: 0px 0px;
}

#cfb-img-sprite a:hover {
	background-position: 0px -64px;
}


/* Contact Info Box on homepage */

#contact-info-box {
	display: block;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 10px;
	border: 1px solid #cccccc;
	background: #FBFBFB url(images/contact-info-box-BG.jp) repeat-x;
}


/* Map and Directions on homepage */

#map-and-directions-box {
	display: block;
	width: 200px;
	margin: 20px 0px 0px 0px;
	padding: 0px 8px 15px 10px;
	border: 1px solid #cccccc;
	background: #FBFBFB url(images/contact-info-box-BG.jp) repeat-x;
}



/* =Clear Class 
-------------------------------------------------------------- */
/*
LAYOUT:
DESCRIPTION: Used as a clear class within any element
*/

.clear{
	clear: both; 
	height: 1px;
}



/* =Footer 
-------------------------------------------------------------- */
/*
LAYOUT: Width of website
DESCRIPTION: Contains page footer contents
*/

#footer {
	display: block;	
	width: 967px;
	height: 80px;
	margin: 0 auto;
	padding-top: 0px;
	background: #F6F13D;
	border: 0px solid #000000;
}

#footer-border-top {
	
}

#footer p {
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-size: 1em;
	color: #000000;
}