/* **************************************************

[Information]

Version:			1.1.1
Last Changes:		05/22/08 [added wide class to module - jg]
Author Info:		Jimmy Gleason (jg) - jimmy.gleason@kayutv.com
Primary Use:		One-off pages that blend with the MyFOX platform, for:
						KAYU FOX 28 (myfoxspokane.com) 
						KFFX FOX 11 (myfoxtricities.com)
						KCYU FOX 41 (myfoxyakima.com)

[Table of Contents]

1. Body
2. Main Page Wrapper / #main-wrap
	2.1. Header Wrapper / #header-wrap
		2.1.1. MyFOX Logo / .headerMyfoxLogo
		2.1.2. Station Logo / .headerStationLogo
		2.1.3. Main Menu (Blue Tabs) / #menu
			2.1.3.1. Main Menu Link List / #mnu
		2.1.4. Submenu (Red Tabs) / #submenu
			2.1.4.1. Sub Navigation Background Wrapper / .submnuBg @new 05/21/08
			2.1.4.2. Text Above Submenu / .submnuText
			2.1.4.3. Sub Menu Link List / #submnu
		2.1.5. Leaderboard Ad Wrapper / #ad_leaderboard
		2.1.6. Very Top Gray Navigation Bar / #graynav @new 05/20/08
	2.2. Body Wrapper #body-wrap / #body-wrap
		2.2.1. Right Advertisement Column / #adcolumn
			2.2.1.1. 300x250 Supercube Ad / #ad_supercube
			2.2.1.2. 120x90 Ad / #ad_button
	2.3. Footer Wrap / #footer-wrap
3. Content Modules / .module-wrap
	3.1. Content Modules Wide / .module-wrap-wide @new 05/22/08
	3.2. Header / .module-head
	3.3. Body / .module-body
	3.4. Footer / .module-foot
4. Contest Entry Form Wrapper / .contestForm @new 05/21/08
5. Float Clearing Classes

/* *********************************************** */

/* [1. Body] */
body { 
	margin:0;
	background:#e3e5e9;
	font:12px Geneva, Arial, Helvetica, sans-serif;
}

	p {
		margin:0;
		padding:10px 0;
	}

/* [2. Main Page Wrapper / #main-wrap] */ 
#main-wrap { 
	width:1000px;
	margin:0 auto; 
}
	
	/* [2.1. Header / #header-wrap] */
	#header-wrap { 
		display:block;
		background:#8e1b08 url('header_bg.jpg') no-repeat top left; 
	}
		
		/* [2.1.1. MyFOX Logo / .headerMyfoxLogo] */
		div.headerMyfoxLogo { 
			width:192px; 
			height:81px; 
			float:left; 
			margin-left:25px; 
		}
			
			div.headerMyfoxLogo img { border:0; }
			
		/* [2.1.2. Station Logo / .headerStationLogo] */
		div.headerStationLogo { 
			width:150px; 
			height:59px; 
			float:right; 
			margin-right:25px; 
			margin-top:12px; 
		}
			
			div.headerStationLogo img { border:0; }
			
		/* [2.1.3. Main Menu (Blue Tabs) / #menu] */
		#menu {
			display:block;
			height:30px;
			border-bottom:2px solid #000; 
		}
			
			/* [2.1.3.1. Main Menu Link List / #mnu] */
			ul#mnu { 
				display:block; 
				height:30px; 
				margin:0 0 0 3px; 
				padding:0; 
				list-style-type:none; 
			}
			
				#mnu li { 
					width:110px; 
					height:30px; 
					margin:0; 
					padding:0; 
					float:left; 
					text-align:center; 
				}
				
				#mnu a { 
					display:block; 
					line-height:30px; 
					background:url('menu_up.gif') no-repeat bottom left; 
					text-decoration:none; 
					font-weight:bold; 
					color:#fff; 
				}
				
				#mnu a:hover { 
					background:url('menu_dn.gif') no-repeat; 
				}
				
		/* [2.1.4. Submenu (Red Tabs) / #submenu] */
		#submenu {
			display:block;
			height:60px;
			background:url('submnu_bg.jpg') no-repeat top left; }
			
			/* [2.1.4.1. Sub Navigation Background Wrapper / .submnuBg] @new 05/21/08 */
			div.submnuBg {
				height:60px;
				width:1000px;
			}
			
			/* [2.1.4.2. Text Above Submenu / .submnuText] */
			div.submnuText { 
				width:480px; 
				height:29px; 
				float:right; 
				line-height:29px; 
				font-weight:bold; 
				font-size:125%; 
				color:#fff; 
			}
			
			/* [2.1.4.3. Sub Menu Link List / #submnu] */
			ul#submnu { 
				display:block; 
				height:20px; 
				float:right; 
				margin:0 10px 0 0; 
				padding:0; 
				list-style-type:none; 
			}
				
				#submnu li { 
					width:95px; 
					height:30px; 
					margin:0; 
					padding:0; 
					float:left; 
					text-align:center; 
				}
				
				#submnu a { 
					display:block; 
					line-height:30px; 
					background:url('submnu_up.gif') no-repeat bottom left; 
					text-decoration:none; 
					font-weight:bold; 
					font-size:90%; 
					color:#fff; 
				}
				
				#submnu a:hover { 
					background:url('submnu_dn.gif') no-repeat; 
				}
		
		/* [2.1.5 Leaderboard Ad Wrapper / #ad_leaderboard] */
		#ad_leaderboard {
			display:block;
			height:94px;
			padding:4px;
			background:#e2e4e8 url('leaderboard_bg.gif') no-repeat top left;
			text-align:center; 
		}

		/* [2.1.6. Very Top Gray Navigation Bar / #graynav] @new 05/20/08 */
		#graynav {
			height:22px;
			margin:0 auto;
			width:411px;
		}
		
			div.graynav-left {
				background:url('graynav-left_bg.gif') no-repeat top left;
				float:left;
				height:22px;
				width:16px;
			}
			
			div.graynav-right {
				background:url('graynav-right_bg.gif') no-repeat top right;
				float:left;
				height:22px;
				width:16px;			
			}
			
			div.graynav-menu {
				background:url('graynav_bg.gif') repeat-x top left;
				float:left;
				height:22px;
				text-align:center;
				width:379px;
			}
			
				div.graynav-menu ul {
					list-style-type:none;
					margin:0;
					padding:0 0 0 5px;
				}
				
				div.graynav-menu li {
					color:#9c9a9a;
					float:left;
					line-height:22px;
				}
				
					div.graynav-menu li a {
						color:#000;
						font-size:11px;
						text-decoration:none;
					}
					
					div.graynav-menu li a:hover {
						color:#003399;
					}
		
	/* [2.2 Body Wrapper #body-wrap / #body-wrap] */	
	#body-wrap {
		padding:10px;
		background:#e7e9ec; 
	}	
			
		/* [2.2.1. Right Advertisement Column / #adcolumn] */
		#adcolumn {
			width:300px;
			float:right; 
		}
			
			/* [2.2.1.1. 300x250 Supercube Ad / #ad_supercube] */
			#ad_supercube { 
				display:block; 
				height:260px; 
				padding:0 0 10px 0; 
			}
			
			/* [2.2.1.2. 120x90 Ad / #ad_button] */
			#ad_button { 
				display:block; 
				height:120px; 
				padding:22px 0 0 0; 
				background:url('tile_bg.jpg') no-repeat top left; 
			}
			
				div.ad_buttonLeft { 
					float:left; 
					padding:0 0 0 18px; 
				}
				
				div.ad_buttonRight { 
					float:right; 
					padding:0 18px 0 0; 
				}

	/* [3. Footer Wrap / #footer-wrap] */				
	#footer-wrap {
		text-align:center;
		font-size:95%;		
	}
	
		#footer a {
			text-decoration:none;
			font-size:95%;
			color:blue;
		}

/* [3. Content Modules / .module-wrap] */
div.module-wrap {
	width:665px;
	margin:0 0 10px 0;
}

	/* [3.1. Content Modules Wide / .module-wrap-wide] @new 05/22/08 */
	div.module-wrap-wide {
		display:block;
	}
	
	/* [3.2. Header / .module-head] */
	div.module-head {
		display:block;
		height:23px;
		background:url('module-head_bg.jpg') repeat-x top left;
		border-right:1px solid #ccc;
	}
	
		div.module-head-corner {
			height:23px;
			float:left;
			background:url('module-head-corner_bg.jpg') no-repeat top left;
		}
		
		div.module-head h1 {
			font-size:12px; 
			color:#a50315; 
			padding:0 0 0 10px; 
			font-weight: bold;	
			line-height:23px;
			margin:0;	
		}
	
	/* [3.3. Body / .module-body] */
	div.module-body {
		background:#fff;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		padding:10px;
	}
	
		div.module-body h2 {
			margin:0;
			padding:0;
		}
	
	/* [3.4. Footer / .module-foot] */
	div.module-foot {
		display:block;
		height:13px;
		background:url('module-foot_bg.jpg') repeat-x top left;
		border-right:1px solid #ccc;
	}
	
		div.module-foot-corner {
			height:13px;
			width:9px;
			float:left;
			background:url('module-foot-corner_bg.jpg') no-repeat top left;
		}
		
/* [4. Contest Entry Form Wrapper / .contestForm] @new 05/21/08 */
div.contestForm {
}

	div.contestForm label {
		clear:left;
		float:left;
		margin:0 0 15px 0;
		width:100px;
	}
	
	div.contestForm input {
		float:left;
	}
	
	.contestFormSubmit {
		clear:left;
	}
	
	div.contestForm p {
		clear:left;
	}
	
/* [5. Float Clearing Classes] */	
div.cb { clear:both; } 
div.cl { clear:left; } 
div.cr { clear:right; }