/********************	
	STYLE.CSS		
	INDEX + QUICKSEARCH	PAGES	
 ********************/


/*========================================
	HTML TAG STYLES						
========================================*/
HTML {
  SCROLLBAR-FACE-COLOR: #FCFCFC;
  SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
  SCROLLBAR-SHADOW-COLOR: #AAAAAA;
  SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
  SCROLLBAR-ARROW-COLOR: #AAAAAA; 
  SCROLLBAR-TRACK-COLOR: #FFFFFF; 
  SCROLLBAR-DARKSHADOW-COLOR: #AAAAAA;	}

BODY {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 15px 0px 10px 0px;
	padding: 0px;
	line-height: 1.166;	
	background-color: #FFFFFF;	}

/* LINK DEFINITIONS */
A:LINK	{	font-size: 11px; color: #000000; text-decoration: none;			}
A:VISITED {	font-size: 11px; color: #000000; text-decoration: none;			}
A:HOVER	{	font-size: 11px; color: #333333; text-decoration: none;			}
A IMG {	border: 0px;	}


/* CLASS DEFINITIONS */
.quicklinks { 
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #6699ff;	}
a.quicklinks:link	{	font-size: 11px; color: #6699ff; text-decoration: underline;			}
a.quicklinks:visited {	font-size: 11px; color: #6699ff; text-decoration: underline;			}
a.quicklinks:hover	{	font-size: 11px; color: #333333; text-decoration: none;			}

.selectOption {
	background-color: #FAFAFA;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #777777;
	width: 150px;	}

.noDisplay {	display: none;	}
.blockDisplay { display: block;	}

.formStyle {
	background-color: #FAFAFA;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #6699FF;	}
.formStyle2 {
	background-color: #FAFAFA;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #6699FF;	}
.formStyle3 {
	background-color: #FEFEFE;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #1979B5;
	vertical-align: middle;	}

.inputStyle {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #777777;	}

.headline {	line-height:1 }
a.headline:link		{	font-size: 12px; color: #333366; text-decoration: none;			}
a.headline:visited	{	font-size: 12px; color: #333366; text-decoration: none;			}
a.headline:hover	{	font-size: 12px; color: #111111; text-decoration: underline;	}
.headline2 { line-height:2; font-size: 13px; color: #111111; text-decoration: none;	 }
a.headline2:link		{	line-height:2; font-size: 13px; color: #555588; text-decoration: none;			}
a.headline2:visited	{	line-height:2; font-size: 13px; color: #555588; text-decoration: none;			}
a.headline2:hover	{	line-height:2; font-size: 13px; color: #111111; text-decoration: none;	}

#newscats 			{	font-size: 15px; color: #FFFFFF; text-decoration: none;			}
#newscats a:link	{	font-size: 12px; color: #000000; text-decoration: none;			}
#newscats a:visited	{	font-size: 12px; color: #000000; text-decoration: none;			}
#newscats a:hover	{	font-size: 12px; color: #000000; text-decoration: underline;	}
	
/* HIERARCHY FONTS */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Sans-serif;		
	font-size: 10px;								
	font-weight: normal;							
	margin: 0px;									
	padding: 0px;									
	color: #666666;									
}
h1 {	font-size: 16px; color: #999999;	}	/* h1 = PAGE TITLE 			*/
h2 {	font-size: 12px; color: #666666;	}	/* h2 = HEADER				*/
h3 {	font-size: 11px; color: #999999;	}	/* h3 = SUBJECT TITLE		*/
h4 {	font-size: 13px; color: #ff0033;	}	/* h4 = IDENTIFIERS			*/
h5 {	font-size: 10px; color: #0099CC;	}	/* h5 = CAPTION & NOTES		*/
p {		font-size: 10px; color: #666666;	}	/* h6 = SUBJECT PARAGRAPH	*/

label { 
	font-family: Helvetica, Verdana, Arial;		
	font-size: 17px;								
	font-weight: bold;																
	color: #333333;
}

/* BULLETING AND NUMBERING */
ul { list-style-type: circle; line-height: 1.3; font-size: 10px; color: #333333;}
ul.square {	list-style-type: square;}
ul.num { list-style-type: decimal;	}


/*========================================
	HEADER LAYOUT	880px X 130px						
========================================*/
#HEADER {
	left: 0px; 
	top: 0px;
	position: relative;
	width: 880px;
	height: 150px;
	border: 0px;	}

	/* COMPONENTS ---------- */
	#logo {
		width: 220px;
		background-image:url(http://www.yes411.net/_index/Images/logoYes411.gif);
		vertical-align: bottom;
		font-size: 11px; font-weight: normal; color: #333333;	}
#logo a { font-size: 11px; font-weight: normal; color: #999999;	}
#logo a:visited { font-size: 11px; font-weight: normal; color: #999999;	}
#logo a:hover	{ font-size: 11px; font-weight: normal; color: #333333;	}

	#siteInfo {
		left: 100px;
		top: 125px;
		position: absolute;
		width: 120px;
		height: 15px;
		border: 0px;	}

	#banner {
		vertical-align: middle;
		width: 640px;
		height: auto;	}

#searchBar { font-size: 13px; font-weight: normal; color: #006699;	}
#searchBar a { font-size: 13px; font-weight: normal; color: #FF0066;	}
#searchBar a:visited { font-size: 13px; font-weight: normal; color: #FF0066;	}
#searchBar a:hover	{ font-size: 13px; font-weight: normal; color: #006699;	}


/*========================================
	NAVIGATOR LAYOUT	880px X	46px					
========================================*/
#NAVIGATOR {
	left: 0px;
	top: 0px;
	position: relative;
	width: 880px;
	height: 46px;
	border: 0px;
	margin: 5px 0px 5px 0px;	}


/*========================================
	CONTENT LAYOUT	880px X	auto					
========================================*/
#CONTENT {
	left: 0px; 
	top: 0px; 
	position: relative; 
	width: 880px;
	border: 0px;
	margin: 5px 0px 5px 0px;
	padding-bottom: 20px;	}

/* MAIN FIELD	600px X auto ---------- */
#MAINFIELD {
	left: 0px;
	top: 0px;
	position: absolute;
	width: 600px;
	height: auto;
	margin: 5px 0px 5px 0px;	}

	#catBlocks {
		left: 0px;
		top: 0px;
		position: relative;
		width: 600px;
		height: auto;
		border: 0px;	}

		#news {
			width: 276px;
			height: auto;
			background-color:#999999;
			border: 0px;
			filter: alpha(opacity=90);	}
		#news a {
			font-size: 9px;
			color: #333333;
			text-decoration: none;	}
		#casino {
	font-size:12px;
    color:#000000;}
	#casino a {
	font-size:12px;
	color:#0000ff;
	text-decoration:none;
	}
	#casino a:hover {
    font-size:12px;
	color:#FF0000;
	text-decoration:underline;
	}
		#headlines {
			width: 200px;
			height: 100px;
			margin: 5px 5px 5px 5px;
			vertical-align: top;
			font-size: 11px;	}
		#headlines a {
			cursor: hand;
			font-size: 12px;
			font-weight: normal;
			color: #002277;	}
			#headlines a.food:hover		{ font-weight: normal; color: #FF2244;	}
			#headlines a.fun:hover		{ font-weight: normal; color: #EEBB22;	}
			#headlines a.shopping:hover { font-weight: normal; color: #993399;	}
			#headlines a.services:hover { font-weight: normal; color: #00CCCC;	}
			#headlines a.learning:hover { font-weight: normal; color: #FF6600;	}
			#headlines a.community:hover{ font-weight: normal; color: #009933;	}
			#headlines a.more			{ font-weight: normal; font-size: 10px;	}
			#headlines a.more:hover		{ font-weight: bold;}
			
		#travelBox { font-size: 12px; line-height: 1.3; padding-top: 5px; color: #444444; }
		#travelBox a { font-size: 12px; color: #3366BB; }
		#travelBox a:hover	{ color:003366; }
			#travelBox a.title			{ font-size: 13px; color: #FF0066; text-decoration: underline	}
			#travelBox a.title:hover	{ font-size: 13px; color: #FF0066; text-decoration: none}
			#travelBox a.more			{ font-weight: normal; color: #FF0066	}
			#travelBox a.more:hover		{ font-weight: bold; color: #FF0066	}
			#travelBox a.page			{ font-weight: normal; color: #FFFFEE	}
			#travelBox a.page:hover		{ font-weight: normal; color: #444444	}


/* SIDE FIELD ---------- */
#anBox { font-size: 12px; line-height: 1.2; padding-top: 5px; color: #3366BB; }
#anBox a { font-size: 12px; color: #3366BB; }
#anBox a:hover	{ color:003366; }

#tlBox { font-size: 12px; line-height: 1.2; padding-top: 5px; color: #3366BB; }
#tlBox a { font-size: 12px; color: #3366BB; }
#tlBox a:hover	{ color:003366; }
	
#bizBox { padding: 5 0 5 0; }
		
		
/*========================================
	FOOTER	600px X	auto					
========================================*/
#footer { font-size: 11px; color: #333333; text-decoration: none;	}
#footer a {	font-size: 11px; color: #999999; text-decoration: none;	}
#footer a:visited {	font-size: 11px; color: #999999; text-decoration: none;	}
#footer a:hover	{ font-size: 11px; color: #333333; text-decoration: none;	}