/*YUI CSS RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;} 
/*END RESET*/

/*IE .png fix*/
img, div, a, input, img#logo {behavior: url('iepngfix.htc'); }
body { behavior:url("csshover3-source.htc");}
/*End .png fix*/

/*Main Layout Divs*/
#doc {width: 100%;}
#header {width: 100%; height:300px; position:relative;}
#header_top {width:960px; padding-left:10px; height:70px; position:relative; margin:auto;}
#logo {height:98px; width:310px; position:absolute; top:25px; left:325px; z-index:100;}
#banner {height:209px; background-position:center; background-repeat:no-repeat; padding-bottom:3px;}
.img1 { background-image:url('/common/images/layout/banner_1.jpg'); }
.img2 { background-image:url('/common/images/layout/banner_2.jpg'); }
.img3 { background-image:url('/common/images/layout/banner_3.jpg'); }
.img4 { background-image:url('/common/images/layout/banner_4.jpg'); }
.img5 { background-image:url('/common/images/layout/banner_5.jpg'); }
.img6 { background-image:url('/common/images/layout/banner_6.jpg'); }
#gray_divider {width:100%; height:19px; background-color:#eeeeee;}
#location {float:left; margin-top:40px;}
#location_subpage {clear:left; float:left;}
#top_quicklinks {float:right; clear:right; margin-top:40px;}
#top_quicklinks_subpage {float:right; clear:right; }
#countdown_small {float:left; margin-top:20px;}
#countdown { width:100%; height:90px; margin-top:20px; margin-bottom:30px; text-align:center;}
#countdown_flash { margin-bottom:10px; }
#countdown_small_flash { margin-bottom:5px; }
#content { width:960px; padding-left:10px; padding-bottom:40px; margin:auto; }
#content_left_column {float:left; width:423px;}
#content_right_column {float:left; width:482px; margin-left:50px;}
#content_right_column_col_1 {float:left; width:227px; margin-right:25px;}
#content_right_column_col_2{float:left; width:227px;}
#footer { width:100%; margin-top: 40px; height:95px; background-color:#d4d4d4;}
#footer_container {width:960px; padding-left:10px; margin:auto;}
#footer_text {float:left; margin-top:18px;}

/*Top Nav*/

#topnav_container {width:746px; height:50px; margin:auto; padding-top:100px;}
#topnav ul {list-style:none; padding:0px; margin:0px; display:inline;}
#topnav li a.mogathon {
	height:50px; 
	width:235px;
	background-image:url('/common/images/layout/nav_mogathon.png'); 
	margin-right:10px;  
	display:block; 
	background-position:left; 
	float:left; 
	overflow:hidden;
	}
#topnav li a.mogamap {background-image:url('/common/images/layout/nav_moga_map.png'); margin-right:10px; height:50px; width:235px; display:block; background-position:left; float:left;}
#topnav li a.ready {background-image:url('/common/images/layout/nav_im_ready_2.png'); display:block; background-position:left; float:left; height:50px; width:235px;}

#topnav li a:hover {background-position:center;}
#topnav li a.active {background-position:right;}


/*Subnav*/
#subnav_container {width:100%; min-width: 850px; height:90px; text-align:center; padding-top:30px; margin-bottom:20px; text-transform:uppercase; color:#bebebe;}
#subnav_container.no_subnav {height:10px;}
#subnav {position:relative; padding-left:10px;}
#subnav li {display:inline;}
#subnav_image {margin-top:24px;}

/*Content*/
#content ul { list-style:disc; line-height:22px; margin-left:15px; color:#333333; }

/*Tables*/
table { width: 100%; text-align: right; }
table td { padding: 5px; margin: 5px;}
table th { font-weight: bold; text-align: right; padding: 5px; margin: 5px;}
table tr.highlight { background-color: #ffefe7; }


/*Volunteer*/
#volunteer_table {padding-top:28px;}
#volunteer_table td {padding-bottom:20px; padding-right:20px;}
#volunteer_table .col_spacing {margin-left:45px;}
#sign_up_button {margin-top:25px; margin-bottom:10px;}
#volunteer_areas {margin-top:20px;}
#volunteer_areas_left {float:left; margin-right:15px;}
#volunteer_areas_right {float:left;}
#volunteer_areas li { list-style:none; margin-bottom:15px;}

/*Sponsors*/
#sponsors {float:right; margin-top:30px;}
#sponsors_list li{display:inline; float:right;}
#sponsors_list li.sponsor_logo {margin-right:40px; margin-top: 5px;}


/*General Classes*/
.icon {padding-right:10px;}
.testimonial_image {margin-top:32px; margin-bottom:25px;}
.merch_heading {margin-bottom:23px; margin-top:26px; display:block;}
.heading_image {margin-bottom:30px; display:block;}
.clear{clear:both;}
.center {margin:auto;}
.displace {position: absolute; left: -10000px;}

/* Merch */
div.merch_item {
	float: left;
	clear: left;
	margin-right: 20px;
	height: 380px;
	width: 200px;
}
div.merch_content {
	float: left;
	margin-top: -10px;
	width: 195px;
}


/* ----------------MERCH SLIDER------------- */
#merch {
	width:100%;
	height:320px;
	background-color:#eeeeee;
	margin-top:20px;
}

#SlideItMoo_outer {  
	width:960px; 
	height:320px;
	margin:auto;
	display:block; 
	position:relative;
	padding-top:30px;
	padding-left:5px;
	padding-right:5px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:28px; 
	height:320px; 
	bottom:0px; 
	right:5px; 
	background:url(/common/images/layout/right.gif) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(/common/images/layout/left.gif) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative; 
	overflow:hidden; 
	width:960px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative;
	float:left;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px;  
	width:199px; 
	text-align:left; 
}

#SlideItMoo_items div.merch_price {
	text-align:center;
	margin-top:10px;
}