@import url(typography.css);

body {
	background: #fff url(../img/bg.jpg) top left repeat-x;
	font-family: Helvetica, Arial;
}

#container {
	width: 920px;
	padding: 0 20px;
	margin: 0 auto;
}

/*= BRANDING
----------------------------------------*/
#branding {
	background: url(../img/header.jpg) top right no-repeat;
	margin-top: 10px;
	height: 180px;
}

/*= NAV-PRIMARY
----------------------------------------*/
#nav-primary {
	margin: -30px 0 0 0;
	list-style: none;
}

#nav-primary li {
	float: left;
	margin-right: -12px;
	position: relative;
	width: 127px;
	height: 40px;
}

#nav-primary li.long {
	width: 150px;
}

#nav-primary li a {
	position: absolute;
	background: url(../img/primary-nav.png) top left no-repeat;
	display: block;
	width: 97px;
	height: 40px;
	padding-left: 30px;
	font-size: 1.2em; /* 14px */
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#nav-primary li.long a {
	background: url(../img/primary-nav-long.png) top left no-repeat;
	width: 120px;
}

#nav-primary li a:hover,
#nav-primary li.active a,
#nav-primary li.current_page_item a,
body.history #nav-primary li.nav-history a,
body.news #nav-primary li.nav-news a,
body.sponsors #nav-primary li.nav-sponsors a,
body.enter #nav-primary li.nav-enter a,
body.charities #nav-primary li.nav-charities a,
body.gallery #nav-primary li.nav-gallery a,
body.contact #nav-primary li.nav-contact a
{
	background: url(../img/primary-nav-hover.png) top left no-repeat;
	color: #c30;
}

#nav-primary li.long a:hover
{
	background: url(../img/primary-nav-long-hover.png) top left no-repeat;
	color: #c30;
}

/*= Z-INDEX TO POSITION TABS */
#nav-primary li#home { z-index: 80; }
#nav-primary li#history { z-index: 70; }
#nav-primary li#news, #nav-primary li#media { z-index: 60; }
#nav-primary li#sponsors { z-index: 50; }
#nav-primary li#enter { z-index: 40; }
#nav-primary li#charities { z-index: 30; }
#nav-primary li#gallery { z-index: 20; }
#nav-primary li#contact { z-index: 10; }

#nav-primary li.nav-home { z-index: 80; }
#nav-primary li.nav-history { z-index: 70; }
#nav-primary li.nav-news, #nav-primary li.nav-media { z-index: 60; }
#nav-primary li.nav-sponsors { z-index: 50; }
#nav-primary li.nav-enter { z-index: 40; }
#nav-primary li.nav-charities { z-index: 30; }
#nav-primary li.nav-gallery { z-index: 20; }
#nav-primary li.nav-contact { z-index: 10; }


/* =NAV-SECONDARY
--------------------------------------------------*/
#nav-secondary ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav-secondary ul li a {
	background: url(../img/bullet.gif) 0 1px no-repeat;
	display: block;
	margin-bottom: 5px;
	padding-left: 20px;
}

#nav-secondary ul li a:hover {
	background: url(../img/bullet-hover.gif) 0 1px no-repeat;
	text-decoration: none;
}

/* =CONTENT
--------------------------------------------------*/
#content {
	margin-top: 58px;
}

/* =CONTENT PRIMARY */
#content-primary {
	float: left;
	width: 918px;
	position: relative;
}

body.two-column #content-primary {
	width: 680px;
	margin-right: 10px;
}

body.three-column #content-primary {
	width: 433px;
	margin-right: 20px;
}

/* =CONTENT SECONDARY / TERTIARY */
#content-secondary, #content-tertiary {
	float: left;
	width: 227px;
}

body.three-column #content-secondary {
	margin-right: 10px;
}

/*= SITE INFO
------------------------------------------------*/
#site-info {
	background: #000;
	float: left;
	width: 878px;
	margin-top:20px;
	margin-bottom: 20px;
	padding: 10px 20px;
	color: #fff;
}

#site-info ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#site-info ul li {
	float: left;
	margin-right: 10px;
}

#site-info p {
	float: right;
	margin: 0;
}