/* CSS file for Turn For The Judges website layout */
/* Author: Stacey Sansom with Inventive Site Strategies, Inc (www.inventivesitestrategies.com) */
/* Editors: Stacey Sansom and Devon Lee with Inventive Site Strategies, Inc (www.inventivesitestrategies.com) */
/* Created: March 1, 2007 */

/* style the overall appearance of the page */
body {margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.3em;
	background-color: #DBDBB7; /* tan */
	color: #fff; /* white */}
	
/* h1 headings are reserved for the header area only! */
h1 {margin: 0;
	padding: 0;}
	
/* hide things from css compliant browsers */
.hidden {display: none;}
	
/* outerContainer holds the overall site layout, centers the site on the screen, holds the outer white background */
#outerContainer {margin: 0 auto;
	padding: 5px 0;
	width: 950px;
	background-color: #006500; /* green */
	color: #666; /* grey */}

/* innerContainer holds the overall site layout inside the outerContainer */	
#innerContainer {margin: 0 auto;
	padding: 0;
	width: 936px;
	position: relative;
	background-color: #333366;  /* blue */
	color: #fff; /* white */
	clear: both;}

	/* businessNavigation contains the business related navigation */
	#businessNavigation {margin: 0;
		padding: 0;
		display: block;
		float: right;
		clear: both;
		font-weight: bold;
		font-size: 1.1em;
		text-align: right;
		line-height: 1.6em;
		font-family: "Times New Roman", Times, serif;}
		
		#businessNavigation ul#busnav {margin: 0;
			padding: 0;
			list-style-type: none;}
			
		#businessNavigation ul#busnav li {margin: 0;
			padding: 0;
			list-style-type: none;}
			
		#businessNavigation ul#busnav a {text-decoration: none;
			color: #fff; /* white */
			background-color:  #333366;  /* blue */
			margin: 0;
			padding: 0 10px;}
			
			#businessNavigation ul#busnav a:hover {text-decoration: none;
				color: #fff;
				background-color: #666699; /* medium navy */
				margin: 0;
				padding: 0 10px}
			
	/* header contains the site's header */
    #header {margin: 0;
        padding: 0;
        background-color: #DBDBB7; /* tan */
        color: #fff; /* white */
        height: 80px;
        clear: both;} 
		
		#header img {width: 935px;
            height: 75px;
            margin: 0 auto;
            padding: 0 0 0 0;} 
	
	 /* navigation contains the site's main navigation */
    #mainNavigation {height: 75px;
	    margin: 0;
        padding: 0px 0;
        display: block;
        background-color: #DBDBB7; /* tan */
        color: #006500; /* green */
        font-weight: bold;
        font-family: "Times New Roman", Times, serif;
        font-size: 15px;
        text-align: right;
        clear: both;} 
    	
	/* put in the Log In in the top left of site */
        #mainNavigation #LogInTop {width: 250px;
            height: 75px;
            margin: 0 0 0 0;
            padding: 0;
            float: left;
            background-image: url(/images_lo/LogInAreaCafe.gif);
            background-repeat: no-repeat;
            display: block;
            z-index: 100;
            position: relative;} 
		
		#nav { /* main menu lists */
			padding: 0;
			margin: 5px 12px 0 5px;
			list-style: none;
			line-height: 20px;
			float: right;
		}
		
		#nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			width: 160px;
			text-align: left;}

		#nav a {
			display: block;
			width: auto;
			background-color: #DBDBB7; /* tan */
			color: #006500; /* green */
			text-decoration: none;
			padding: 0 8px;
			margin: 0;
			}
			
			#nav a:hover {
				display: block;
				width: auto;
				background-color: #DBDBB7; /* tan */
				color: #993300; /* red */
				text-decoration: none;
				padding: 0 8px;
				margin: 0;
				}
		
		#nav li { /* all list items */
			float: left;
			width: auto; /* width needed or else Opera goes nuts */
			padding: 0;
			margin: 0;}
		#nav { /* main menu lists */
			padding: 0;
			margin: 0 12px 0 0;
			list-style: none;
			line-height: 20px;
			float: right;
		}
		
		#nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			width: 160px;
			text-align: left;}

		#nav a {
			display: block;
			width: auto;
			background-color: #DBDBB7; /* tan */
			color: #006500; /* green */
			text-decoration: none;
			padding: 0 8px;
			margin: 0;
			}
			
			#nav a:hover {
				display: block;
				width: auto;
				background-color: #DBDBB7; /* tan */
				color: #993300; /* red */
				text-decoration: overline underline;
				padding: 0 8px;
				margin: 0;
				}
		
		#nav li { /* all list items */
			float: left;
			width: auto; /* width needed or else Opera goes nuts */
			padding: 0;
			margin: 0;}

		#nav2 { /* main menu lists */
			clear: right;
			padding: 0;
			margin: 10px 12px 0 0;
			list-style: none;
			line-height: 20px;
			float: right;
		}
		
		#nav2 ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			width: 160px;
			text-align: left;}

		#nav2 a {
			display: block;
			width: auto;
			background-color: #DBDBB7; /* tan */
			color: #333366; /* dark blue */
			text-decoration: none;
			padding: 0 8px;
			margin: 0;
			}
			
			#nav2 a:hover {
				display: block;
				width: auto;
				background-color: #DBDBB7; /* tan */
				color: #993300; /* red */
				text-decoration: overline underline;
				padding: 0 8px;
				margin: 0;
				}
		
		#nav2 li { /* all list items */
			float: left;
			width: auto; /* width needed or else Opera goes nuts */
			padding: 0;
			margin: 0;}
											
		/* FIRST DROP DOWN */
		#nav li ul {position: absolute;
			width: 160px;
			padding: 0;
			margin: 0;
			left: -999em; /* using left instead of display to hide menus for reability by screen readers */
			z-index: 250;}
				
		#nav li ul a {display: block;
			width: 160px;
			margin: 0;
			padding: 0 0 0 5px;
			background-color: #363485; /* muted deep blue */
			color: #fff; /* white */
			border-left: 5px solid #4a4791; /* muted deep blue */
			border-right: 5px solid #4a4791; /* muted deep blue */}
			
			#nav li ul a:hover {display: block;
				width: 160px;
				padding: 0 0 0 5px;
				margin: 0;
				background-color: #3c3991; /* muted deep blue */
				color: #fff; /* white */
				border-left: 5px solid #333366; /* dark navy */
				border-right: 5px solid #333366; /* dark navy */}
		
		#nav li ul li {width: 160px; /* width of sub-list items */
			padding: 0;
			margin: 0;
			z-index: 500;}
		
		/* SECOND DROP DOWN */
		#nav li ul ul a {display: block;
			width: 160px;
			margin: 0;
			padding: 0 0 0 5px;
			background-color: #3c3991; /* muted deep blue */
			color: #fff; /* white */
			border-left: 5px solid #4a4791; /* muted deep blue */
			border-right: 5px solid #4a4791; /* muted deep blue */}
		
			#nav li ul ul a:hover {display: block;
				width: 160px;
				padding: 0 0 0 5px;
				margin: 0;
				background-color: #413e9e; /* muted blue */
				color: #fff; /* white */
				border-left: 5px solid #9999CC; /* light blue */
				border-right: 5px solid #9999CC; /* light blue */}
				
		/* THIRD DROP DOWN */
		#nav li ul ul ul a {display: block;
			width: 160px;
			margin: 0;
			padding: 0 0 0 5px;
			background-color: #413e9e; /* muted blue */
			color: #fff; /* white */
			border-left: 5px solid #4a4791; /* muted deep blue */
			border-right: 5px solid #4a4791; /* muted deep blue */}
		
			#nav li ul ul ul a:hover {display: block;
				width: 160px;
				padding: 0 0 0 5px;
				margin: 0;
				background-color: #4643ab; /* muted blue */
				color: #fff; /* white */
				border-left: 5px solid #9999CC; /* light blue */
				border-right: 5px solid #9999CC; /* light blue */}
	
		
		#nav li ul ul { /* third-and-above-level lists */
			margin: -25px 0 0 175px;
		}
		
		#nav li:hover ul ul, 
		#nav li:hover ul ul ul, 
		#nav li.sfhover ul ul, 
		#nav li.sfhover ul ul ul {left: -999em;
		}
		
		#nav li:hover ul,  
		#nav li.sfhover ul,
		#nav li li:hover ul, 
		#nav li li.sfhover ul, 
		#nav li li li:hover ul,
		#nav li li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
		

	/* table:contentArea holds the site's content, table is used to hold the column layout only */
	table#contentArea {width: 910px;
		margin: 5px auto 0 auto;
		padding: 0;
		background-color: #fff; /* white */
		color: #666; /* grey */
		clear: both;}
		
		tr, td {vertical-align: top;
			margin: 0;
			padding: 0;}
			
		/* style the Left column of the site's content layout */
		table#contentArea td#leftColumn {width: 135px;
			padding: 0 0 15px 0;
			margin: 0;}

		table#contentArea td#centerColumn {width: 666px;
			padding: 0 0 15px 0;
			margin: 0;
			border-left: 1px solid #312f78; /* deep blue */}
		
		/* style the right column of the site's content layout */
		table#contentArea td#rightColumn {width: 135px;
			padding: 0 0 5px 0;
			margin: 0;
			border-left: 1px solid #312f78; /* deep blue */}
		
		/* style contents on the INDEX PAGE ONLY  */
		table#contentArea td#leftColIndex {width: 175px;
			padding: 0 0 15px 0;
			margin: 0;}
		table#contentArea td#centerColIndex {width: 500px;
			padding: 0 0 15px 0;
			margin: 0;
			border-left: 1px solid #312f78; /* deep blue */}
		table#contentArea td#rightColIndex {width: 235px;
			padding: 0 0 5px 0;
			margin: 0;
			border-left: 1px solid #312f78; /* deep blue */}
			
		
	/* footer contains the site's footer, copyright info, etc */
	#footer {margin: 0;
		padding: 0;
		background-color: #DBDBB7; /* tan */
		color: #993300; /* red */
		height: 30px;
		border-top: 20px solid #333366; /* light blue */
		clear: both;}
		
		#footer p {text-align: center;
			font-family: "Times New Roman", Times, serif;
			font-size: 1em;
			font-weight: bold;}
			
/* holds details about the site's designer */
#designDetails {margin: 0 auto;
	padding: 0;
	width: 950px;
	font-size: 0.8em;
	background-color: #DBDBB7; /* tan */
	color: #006500 /* green */}
	
	#designDetails p {margin: 0;
		padding: 0 15px;
		text-align: right;}
		
	#designDetails a {text-decoration: none;
		background-color: #DBDBB7; /* tan */
		color: #006500 /* green */}
		
	#designDetails a:hover {text-decoration: underline;
		background-color: #DBDBB7; /* tan */
		color: #993300; /* red */}