/*	wmcaf.com
	westmichiganchalkartfestival.com
	wmchalkart.com

	Site design by Dan Tobolic -- www.tobolic.com
*/

/*
GLOBAL RESET
---------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}

/*
STRUCTURE
---------------------------------------------------------------*/

body {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	}	

#header_outer {
	/*IE6 Fixes to Position:Fixed Header*/
	position: fixed;
	bottom: auto;
	top: 0px;
	
	height: 240px;
	width: 100%;
	z-index: 1000;
	background: url(/_images/nav_matte.png) repeat-x 0 0;
	_background: url(/_images/ie6_nav_matte.gif) repeat-x 0 0;
	}

* html,* html body   /* IE6 Fixed Position Jitter Fix */{background-image:url(about:blank);background-attachment:fixed;}
* html #header_outer    /* IE6 position fixed Top */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}

	
#header_inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	}

#home {
	height: 1400px;
	width: 100%;
	background: #510069 url(/_images/bg_home.jpg) 50% 0 repeat-x;
	}
	
#info {
	height: 1300px;
	width: 100%;
	background: #ffffff url(/_images/bg_info.jpg) 50% 0 repeat-x;
	}
	
#artists {
	height: 1000px;
	width: 100%;
	background: #006cbe url(/_images/bg_artists.jpg) 50% 0 repeat-x;
	}
	
#register {
	height: 1140px;
	width: 100%;
	background: #ffffff url(/_images/bg_register.jpg) 50% 0 repeat-x;
	}
	
#sponsor {
	height: 1400px;
	width: 100%;
	background: #510069 url(/_images/bg_sponsor.jpg) 50% 0 repeat-x;
	}
	
#volunteer {
	height: 800px;
	width: 100%;
	background: #006cbe url(/_images/bg_volunteer.jpg) 50% 0 repeat-x;
	}
	
#gallery {
	height: 700px;
	width: 100%;
	background: #181818 url(/_images/bg_gallery.jpg) 50% 0 repeat-x;
	}
	
#contact_us {
	height: 1000px;
	width: 100%;
	background: #510069 url(/_images/bg_contactus.jpg) 50% 0 repeat-x;
	}
	
.content {
	padding-top:170px;
	width: 1000px;
	position: relative;
	margin: 0 auto;
	}
	
.info_col_left {
	position: relative;
	width: 380px;
	float: left;
	}

.info_col_right {
	position: relative;
	width: 588px;
	float: right;
	}


/*
BACKGROUND TRANSITIONS
---------------------------------------------------------------*/

#bg_trans_1 {
	height: 250px;
	width: 100%;
	background: url(/_images/bg_trans_1.jpg) 50% 0 repeat-x;
	}

#bg_trans_2 {
	height: 250px;
	width: 100%;
	background: url(/_images/bg_trans_2.jpg) 50% 0 repeat-x;
	}

#bg_trans_3 {
	height: 250px;
	width: 100%;
	background: url(/_images/bg_trans_3.jpg) 50% 0 repeat-x;
	}

#bg_trans_4 {
	height: 250px;
	width: 100%;
	background: url(/_images/bg_trans_4.gif) 50% 0 repeat-x;
	}

#bg_trans_5 {
	height: 250px;
	width: 100%;
	background: url(/_images/bg_trans_5.jpg) 50% 0 repeat-x;
	}
	
#bg_trans_6 {
	height: 250px;
	width: 100%;
	background: url(/_images/bg_trans_6.jpg) 50% 0 repeat-x;
	}	

#bg_trans_7 {
	height: 250px;
	width: 100%;
	background: url(/_images/bg_trans_7.jpg) 50% 0 repeat-x;
	}

/*
NAVIGATION
---------------------------------------------------------------*/
	
#nav {
	background: #fff url(/_images/nav.gif) no-repeat 0 0;
	position: absolute;
	top: 65px;
	right: 0;
	width: 645px;
	height: 45px;
	}

#nav li { 
	margin: 0; 
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0; }

#nav li, #nav a { height: 45px; display: block;}

#nav a { 
	text-indent: -2000px;
	letter-spacing: -2000px;
	overflow: hidden;
	}

#nav #nav_info 			{left: 0px;   width: 46px; }
#nav #nav_artists 		{left: 46px;  width: 70px;}
#nav #nav_register 		{left: 116px; width: 79px;}
#nav #nav_sponsor 		{left: 195px; width: 80px;}
#nav #nav_volunteer 	{left: 275px; width: 92px;}
#nav #nav_gallery 		{left: 367px; width: 75px;}
#nav #nav_contact_us 	{left: 442px; width: 95px;}
#nav #nav_facebook	 	{left: 537px; width: 108px;}

#nav #nav_info a:hover 			{ background: transparent url(/_images/nav.gif) 0 -45px no-repeat;}
#nav #nav_artists a:hover 		{ background: transparent url(/_images/nav.gif) -46px -45px no-repeat;}
#nav #nav_register a:hover 		{ background: transparent url(/_images/nav.gif) -116px -45px no-repeat;}
#nav #nav_sponsor a:hover 		{ background: transparent url(/_images/nav.gif) -195px -45px no-repeat;}
#nav #nav_volunteer a:hover 	{ background: transparent url(/_images/nav.gif) -275px -45px no-repeat;}
#nav #nav_gallery a:hover 		{ background: transparent url(/_images/nav.gif) -367px -45px no-repeat;}
#nav #nav_contact_us a:hover 	{ background: transparent url(/_images/nav.gif) -442px -45px no-repeat;}
#nav #nav_facebook a:hover 		{ background: transparent url(/_images/nav.gif) -537px -45px no-repeat;}


/*
HEADERS
---------------------------------------------------------------*/


h1 {
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	overflow: hidden;
	}

	.logo {
		position: absolute;
		display:block;
		top: 8px;
		left: 0;
		height: 152px;
		width: 334px;
		background:url(/_images/logo.png) no-repeat 0 0;
		_background:url(/_images/ie6_logo.gif) no-repeat 0 0;
		margin: 0;
		padding: 0;
		text-indent: -2000em;
		overflow: hidden;
		}
	
	.logo * {
		display: none;
		}
	
	.logo span.hover {
		position: absolute;
		top: 0;
		left: 0;
		height: 202px;
		width: 334px;
		background:url(/_images/logo_hover.png) 0 0 no-repeat;
	}



@font-face{
	font-family: LeagueGothic; 
	src: url('/_fonts/LeagueGothic.otf'); 
	} 

h2 {
	color:#fff;
	font-family: century gothic, 'century gothic', arial, sans-serif;
	font-size: 95px;
	font-weight: bold;
	letter-spacing: -4px;
	margin: 0 0 15px 20px;
	/*text-shadow: 0 2px 0 #000;*/
	text-transform: uppercase;
	}

	h2.blue {
		color: #12a7dc;
		}
		
h3 {
	clear: both;
	color: #b6da10;
	font-family: LeagueGothic;
	font-size: 29px;
	letter-spacing: 1px;
	margin: 30px 0 20px 25px;
	text-transform: uppercase;
	}

h4 {
	color: #ff0099;
	font-size: 24px;
	padding: 8px 0 3px 0;
	}
	


/*
TEXT STYLES
---------------------------------------------------------------*/

a { color: #fff; }

a:hover { text-decoration: none ;}

.f_left {
	float: left;
	padding-right: 10px;
	}

.f_right {
	float: right;
	}

p {
	margin-left: 20px;
	margin-bottom: 1em;
	line-height: 140%;
	}
	
	ul li {
		margin-left: 40px;
	}
	

.p1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 120%;
	}

.p2 {
	font-size: 17px;
	margin-bottom: 32px;
	}
	 
.white {
	color: #fff;
	}

.black {
	color: #505050;
	}

.w130 { width: 130px }
.w140 { width: 140px }
.w300 { width: 300px }
.w500 {	width: 500px }
.w560 { width: 560px }
.w590 { width: 590px }
.w600 { width: 600px }
.w650 { width: 650px }
.w700 { width: 700px }
.w730 { width: 730px }
.w900 { width: 900px }

.facebook {
	background: url(/_images/icon_facebook.png) no-repeat 0 50%;
	padding: 12px 0 12px 30px;
	font-weight: bold;
	display: block;
	width: 220px;
	float: left;
	}

.twitter {
	background: url(/_images/icon_twitter.png) no-repeat 0 50%;
	padding: 12px 0 12px 30px;
	margin-bottom: 20px;
	font-weight: bold;
	display: block;
	width: 220px;
	float: left;	
	}

.disclaimer {
	font-size: 11px;
	font-style: italic;
	float: left;
	padding-top: 15px;
	}

.directions {
	padding: 20px 0 10px 35px;
	}

.address {
	padding: 0 30px 0 24px;
	background: url(/_images/icon_address.gif) no-repeat 0 0;
	}

.phone {
	display: block;
	padding: 0 30px 0 24px;
	margin-bottom: 15px;
	background: url(/_images/icon_phone.gif) no-repeat 0 50%;
	height: 20px;
	font-size: 17px;
	}
	
.fax {
	display: block;
	padding: 0 30px 0 24px;
	margin-bottom: 15px;
	background: url(/_images/icon_fax.gif) no-repeat 0 50%;
	height: 20px;
	font-size: 17px;
	}
	
.email { 
	display: block;
	padding: 0 30px 0 24px;
	background: url(/_images/icon_email.gif) no-repeat 0 50%;
	height: 20px;
	font-size: 17px;
	font-weight: bold;
	}

ul.prizes {
	margin-left: 20px;
	padding-left: 0;
	float: left;
	}

.prizes li {
	color: #a5c70b;
	font-size: 16px;
	font-weight: bold;
	padding: 4px;
	margin: 5px 10px 0 0;
	list-style: none;
	height: 40px;
	width: 150px;
	}
	
.prizes li.first {	
	color: #505050;
	border-left: 0;
	border-bottom: 1px solid #cee954;
	}

.prizes li span {
	color: #505050;
	display: block;
	font-size: 20px;
	font-weight: normal;
	}
	
.prize_disclaimer {
	font-style: italic;
	clear: both; 
	padding-top: 40px;
	}

.quote_artists {
	position: absolute;
	left: 409px;
	top: 200px;
	width: 583px;
	overflow: hidden;
	}
	
	.quote_artists p {
		background: url(/_images/quote_bubble_top.png) no-repeat 0 0;
		color: #d6edff;
		font-family: Georgia, serif;
		font-style: italic;
		margin: 0;
		padding: 10px 30px 5px 36px;
		}
	
	.quote_artists span {
		background: url(/_images/quote_bubble_bottom.png) no-repeat bottom 0;
		display: block;
		margin: 0;
		padding: 0;
		width: 583px;
		height: 8px;
		}
		
.quote_register {
	position: absolute;
	left: 449px;
	top: 196px;
	width: 543px;
	}
	
	.quote_register p {
		color: #12a7dc;
		font-family: Georgia, serif;
		font-style: italic;
		margin: 0;
		padding: 10px 30px 5px 36px;
		}
	
	.quote_register a {
		color: #12a7dc;
		}
	

.gallery_icon {
	display: block;
	float: left;
	margin-left:20px;
	margin-top: 40px;
	text-align: center;
	width: 220px;
	height: 290px;
	}
	
.gallery_icon a {
	border: 0;
	color: #006cbe;
	font-weight: bold;
	text-decoration: none;
	}

.gallery_icon a span {
	display: block;
	}

	
.gallery_icon a:hover {
	color: #fff;
	}




/*
BUTTONS
---------------------------------------------------------------*/

a.btn_orange {
	background: url(/_images/btn_orange_end.png) no-repeat scroll top right;
	_background: url(/_images/btn_orange_end.gif) no-repeat scroll top right;
	float: left;
	font: bold 17px Arial, sans-serif;
	text-shadow: 0 1px 0 #8c5401;
	height: 45px;
    margin: 20px 6px 0 10px;
    padding-right: 35px; 
	text-decoration: none;
	}
	
	a.btn_orange span {
		background: url(/_images/btn_orange_start.png) no-repeat;
		_background: url(/_images/btn_orange_start.gif) no-repeat;
		display: block;
    	line-height: 19px;
		padding: 12px 0 14px 10px;
		}
		
	a.btn_orange:hover {
    	background-position: bottom right;
		}

	a.btn_orange:hover span {
    	background-position: bottom left;
		}
	

a.btn_green {
	background: url(/_images/btn_green_end.png) no-repeat scroll top right;
	_background: url(/_images/btn_green_end.gif) no-repeat scroll top right;
	float: left;
	font: bold 17px Arial, sans-serif;
	text-shadow: 0 1px 0 #687f00;
	height: 45px;
    margin: 20px 6px 0 10px;
    padding-right: 35px; 
	text-decoration: none;
	}
	
	a.btn_green span {
		background: url(/_images/btn_green_start.png) no-repeat;
		_background: url(/_images/btn_green_start.gif) no-repeat;
		display: block;
    	line-height: 19px;
		padding: 12px 0 14px 10px;
		}
		
	a.btn_green:hover {
    	background-position: bottom right;
		}

	a.btn_green:hover span {
    	background-position: bottom left;
		}

	
	
a.btn_blue {
	background: url(/_images/btn_blue_end.png) no-repeat scroll top right;
	_background: url(/_images/btn_blue_end.gif) no-repeat scroll top right;
	float: left;
	font: bold 17px Arial, sans-serif;
	text-shadow: 0 1px 0 #0b6687;
	height: 45px;
    margin: 20px 6px 0 10px;
    padding-right: 35px; 
	text-decoration: none;
	}
	
	a.btn_blue span {
		background: url(/_images/btn_blue_start.png) no-repeat;
		_background: url(/_images/btn_blue_start.gif) no-repeat;
		display: block;
    	line-height: 19px;
		padding: 12px 0 14px 10px;
		}
		
	a.btn_blue:hover {
    	background-position: bottom right;
		}

	a.btn_blue:hover span {
    	background-position: bottom left;
		}
	
	.googlemaps {
		position: absolute;
		top: 210px;
		left: 45px;
		}
		
	
a.download {
	position: absolute;
	background: url(/_images/btn_download_pdf.gif) no-repeat 0 0;
	display: block;
	top: 350px;
	right: 70px;
	width: 203px;
	height: 249px;
	text-indent: -2000em;
	overflow: hidden;
	}
	
a.download:hover {
	background: url(/_images/btn_download_pdf_hover.gif) no-repeat 0 0;
	}


/*
IMAGES
---------------------------------------------------------------*/

div.home_photos {
	background: url(/_images/home_photos.png) no-repeat 0 0;
	_background: url(/_images/ie6_home_photos.gif) no-repeat 0 0;
	display: block;
	width: 679px;
	height: 191px;
	z-index: 500;
	position: relative;
	clear: both;
	}

div.home_girl {
	background: url(/_images/home_girl_drawing.png) no-repeat 0 0;
	_background: url(/_images/ie6_home_girl_drawing.gif) no-repeat 0 0;
	display: block;
	width: 374px;
	height: 567px;
	position: absolute;
	top: 330px;
	right: 0;
	z-index:400;
	}

div.info_map {
	background: url(/_images/info_map.gif) no-repeat 0 0;
	display: block;
	width: 588px;
	height: 370px;
	margin-top: 15px;
	}

div.info_amy_feil {
	background: url(/_images/info_amy_feil.png) no-repeat 0 0;
	display: block;
	width: 282px;
	height: 166px;
	margin-top: 15px;
	}

div.contact_phone {
	background: url(/_images/contact_phone.png) no-repeat 0 0;
	_background: url(/_images/ie6_contact_phone.gif) no-repeat 0 0;
	display: block;
	width: 535px;
	height: 251px;
	position: absolute;
	top: 430px;
	right: 0;
	}
	
div.artists_professionals {
	background: url(/_images/artists_professionals.png) no-repeat 0 0;
	_background: url(/_images/ie6_artists_professionals.gif) no-repeat 0 0;
	display: block;
	width: 228px;
	height: 207px;
	float: left;
	padding-right: 20px;
	margin-bottom: 40px;
	}	
	
div.artists_chalk {
	background: url(/_images/artists_chalk.gif) no-repeat 0 0;
	display: block;
	width: 308px;
	height: 372px;
	position: absolute;
	top: 250px;
	right: 0;
	}

div.register_chalk {
	background: url(/_images/register_chalk.gif) no-repeat 0 0;
	display: block;
	width: 950px;
	height: 384px;
	margin: 50px 0 0 20px;
	}

div.volunteer_chalk {
	background: url(/_images/volunteer_chalk.png) no-repeat 0 0;
	_background: url(/_images/ie6_volunteer_chalk.gif) no-repeat 0 0;
	display: block;
	width: 370px;
	height: 235px;
	position: absolute;
	top: 375px;
	right: 0;
	}


/*
SPONSOR LISTING 
---------------------------------------------------------------*/

ul.sponsors {
	margin-left: 22px;
	list-style: none;
	float: left;
	width: 140px;
	}


ul.sponsors li.sponsor_level {
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	height: 120px;
	border-top: 2px solid #650880;
	border-bottom: 1px solid #650880;
	padding: 10px 0 0 0;
	}	
	
ul.sponsors li.sponsor_level span{
	display: block;/*ie_6*/
	}	


ul.sponsors li {
	color: #b884c8;
	margin: 5px 0;
	padding: 0 0 5ox 0;
	font-size: 13px;
	width: 140px;
	float: left;
	line-height: 110%;
	}
	
ul.sponsors li a {
	color: #b884c8;
	}
	
ul.sponsors li a:hover{
	color: #fff;
	}
	
	
	
	
/*
TABLE -- GLOBAL
---------------------------------------------------------------*/

table {
	width: auto;
	margin: 0 0 30px 10px;
	border-collapse: collapse;
	}
	
td {
	vertical-align: top;
	color: #505050;
	width: 245px;
	padding: 5px 10px;
	}

	
/*
TABLE -- Schedule
---------------------------------------------------------------*/

table.schedule {
	margin: 0 0 60px 20px;
	padding: 0;
	}

table.schedule td {
	padding: 6px 0px;
	border-top: 1px dotted #e3e3e3;
	}	

table.schedule td b {
	padding-left: 10px;
	}

.no_row {
	padding-top: 12px;
	border: 0 !important;
	}			
		
/*
TABLE -- Purple
---------------------------------------------------------------*/

table.purple {
	background: url(/_images/table_purple_hr_bg.png) no-repeat 0 0;
	_background: url(/_images/table_purple_hr_bg.gif) no-repeat 0 0;
	width: 980px;
	}
	
table.purple th {
	text-align: left;
	font-size: 23px;
	width: 245px;
	height: 67px;
	padding: 0 20px;
	}

table.purple th span {
	color: #12a7dc;
	font-size: 20px;
	display: block;
	}	
	
table.purple td {
	color: #fff;
	width: 245px;
	padding: 10px 20px 30px 20px;
	}

table.purple td.first {
	background:url(/_images/table_purple_first_bg.png) no-repeat bottom left;
	_background:url(/_images/table_purple_first_bg.gif) no-repeat bottom left;
	}

table.purple td {
	background:url(/_images/table_purple_mid_bg.png) no-repeat bottom right;
	_background:url(/_images/table_purple_mid_bg.gif) no-repeat bottom right;
	}
	
table.purple td.last {
	background:url(/_images/table_purple_last_bg.png) no-repeat bottom right;
	_background:url(/_images/table_purple_last_bg.gif) no-repeat bottom right;
	}


table.purple td li {
	font-size: 12px;
	line-height: 15px;
	margin: .5em 0;
	list-style-image: url(/_images/bullet_purple.gif);
	}

/*
TABLE -- Blue
---------------------------------------------------------------*/

table.blue {
	background: url(/_images/table_blue_hr_bg.png) no-repeat 0 0;
	_background: url(/_images/table_blue_hr_bg.gif) no-repeat 0 0;
	width: 980px;
	z-index: 100;
	position: relative;
	}
	
table.blue th {
	color: #a5c70b;
	text-align: left;
	font-size: 19px;
	width: 245px;
	height: 67px;
	padding: 0 20px;
	}

table.blue th span {
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	display: block;
	}	
	
table.blue td {
	color: #fff;
	width: 245px;
	padding: 10px 20px 30px 20px;
	}

table.blue td.first {
	background:url(/_images/table_blue_first_bg.png) no-repeat bottom left;
	_background:url(/_images/table_blue_first_bg.gif) no-repeat bottom left;
	}

table.blue td {
	background:url(/_images/table_blue_mid_bg.png) no-repeat bottom right;
	_background:url(/_images/table_blue_mid_bg.gif) no-repeat bottom right;
	}
	
table.blue td.last {
	background:url(/_images/table_blue_last_bg.png) no-repeat bottom right;
	_background:url(/_images/table_blue_last_bg.gif) no-repeat bottom right;
	}

table.blue td li {
	font-size: 12px;
	line-height: 15px;
	margin: .5em 0;
	list-style-image: url(/_images/bullet_white.gif);
	}



/*
CLEARFIX
---------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}