/*  ****** CSS AND DESIGN BY DREAM CATCHER - www.dreamcc.com  ****** */

@media screen {

	/*  ****** TAGS ****** */
	a { outline: none; }
	img { border: none; }
	body { background: #FFFFFF; margin: 0px; }
	body, td, th { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
	
	
	/*  ****** IDS ****** */
	#container { width: 900px; margin: 20px auto 0 auto; position: relative; border: 1px solid #000000; min-height: 795px; }
	.bg1 { background: url(backgrounds/001.jpg) no-repeat; }
	.bg2 { background: url(backgrounds/002.jpg) no-repeat; }
	#container h1 { display: none; }
	#mainContent { width: 680px; margin: 190px 0px 10px 220px;  }
	
	#navbar { margin-bottom: 15px; min-height:20px; }
	#navbar ul { margin: 0px; padding: 0px; white-space:nowrap; position:relative; }
	#navbar ul li { float: left; list-style: none; position: relative; margin-right:12px; }
	#navbar ul li a { text-decoration:none; text-transform:uppercase; color:#000; font-family: LemonadeICG, Verdana, Arial, Helvetica, sans-serif; font-size:15px; }
	#navbar ul li a:hover { text-decoration:none; color:#f00; }
	
	#navbar li:hover, #navbar li.sfhover { 
		
	}
	
	#navbar li ul { /* second-level lists */
		position: absolute; top:18px; width:auto; /* width of submenu, must be set so third-level list can get shifted over properly */
		left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		white-space:normal; line-height: 12px;
		background:#477E7B; border:1px solid #000;
	}
	
	#navbar li ul ul { /* third-and-above-level lists */
		
	}
	
	#navbar li:hover ul ul, 
	#navbar li:hover ul ul ul, 
	#navbar li.sfhover ul ul, 
	#navbar li.sfhover ul ul ul {
		left: -9999px;
	}
	
	#navbar li:hover ul, 
	#navbar li li:hover ul, 
	#navbar li li li:hover ul, 
	#navbar li.sfhover ul, 
	#navbar li li.sfhover ul, 
	#navbar li li li.sfhover ul { /* lists nested under hovered list items */
		left:0px; right:auto;
	}
	
	#navbar li li { /* all items under the top level */
		margin:0px; padding:0px; height:auto; 
		/* hack for MacIE5 to ignore, while other browsers use \*/
		width: 164px;
		_width: 188px;
		/* end hack */
	}
	
	#navbar li li:hover, #navbar li li.sfhover {  }
	
	#navbar li li a { /* all item links under the top level */
		color:#fff; display:block; padding:5px; text-transform:none; 
	}
	
	#navbar li li a:hover {  }
	
	#navbar iframe {
		position: absolute; left: 0; top: 0; z-index: 0; display:block;
		filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}
	
	#rightCol { float: right; width: 200px; margin-right: 10px; display:inline; }
	#mainCol { width: 450px; }
	#mainCol .Normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
	
	#mainFooter { width:900px; margin:0 auto; text-align:center; }
	#mainFooter p span, #mainFooter a { color:#666 !important; font-weight:normal; }
	#mainFooter a:hover { text-decoration:underline; }
	
	
	/*  ****** CLASSES ****** */
	.black { color:#000000; }
	.blackOutline { border:#000000 1px solid; }
	.clearLeft { clear: left; }
	.clearRight { clear: right; }
	.clearBoth { clear:both; }
	.floatLeft { float: left; }
	.floatRight { float:right; }
	.floatLeftMargin { float:left; margin:1px 8px 10px 0px; }
	.floatRightMargin { float:right; margin:1px 0px 10px 8px; }
	.floatLeftGrayOutline { float:left; margin:1px 8px 10px 0px; border:#999999 1px solid; }
	.floatRightGrayOutline { float:right; margin:1px 0px 10px 8px; border:#999999 1px solid; }
	.grayOutline { border:#999999 1px solid; }
	.hidden { display: none; }
	.redItalic { color: #FF0000; font-style: italic; }
	.smallText { font-size: 11px; }
	.smallerText { font-size: 10px; }
	.white { color:#FFFFFF; }
	
	.modEditCtrlsLeft { text-align:left; }
	.modEditCtrlsRight { text-align:right; }
	
	/*  ****** IE6 FIXES ****** */
	* html #container { height: 795px }
	* html #navbar { height: 20px }
	* html #mainCol { margin-top:40px; }
	* html #rightCol { margin-top:60px; }
	
}

@media print {

	/*  ****** TAGS ****** */
	a { outline: none; }
	img { border: none; }
	body { background: #FFFFFF; }
	body, td, th { color: #000000; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
	
	
	/*  ****** IDS ****** */
	#DIVS_TO_HIDE_HEAR { display:none !important; }
	#container { width:99% !important; margin:0 !important; padding:0 !important; }
	
	
	/*  ****** CLASSES ****** */
	.black { color:#000000; }
	.blackOutline { border:#000000 1px solid; }
	.clearLeft { clear: left; }
	.clearRight { clear: right; }
	.clearBoth { clear:both; }
	.floatLeft { float: left; }
	.floatRight { float:right; }
	.floatLeftMargin { float:left; margin:1px 8px 10px 0px; }
	.floatRightMargin { float:right; margin:1px 0px 10px 8px; }
	.floatLeftGrayOutline { float:left; margin:1px 8px 10px 0px; border:#999999 1px solid; }
	.floatRightGrayOutline { float:right; margin:1px 0px 10px 8px; border:#999999 1px solid; }
	.grayOutline { border:#999999 1px solid; }
	.smallText { font-size: 12px; }
	.smallerText { font-size: 10px; }
	.white { color:#FFFFFF; }

}