/* Browser Amnesia
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* Begin CSS
-------------------------------------------------------------- */

html {
	background: #4A3B2F url(../img/cartman_glasses.png) repeat-x scroll left top;
}
body {
	font-size: 85%;
	color: #222; 
	background: #fff;
	font-family: "Tw Cen MT", "Century Gothic", Verdana, Arial, sans-serif;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: "Tw Cen MT", "Century Gothic", Verdana, Arial, sans-serif; }

h1 { font-size: 22px; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 18px; margin-bottom: 0.75em; }
h3 { font-size: 15px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em; font-family: "Century Gothic", Verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; font-family: Verdana, Arial, sans-serif; font-size: 12px; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { /*font-weight: bold; background: #C3D9FF;*/ }
thead strong{ display: block; padding-top: 7px; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 105%;}
th,td       { padding: 0px 4px 0px 2px; font-family: Verdana, Arial, sans-serif; font-size: 80%; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc Global Classes
-------------------------------------------------------------- */

.cright 		{ float: right; } /* YKMOFL */
.cleft 		{ float: left; }
.clear 		{ clear: both; }
.cleft 		{ clear: left; }
.cright 	{ clear: right; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.sIFR-replaced h1 	{ color: #3A990D; }
.sIFR-alternate 	{ position: relative; left: -9999px; display: none; }


/* Form Styling
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
	margin:0.5em 0;
	border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

h1, h1 a, #nav, #nav li a, .mcccclink, #left_links, a.bottom_left_links, h3#connecting_the_coasts, h2#the_show, h3#the_schedule, h2#hotels, h2#about, h2#sponsor, h2#schedule, h2#golf, h2#contact, h2#exhibitors {
	text-indent: -99999px; margin: 0px; padding: 0px; display: block; list-style: none;
}
/* Layout Elements
-------------------------------------------------------------- */

	#kontainer {
/*		background: transparent url(../img/road_bg.png) no-repeat scroll center top;*/
		background: transparent url(../img/road_bg.jpg) no-repeat scroll center top;
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		text-align: center;
		display: block;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
	}
		#content {
			text-align: left;
			width: 961px;
			margin: 0 auto;
			padding: 0px 0px 50px 0px;
		}
			#header {
				width: 961px;
				position: relative;
				z-index: 99;
				height: 292px;
				overflow: visible;
			}
				div#fuel_line, div#fuel_spray { display: block; position: absolute; z-index: 9199; float: left; }
				div#fuel_line {
					background: url('../img/bottom_fuel_line.png') no-repeat scroll top left;
					width: 179px;
					height: 44px;
					top: 292px;
					left: 13px;
				}
				div#fuel_spray {
					background: url('../img/bottom_fuel.png') no-repeat scroll top left;
					width: 86px;
					height: 31px;
					top: 292px;
					left: 397px;
				}
				h1 {
					float: left;
					margin: 0px;
					padding: 0px;
				}
					h1 a {
						background: url('../img/gcffe09.png') no-repeat scroll top left;
						width: 366px;
						height: 292px;
					}
					#nav {
						position: relative;
						float: right;
/*						background: url('../img/nav.png') no-repeat scroll top left;*/
						background: url('../img/nav.jpg') no-repeat scroll top left;
						width: 595px;
						height: 292px;
					}
						#nav li a {
							position: absolute;
							display: block;
/*							border: 1px solid #999;*/
							cursor: pointer;
						}
							#nav li a.about 		{ top: 38px; left: 16px; width: 86px; height: 83px; }
					        #nav li a.schedule		{ top: 92px; left: 116px; width: 171px; height: 48px; }
					        #nav li a.exhibitors	{ top: 167px; left: 61px; width: 113px; height: 83px; }
					        #nav li a.sponsors		{ top: 172px; left: 223px; width: 184px; height: 69px; }
					        #nav li a.hotels		{ top: 113px; left: 429px; width: 126px; height: 68px; }
					        #nav li a.golf 			{ top: 190px; left: 429px; width: 135px; height: 50px; }
					        #nav li a.contact		{ top: 31px; left: 325px; width: 103px; height: 93px; }
			div#body_area {
				
			}
				div#body_content {
					display: block;
					background: transparent url('../img/body_vertile.png') repeat-y;
					padding: 0px 49px 1px 28px;
					margin: 0px;
					width: 961px;
				}
					body.subpage div#body_content {
						padding-bottom: 35px;
					}
					div.content_wrapper {
						position: relative;
							z-index: 10;
						float: left;
						background: url('../img/index_body_bg.png') repeat-y scroll top left;
						width: 884px;
					}
						body.subpage div.content_wrapper {
							background-image: none;
							padding-bottom: 20px;
						}
						#the_content, #midline, #right_col {
							position: relative;
							z-index: 1;
							float: left;
						}
							div.top {
								position: absolute;
								top: 0px;
								left: 0px;
								z-index: -1;
							}
							div.text {
								position: relative;
								float: left;
								z-index: 1;
								line-height: 20px;
							}
						#the_content {
							width: 318px;
						}
							body.subpage #the_content {
								width: 660px;
								background: transparent url('../img/subpage_body_rep.png') repeat-y top left;
							}
							#the_content div.top {
								background: url('../img/show_top.png') no-repeat scroll top left;
								width: 318px;
								height: 109px;
							}
								body.subpage #the_content div.top {
									background: url('../img/subpage_body_top.png') no-repeat scroll top left;
									width: 660px;
									height: 17px;
								}
								body.subpage #the_content div.sub_body_footer {
									position: absolute;
									display: block;
									left: 0px;
									bottom: 0px;
									background: url('../img/subpage_body_footer.png') no-repeat scroll top left;
									width: 660px;
									height: 20px;
								}
							#the_content div.text {
								padding: 50px 30px 50px 30px;
							}
								body.subpage #the_content div.text {
									padding: 40px 30px 40px 30px;
								}
								h2#the_show {
									margin: 0px 0px 14px -4px;
									background: url('../img/the_show.png') no-repeat scroll top left !important;
									width: 246px;
									height: 50px;
								}
								h2#hotels {
									margin: 0px 0px 14px -4px;
									background: url('../img/hotel.jpg') no-repeat scroll top left !important;
									width: 246px;
									height: 50px;
								}
								h2#about {
									margin: 0px 0px 14px -4px;
									background: url('../img/about.jpg') no-repeat scroll top left !important;
									width: 140px;
									height: 50px;
								}
								h2#sponsor {
									margin: 0px 0px 14px -4px;
									background: url('../img/sponsor.jpg') no-repeat scroll top left !important;
									width: 213px;
									height: 50px;
								}
								h2#schedule {
									margin: 0px 0px 14px -4px;
									background: url('../img/schedule.jpg') no-repeat scroll top left !important;
									width: 210px;
									height: 50px;
								}
								h2#golf {
									margin: 0px 0px 14px -4px;
									background: url('../img/golf.jpg') no-repeat scroll top left !important;
									width: 107px;
									height: 50px;
								}
								h2#exhibitors {
									margin: 0px 0px 14px -4px;
									background: url('../img/exhibitors.jpg') no-repeat scroll top left !important;
									width: 240px;
									height: 50px;
								}
								h2#contact {
									margin: 0px 0px 14px -4px;
									background: url('../img/contact.jpg') no-repeat scroll top left !important;
									width: 213px;
									height: 50px;
								}
						#midline {
							width: 342px;
						}
							.mcccclink {
								position: absolute;
									z-index: 99999999;
									top: 10px;
									left: 10px;
								width: 322px;
								height: 70px;
							}
							#midline div.top {
								background: url('../img/mccccbm_center_top.png') no-repeat scroll top left;
								width: 342px;
								height: 109px;
							}
							#midline div.text {
								padding: 80px 30px 10px 30px;
							}
								h3#the_schedule {
									background: url('../img/the_schedule.png') no-repeat scroll top left;
									position: relative;
										left: 93px;
									margin: 5px 0px 12px 0px;
									width: 195px;
									height: 26px;
								}
						#right_col {
							position: relative;
							width: 224px;
						}
							body.subpage #right_col {
								background: url('../img/index_body_bg.png') repeat-y scroll top right;
								margin-bottom: 10px;
							}
								body.subpage #right_col div#right_col_footer {
									position: absolute;
									display: block;
									bottom: 0px;
									right: 0px;
									z-index: 1;
									background: url('../img/right_col_footer.png') no-repeat scroll top left;
									width: 221px;
									height: 13px;
								}
							h3#connecting_the_coasts {
								position: absolute;
								background: url('../img/connecting_the_coasts.png') no-repeat scroll top left;
								width: 224px;
								height: 109px;
							}
							#right_col div.text {
								padding: 110px 20px 20px 30px;
							}
								ul.sponsors {
									margin: 0px;
									padding: 0px;
								}
									ul.sponsors li {
										margin: 0px 10px 5px 0px;
										padding: 0px;
										list-style: none;
										float: left;
										display: inline;
									}
										ul.sponsors li a {
											float: left;
											margin: 0px;
											padding: 0px;
										}
				div#clearitall {
					clear: left;
				}
			div#body_footer {
				position: relative;
					z-index: 9999!important;
			}	
				div#body_footer div.bottomcap {
					display: block;
					position: relative;
						z-index: 99999;
					margin-top: -1px;
					background: url('../img/footer_bg.png') no-repeat scroll bottom left;
					width: 961px;
/*					height: 68px;*/
					overflow: visible!important;
				}
					body.subpage div#body_footer div.bottomcap {
						background: url('../img/footer_bg.png') no-repeat scroll 0px -17px;
					}
					#left_links {
						position: absolute;
						display: block;
						float: left;
							z-index: 99999;
						left: 28px;
						top: -48px;
						background: url('../img/bottom_lomcsa_link.png') no-repeat scroll bottom left;
						width: 318px;
						height: 110px;
					}
						body.subpage #left_links {
							height: 90px;
							top: -46px;
						}
						a.bottom_left_links {
							position: relative;
								z-index: 99999999;
								left: 35px;
								top: -20px;
							display: block;
							width: 310px;
							height: 68px;
							margin: 0px;
							padding: 0px;
						}
							body.subpage a.bottom_left_links {
								top: -37px;
							}
							
							
							
	#footer { 			/* Footer on bottom but dependent on content */
		position: absolute;
		/*line-height: 45px; helps with padding on top*/
		left: 0px;
		bottom: 0px;
		width: 100%;
		display: block;
		height: 25px;
		z-index: 999;
		padding: 0px;
		margin: 0px;
		color: #333;
		text-align: center;
		font-size: 12px;
	}
		#footer ul {
			margin: 0px;
			padding: 0px;
		}
			#footer ul li {
				display: inline;
				list-style: none;
				margin: 0px;
				padding: 0px;
			}	
				#footer ul li a {
					margin : 0 15px;
				}
				
				div.iefooter {
					display: none;
				}
				
		.text ul{
			list-style-type: none;
		}
		.text li{
			margin-left:-20px;
		}
		}