/* - - - - - - - - - - - - - - - - - - - - -

Title :    Millstone Extreme Dream
URL :      http://millstoneextremedream.com/

Created :  06.23.2009
Modified : 06.25.2009

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -    G L O B A L - R E S E T    - - - - - - - - - - - - - - - - - - - - - */

/*
	v1.0 | 20080212 
	http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* remember to define focus styles! */
:focus { outline: 1px dashed #967f63; }

/* - - - - - - - - - - - - - - - - - - - - -    H T M L - E L E M E N T S	    - - - - - - - - - - - - - - - - - - - - - */

body {
	font: 62.5% Arial, Helvetica, Verdana, sans-serif;
	background: #342024;
	color: #544755;
	padding: 86px 0 0 0;
}

html>body { font-size: 10px; }

/* Anchor Links */
a:link { color: #830A1C; text-decoration: underline; }
a:visited { color: #830A1C; text-decoration: underline; }
a:hover {  color: #830A1C; text-decoration: none; }
a:active {  color: #830A1C; text-decoration: none; }

/* Headings */
h1 { color: #342024; }
body.home h1 { margin: 0 0 10px 0; font-size: 2.3em; }
body.page h1 { margin: 0 0 20px 18px; font-size: 2.4em; text-transform: uppercase; }
body.home h2 { margin: 0 0 0.25em; font-size: 2.1em; color: #342024; }
body.page h2 { margin: 0 0 0.5em; font-size: 2.1em; color: #342024; }
h3 { margin: 0 0 1em; font-size: 1.4em; font-weight: bold; color: #342024; text-transform: uppercase; }
body.home #news h4 {
	font-size: 1.15em;
	margin: 0 0 0.5em;
}

/* Text Elements */
p, ul, ol, dl, blockquote, pre { margin: 0 0 1.75em; font-size: 1.2em; line-height: 1.4em; }
body.home #main-content p { font-size: 1.4em; }
body.home #sub-content p { font-size: 1.15em; }
blockquote { padding: 0 1.25em; }
small, cite { font-size: 0.9em; }
strong, b, dt, th { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 0 2em 1em; }
ul li, ol li { margin: 0 0 1em 1em; line-height: 1.2em; }

ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: square; }

ol { list-style-type: upper-roman; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-alpha; }

dl { margin-bottom: 2em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; padding-left: 1.5em; }

del { text-decoration: line-through; }
address, abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: "Courier New", Courier, monospace monospace; }

sub { font-size: .9em; line-height: 1em; vertical-align: sub; }
sup { font-size: .9em; line-height: 1em; vertical-align: super; }


/* - - - - - - - - - - - - - - - - - - - - -    N A V I G A T I O N    - - - - - - - - - - - - - - - - - - - - - */

ul.nav, ul.nav li { margin: 0; list-style: none; }

/* Global Navigation */
ul.global {
	position: absolute;
	top: 126px;
	left: 0;
	width: 870px;
	height: 30px;
	background-color: #342024;
}

ul.global li { float: left; }

ul.global li a {
	float: left;
	display: inline-block;
	display: block;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
}

ul.global li a:hover { background-color: #5A453C; }

ul.global li#gn-home a { width: 62px; background-position: 0 0; }
body.home ul.global li#gn-home a { background-color: #5A453C; }

ul.global li#gn-family a { width: 94px; background-position: -62px 0; }
body.family ul.global li#gn-family a { background-color: #5A453C; }

ul.global li#gn-team a { width: 78px; background-position: -156px 0; }
body.team ul.global li#gn-team a { background-color: #5A453C; }

ul.global li#gn-sponsors a { width: 89px; background-position: -234px 0; }
body.sponsors ul.global li#gn-sponsors a { background-color: #5A453C; }

ul.global li#gn-involved a { width: 112px; background-position: -323px 0; }
body.involved ul.global li#gn-involved a { background-color: #5A453C; }

ul.global li#gn-photos a { width: 75px; background-position: -435px 0; }
body.photos ul.global li#gn-photos a { background-color: #5A453C; }

ul.global li#gn-watch a { width: 125px; background-position: -510px 0; }
body.watch ul.global li#gn-watch a { background-color: #5A453C; }

ul.global li#gn-schedule a { width: 87px; background-position: -635px 0; }
body.schedule ul.global li#gn-schedule a { background-color: #5A453C; }

ul.global li#gn-location a { width: 89px; background-position: -722px 0; }
body.location ul.global li#gn-location a { background-color: #5A453C; }

ul.global li#gn-media a { width: 59px; background-position: -811px 0; }
body.media ul.global li#gn-media a { background-color: #5A453C; }


/* - - - - - - - - - - - - - - - - - - - - -    M A I N - L A Y O U T    - - - - - - - - - - - - - - - - - - - - - */
	
/* Iconize 0.5 */

a[href *="twitter.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_twitter.jpg) no-repeat center right;
}

a[href *="facebook.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_facebook.jpg) no-repeat center right;
}

/*
	slightly enhanced, universal clearfix hack
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
*/
.clearfix:after, 
#content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, 
#content { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, 
* html #content { height: 1%; }
.clearfix, 
#content { display: block; }
/* close commented backslash hack */

#wrapper {
	margin: 0 auto;
	width: 898px;
	padding: 3px;
	border: 17px solid #967f63;
	background-color: #f8f5d0;
	text-align: left;
}

#header {
	width: 870px;
	height: 156px;
	position: relative;
	border: 14px solid #342024;
	border-bottom: none;
}

#logo {
	position: absolute;
	top: -50px;
	left: 374px;
	width: 121px;
	height: 166px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/millstone_custom_homes.png) no-repeat 0 0;

	behavior: url("css/iepngfix.htc")

}

#emhe a {
	position: absolute;
	top:17px;
	left:690px;
	height:95px;
	width:175px;
	cursor:pointer;
	text-indent: -9999em;
}

body.home #bg {
	width: 870px;
	height: 126px;
	margin: 0;
	background-image: url(../images/header_bg_home.jpg);
}

body.family #bg, body.team #bg, body.sponsors #bg, body.involved #bg, body.photos #bg, body.watch #bg, body.schedule #bg, body.location #bg, body.media #bg, body.donate #bg  {
	width: 870px;
	height: 133px;
	margin: -7px 0 0;
	background-image: url(../images/header_bg_team.jpg);
}

body.home #content {
	clear: both;
	padding: 0 0 18px 0;
	border: 14px solid #342024;
	border-top: none;
	background: #fff url(../images/content_gradient.jpg) repeat-x 0 293px;
}

body.page #content {
	clear: both;
	padding: 0 0 45px 0;
	border: 14px solid #342024;
	border-top: none;
	background: #fff url(../images/content_gradient.jpg) repeat-x 0 0;
}

body.page #main-content {
	float: right;
	width: 575px;
	padding: 30px 30px 0 0;
}

body.home #main-content {
	float: right;
	width: 460px;
	padding: 30px 24px 0 0;
}

#main-content #border {
	padding: 0 0 45px 18px;
	border-left: 1px solid #CCC0B3;
}

#main-content #border .column1 {
	float:left;
	width:250px;
	margin-right:20px;
}

#main-content #border .column2 {
	float:left;
	width:250px;
	margin-right:20px;
}

body.page #sub-content {
	float: left;
	width: 222px;
	padding: 76px 18px 0 24px;
	background: url(../images/content_bg_team.jpg) no-repeat 0 0;
}

body.home #sub-content {
	float: left;
	width: 326px;
	padding: 30px 24px 0 24px;
	background: none;
}

.home #countdown-module-flash {
	margin: 0 0 10px 30px;
	padding: 6px 16px;
}

#countdown-module-flash {
	margin: 0 0 10px 0;
	padding: 0;
	width:240px;
	text-align: center;
}


#countdown-module {
	border: 1px solid #CCC0B3;
	margin: 0 0 30px 0;
	padding: 6px 16px;
	text-align: center;
	color: #981C2F;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
}

#countdown-module #countdown {
	display: block;
	margin: 4px 0 6px;
	padding: 6px 0 4px;
	border-top: 1px solid #CAC7CA;
	border-bottom: 1px solid #CAC7CA;
	font-size: 1.2em;
	font-weight: normal;
	color: #6B636C;
}

a#donate {
	display: block;
	width: 219px;
	height: 38px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/button_donate.jpg) no-repeat 0 0;
}

body.home a#donate {
	width: 326px;
	height: 38px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/button_donate_wide.gif) no-repeat 0 0;
}

#sub-content strong {
	font-size: 1.1em;
	font-weight: bold;
	color: #342024;
}

#sub-content ul {
	list-style: none;
	margin: 0;
}

#sub-content ul li {
	margin: 0 0 1em 0;
	padding: 0 0 0 12px;
	background: url(../images/bullet_arrow.gif) no-repeat 0 1px;
}

#footer {
	clear: both;
	padding: 6px 0 24px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #967F63;
}

#footer a,
#footer a:visited { text-decoration: underline; color: #967F63; }

#footer a:hover { text-decoration: none; }


/* - - - - - - - - - - - - - - - - - - - - -    P A G E - D E T A I L S    - - - - - - - - - - - - - - - - - - - - - */


#imgPLACEHOLDER {
	width: 444px;
	height: 242px;
	margin: 0 0 20px 0;
	background: #555;
}

#flash-banner {
	width: 444px;
	height: 242px;
	padding: 25px 33px 26px 393px;
	background: url(../images/flash_banner.jpg) no-repeat 0 0;
}


/* Homepage */
body.home #sponsors { 
	float: left; 
	width: 170px; 
}

body.home #news { 
	float: right; 
	width: 146px; 
	padding: 0 0 0 6px;
	border-left: 1px solid #CCC0B3;
}

body.home #sponsors ul li {
	background: none;
	margin: 0;
	padding: 0;
}

body.home #sponsors ul li a {
	display: inline-block;
	display: block;
	margin: 0 0 8px 0;
}

body.home #foot-list {
	clear: both;
	float: left;
	width: 870px;
	margin: 12px 0 0;
	padding: 4px 0;
	background-color: #342024;
	list-style: none;
}

body.home #foot-list li {
	list-style: none;
	margin: 0;
	text-transform: uppercase;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 1em;
	color: #F4F2E0;
}

body.home #foot-list li a { color: #F4F2E0; }

body.home #foot-list li#fl-twitter a,
body.home #foot-list li#fl-facebook a { text-decoration: none; }

body.home #foot-list li#fl-millstone { float: left; }

body.home #foot-list li#fl-twitter { float: right; }

body.home #foot-list li#fl-facebook { float: right; margin-left: 1.5em; }


/*SCHEDULE*/

#scheduleofevents {
}

#scheduleofevents h2{
	font-size:1.5em;
	font-weight:bold;
}

#scheduleofevents ul {
	list-style:none;
	font-size:13px;
	margin-left:0px;
}

#scheduleofevents ul li {
	margin-left:0px;
}

#scheduleofevents ul ul {
	list-style:none;
	font-size:13px;
	margin-left:15px;
}

#scheduleofevents .no {
	color:#830a1c;
}

#scheduleofevents .yes {
	color:#0a833d;
}

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

a[href$='.pdf'] { padding-right: 24px; background: transparent url(../images/icon_pdf.gif) no-repeat center right; }
a[href$='.doc'] { padding-right: 24px; background: transparent url(../images/icon_doc.gif) no-repeat center right; }
a[href$='.xls'] { padding-right: 24px; background: transparent url(../images/icon_xls.gif) no-repeat center right; }

p.bigtext {
	font-size:60px;
	text-align:center;
	color:#830a1c;
	line-height:0px;
	margin-bottom:0px;
	padding-top:25px;
}


/* - - - - - - - - - - - - - - - - - - - - -    SPONSORS STYLES    - - - - - - - - - - - - - - - - - - - - - */

body.sponsors #main-content ul {
	list-style: none;
	}
	
body.sponsors #main-content ul li {
	float: left;
	padding-bottom: 10px;
	text-align:center;
	}
	
body.sponsors #main-content ul li img {
	border: 1px solid #342024;
	display: block;
	margin-bottom: 5px;
	}
	
body.sponsors #main-content ul li span {
	display: block;
	}

body.sponsors #main-content h2 {
	clear: left;
	}


/* - - - - - - - - - - - - - - - - - - - - -    FORM STYLES    - - - - - - - - - - - - - - - - - - - - - */

form {
	font-size:12px;
}

form div.col {
	float: left;
	width: 50%;
	}
	
form div.col div.expiration div {
	float: left;
	width: 50%;
	}

form label {
	display: block;
	margin-bottom: 5px;
	}

form input,
form select {
	margin-bottom: 10px;
	}

form div.col div.terms checkbox {
	}
	
form div.col div.terms label {
	float: left;
	line-height: 2em;
	}

#volunteerform {
	font-size:12px;
}

#volunteerform input, #volunteerform select {
	margin-bottom:0px;
}

#volunteerform input.textboxes {
	width:200px;
}

#volunteerform textarea {
	width:500px;
}

#volunteerform .input1 {
	width:250px;
	float:left;
	margin-right:20px;
}

#volunteerform .input2 {
	width:250px;
	float:left;
}

#volunteerform .input3 {
	width:100px;
	float:left;
	margin-right:20px;
}

#volunteerform .input4 {
	width:100px;
	float:left;
}


#volunteerform input.state {
	width:40px;
}

#volunteerform input.zip {
	width:80px;
}

#volunteerform h4 {
	margin-top:20px;
}

#success {
	padding:5px;
	border:1px solid #342024;
	margin-bottom:20px;
}

p.storytitle {
	font-weight:bold;
	font-size:13px;
	padding-top:5px;
	border-top:1px solid #e8e8e8;
	margin-top:15px;
	margin-bottom:0px;
}

p.byline {
	font-size:11px;
	margin-top:0px;
}

.videoplayer {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:264px;
	width:320px;
	border:3px solid #e8e8e8;
}

#teamcaption {
	float:right;
	margin-left:20px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}

#teamcaption img {
	padding:10px;
	background-color: #f8f5d0;
}

#teamcaption p {
	line-height:0px;
	margin-top:10px;
}

.imgright {
	float:right;
	border:3px solid #f8f5d0;
	margin-left:10px;
}

#locationmap {
	width:560px;
	height:300px;
	border:3px solid #e8e8e8;
	margin-bottom:20px;
}