/* Styles that will apply globally to certain elements */
* { margin:0; padding:0; } /* take away all implicit padding and margins */
*[onclick] { cursor:pointer; }
/* Set the document to non-serif fonts by default */
html, body { font-family: Arial, Helvetica, Sans-serif; margin:auto; font-family: Arial, Helvetica, Sans-serif; height:100%; width:100%; background:url('images/background/backgroungColorLight.gif') 0px -0px repeat-x; background-repeat:repeat-x; background-color:#2e5674; }
img { border:0; } /* Take away borders on image links */
input, div, a { outline:none; }	/* Remove glow for safari and chrome when textboxes are selected */
a { cursor:pointer; } /* This prevents the need for href="#" on javascript links */
table { table-layout:fixed; border-collapse:collapse; }
td { vertical-align:top; }
	
/* Three column layout, left and right are decorative, all content goes into #center */
body > div#micro-left { width:auto; height:100%; float:left; clear:both; }
body > div#micro-right { width:auto; height:100%; float:right; clear:both; }
body > div#micro-center { width:1020px; margin-left:auto; margin-right:auto; background:#2e5674; height:100%; min-height:1800px; }

#micro-pageLayout { height:100%; width:100%; border-collapse:collapse; }
#micro-pageLayout tr { height:100%; }
#micro-pageLayout td { width:auto; height:100%; }
#micro-pageLayout td#micro-center { width:1008px;
/* Cross-browser gradient compatible down to IE5.5 */
		background: -webkit-gradient(linear, left top, left bottom, from(#3899d4), to(#2e5674)); 
	background: -moz-linear-gradient(top,  #3899d4,  #2e5674);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3899d4, endColorstr=#2e5674);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3899d4, endColorstr=#2e5674)";
	
 }
#micro-pageLayout td.micro-left-dec { background:url('images/background/waveLeft.jpg')  right -0px no-repeat; }
#micro-pageLayout td.micro-right-dec { background:url('images/background/waveRight.jpg') left -0px no-repeat; }


/* Navigation links below the search box (privacy policy, sitemap, etc) */
ul#micro-nav { font-size:8pt; width:987px; border-top:1px solid #969696; border-bottom:1px solid #969696; margin:15px auto 0 auto; padding-top:8px; padding-bottom:8px; padding-left:1px; padding-right:1px; position:relative; }
ul#micro-nav li:first-child { margin-left:0px; padding-left:0px; border:0; }
ul#micro-nav li { color:#FFFFFF; padding-left:8px; margin-right:7px; list-style:none; display:inline; border-left:1px solid #585858; }
ul#micro-nav li a { color:#FFFFFF; text-decoration:none; }
ul#micro-nav li a:hover { text-decoration:underline; }
ul#micro-nav #micro-weather { color:#FFFFFF; border:0; font-size:10pt; position:absolute; right:2px; top:4px; padding-top:3px; padding-bottom:4px; padding-left:26px; background:url("images/weather/sunny.png") no-repeat;  } /* Weather element is on same line */

/* The legal line for copyright notices and such */
#micro-legal { font-size:8pt; color:#FFFFFF; margin-top:8px; width:987px; margin:10px auto; padding-left:1px; padding-right:1px;}

/* content */
#micro-content {  padding-top:60px; padding-right:10px; padding-left:10px; margin-top:10px; margin-left:auto; margin-right:auto; width:970px; position:relative; min-height:602px; top:0; left:auto; background:url(images/guide/main_image.jpg) no-repeat bottom left; }

/* Right space on results page */
#micro-adspace { position:absolute; top:0px; right:0px; width:200px; height:100%; background:#8b8b8b; padding-top:100px; }

#micro-banner {height:10px; width:990px; position:absolute; top:0px; left:0px; background-color:#3899d4; }

#micro-topLeftBar			/*used to split the top banner and fill it's background from left corner to the down curving*/
{
	background-image:url(images/banner/banner02.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:3px;
	width:751px;
	height:56px;
}
#micro-topCenterBar		/*top banner portion where the curving down occurs*/
{
	background-image:url(images/banner/banner03.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
	left:754px;
	width:70px;
	height:100px;
}

#micro-topRightBar		/*top banner portion from the widening to the top right corner*/
{
	background-image:url(images/banner/banner04.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0px;
	left:824px;
	width:163px;
	height:100px;
}
#micro-cityLogo
{
	background-image:url(images/banner/theCityLogo.png);
	margin-top:8px;
	margin-right:24px;
	margin-left:7px;
	position:relative;
	right:2px;
	width:140px; 
	height:50px;
}
#micro-topLeftCorner		/*top left corner slice of top banner*/
{
	background-image:url(images/banner/banner01.png);
	background-repeat:no-repeat;
	width:3px;
	height:56px;
	position:absolute;
	top:0px;
	left:0px;
}
#micro-topRightCorner		/*top right corner slice of top banner*/
{
	background-image:url(images/banner/banner05.png);
	background-repeat:no-repeat;
	
	width:3px;
	height:100px;
	position:absolute;
	top:0px;
	left:987px;
}
#micro-viewAllButton		/*view all button positioned within top banner*/
{
	position:absolute;
	top:12px;
	left:6px;
	width:120px;
	height:20px;
	bottom:4px;
	right:4px;
}
#micro-pauseTicker		/*pause button positioned within top banner*/
{
	position:absolute;
	top:12px;
	left:81px;
}
#micro-newsTicker			/*news ticker positioned within the top banner*/
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9pt;
	color:#FFF;
	position:absolute;
	top:12px;
	left:106px;
	width:700px;
	text-align:left;
	padding-top:4px;
	padding-left:4px;
}
#micro-socialNetworks		/*division reserved for social network links*/
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt;
	color:#999;
	position:absolute;
	width:284px;
	height:24px;
	top:72px;
	right:10px;
	text-align:right;
}
#micro-socialNetworks span	/*position the follow us text*/
{
	position:relative;
	top:4px;
	vertical-align:top;
	padding-right:6px; 
}
#micro-facebook				/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-12px -3px; 
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:20000px;
}
#micro-facebook:hover			/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-12px -26px; 
	width:20px;
	height:20px;
}
#micro-twitter				/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-34px -3px; 
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:20000px;
}
#micro-twitter:hover			/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-34px -26px; 
	width:20px;
	height:20px;
}
#micro-youtube				/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-57px -3px; 
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:20000px;
}
#micro-youtube:hover			/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-57px -26px; 
	width:20px;
	height:20px;
}
#micro-blogger				/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-81px -3px; 
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:20000px;
}
#micro-blogger:hover			/*individual social network icon*/
{
	display:inline-block;
	background-image:url(../rec/images/sprite-socialIcon.png); 
	background-position:-81px -26px; 
	width:20px;
	height:20px;
}
/*custom scrollbar*/
.jspTrack { width:10px; padding-bottom:-6px; }
.jspCapTop { background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_bg_t.png'); height:5px; width:10px; }
.jspCapBottom { background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_bg_b.png'); height:5px; width:10px; }
.jspDragTop { background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_btn_t.png'); height:3px; width:6px; }
.jspDrag { z-index:3; background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_btn_c.gif'); width:6px; position:relative; left:2px; top:2px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.jspVerticalBar { background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_bg_c.gif'); width:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.jspArrowUp { background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_bg_t.png'); }
.jspArrowDown { background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_bg_b.png') bottom left; }

#micro-topcap { background:url('../../plugins/scrollbar/scrollbarimgs/scrollv_bg_c.gif'); width:10px; height:169px; display:block; position:absolute; top:3px; }

.micro-preloadIcon					/*hide preloaded icons*/
{
	display:none;	
}
/*header under the banner*/
#micro-header
{
	width:754px; height:40px; overflow:hidden;
}
/*title for the page*/
.micro-pageTitle
{
	position:absolute;
	top:7px;
	left:7px;
	width:519px;
	height:24px;
	bottom:6px;
	color:#fff;
	font-weight:bold;
	
}

.micro-pageTitle p{
	font-family:Helvetica Neue Light, Helvetica, Arial; font-size:13px; color:#59ace0; 
 
	}