/*  Desc: Home page CSS
================================== */

/*=STRUCTURE
================================== */
#mainContentTable { margin-top: 5px; }
#calendarCell {
	padding-top: 5px;
}
#homePageFlash { margin: 5px 0 0 6px; }



/*=COMMON
================================== */
body {
	margin: 0;
	padding: 0;
	background: url(http://speedy-c.arescdn.com/images/experienceColumbus/background.gif) ;
}

body, td, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

a {
	color: #e46a1d;
	text-decoration: none;
}
a:visited { color: #f29754;}
a:hover { color: #5682a9; text-decoration:underline; }

.boldtitle {font-size: 12px;
			font-weight: bold;
			}

.grntitle {font-size: 14px;
			font-weight: bold;
			color: #71a564;
			}
.coetitle {font-size: 12px;
			font-weight: bold;
			color: #71a564;
			}
.coetitle a:link {color:#71a564;}
.coetitle a:active {color:#71a564;}
.coetitle a:hover {color:#71a564;}	
.coetitle a:visited {color:#71a564;}		

.bluetitle {font-size: 12px;
			font-weight: bold;
			color: #5c8fb2;
			}

.bluetitle a:link {color:#5c8fb2;}
.bluetitle a:active {color:#5c8fb2;}
.bluetitle a:hover {color:#5c8fb2;
					text-decoration: underline;}	
.bluetitle a:visited {color:#5c8fb2;}			
#categorylinks a:link, #categorylinks a:visited{color:#5c8fb2;}
 
 
			
.boldunderline {font-size: 11px;
				font-weight: bold;
				text-decoration: underline;
				}

form { display: inline; }
ul { margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;}

/*=MAINWRAPPER
================================== */
#mainwrapper {
	margin: 20px auto 0px auto;
	width: 775px;
	position: relative;
	height: 100%;
	top: -25px;
	z-index: 2;
	background: url(http://speedy-a.arescdn.com/images/experienceColumbus/bg-page.png);
}
* html #mainwrapper { z-index: 2;height: 100%; background: url(http://speedy-d.arescdn.com/images/experienceColumbus/bg-page.gif) ; }

#headerbox {
	height: 41px;
	z-index: 2;
	
}
#mainlogo {
	position: relative;
	top: -15px;
	left: 25px;
	* top: -15px;
}
#search {
	width: 730px;
	margin: 3px auto 0px auto;
	position: relative;
	z-index: 80;
}
#searchBox { height: 11px; font-size: 11px;}

/*= SCROLLER
================================== */
#pscroller{
	width: 560px;
	text-align: left;
	height: 13px;
	padding: 2px;
	margin-left: 5px;
}
* html #pscroller { width: 540px; }

#pscroller a{
	text-decoration: none;
}

#scrollnav { 
	float: right; 
	width: 580px;
	color: #E46A1D;
	margin-right: 10px;
}
* html #scrollnav { margin-right: 15px; }
	
/*=NAVIGATION
================================== */
#profilenav {
	float:right;
	width: 410px;
	color: #5682A9;
	margin-top: 5px;
	text-align: right;
	margin-right: 30px;
}
* html #profilenav { margin-right: 15px; }

#profilenav a { color: #5682A9; }

#profilenav a:visited { color: #619bbb; }
#profilenav a:hover { color: #e46a1d; }

#mainnav { width: 738px; margin-left: 16px; padding: 0px;}
#mainnav img { display: inline; padding: 0px; margin: 0px;}
#mainnav a { text-decoration: none; }
#mainnavshadow { width: 738px; position: absolute; top: 88px; left: 15px; z-index: 100;  *margin-top: 0px;}
* html #mainnavshadow { display: none; }

.mainnavpopup { position: absolute; left: 538px; top: 88px; z-index: 34; line-height: 13px; }
* html .mainnavpopup { top: 115px; }
.mainnavpopup .content { padding: 0px 20px 0px 14px; }
.mainnavpopup .content img { padding: 7px 0 4px 0; }
.mainnavpopup .top { 
	width: 221px;
	height: 97px;
	background: url(http://speedy-b.arescdn.com/images/experienceColumbus/bg-my-trips-panel-top.png) no-repeat;
	
}
* html .mainnavpopup .top {
	background: url(http://speedy-a.arescdn.com/images/experienceColumbus/bg-my-trips-panel-top.gif) no-repeat;
}
.mainnavpopup .middle { 
	width: 221px;
	height: 123px;
	background: url(http://speedy-d.arescdn.com/images/experienceColumbus/bg-my-trips-panel-middle.png) no-repeat;
}
* html .mainnavpopup .middle {
	background: url(http://speedy-a.arescdn.com/images/experienceColumbus/bg-my-trips-panel-middle.gif) no-repeat;
}

.mainnavpopup div.navelementfooter img { margin-right: -8px; margin-top: -3px; }

.mainnavpopup .bottom { 
	width: 221px;
	height: 11px;
	background: url(http://speedy-a.arescdn.com/images/experienceColumbus/bg-my-trips-panel-bottom.png) no-repeat;
	
}
* html .mainnavpopup .bottom {
	background: url(http://speedy-c.arescdn.com/images/experienceColumbus/bg-my-trips-panel-bottom.gif) no-repeat;
}
.mainnavpopup input { font-size: 11px; }

#insiderpopup { display: none; }
#tripspopup { display: none; }

.subNav { 
	position: absolute;
	z-index: 110;
	top: 88px;
	background-color: #db5500;
	color: #ffffff;
}

* html .subNav { top: 115px; }

#subNavPlayHere {
	width: 130px;
	left: 16px;
	display: none;
}

#subNavStayHere {
	width: 96px;
	left: 110px;
	display: none;
}

#subNavGetHere {
	width: 120px;
	left: 402px;
	display: none;
}
.subNavElement { border-top: 1px solid #EDAC82; cursor: pointer; }
.subNavElement:hover, .subNavElementFirst:hover { background-color: #EA7D2D; cursor: pointer; }

.subNavElement div, .subNavElementFirst div {
	padding: 5px 5px 5px 10px;
}

.navelementfooter { vertical-align: middle; margin-top: 10px;}

/*=CONTENT
================================== */
#maincontent {
	margin-left: 10px;
}
#leftTouts {
	padding: 8px 0 0 7px;
}
#middleTouts {
	padding: 8px 0 0 0px;
}
#rightTouts {
	padding: 8px 0 0 0px;
}
#maincontentmiddle {
	padding-top: 13px;
	padding-left: 8px;
	padding-right: 5px;
}
.leftToutContent {
	background-color: #ffffff;
		width: 225px;
}
.leftToutContent div {
	padding: 3px 7px 0 7px;
}
.middleToutContent {
	background-color: #ffffff;
	width: 273px;
}
.middleToutContent div {
	padding: 3px 7px 0 2px;
}

.rightToutContent {
	background-color: #ffffff;
	width: 200px;
}
.rightToutContent div {
	padding: 3px 7px 0 7px;
}
.toutcolumn {
	padding-top: 10px;
}
.touttxt {
	background-color: #ffffff;
	padding: 0px 1px 2px 8px;
	text-align:left;
	vertical-align:top;
}

#shiftTout {
	position: relative;
	top: -10px;
	*top: -15px;
}

#shiftTout img { display: inline; vertical-align: bottom;}

.headerImage {
	margin-bottom: 5px;
}

.arrowLink
{
	margin-top: 6px;
}
.insidearrowlink
{
	margin-top: 2px;
	padding: 0px;
}
img.arrowlink { display: inline; vertical-align: bottom;}

.blueText {
	color: #5c8fb2;
}
.greytxt {
	color: #a5a5a5;
	}

#calendarHeader {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(http://speedy-d.arescdn.com/images/experienceColumbus/hdr-blue-background.gif);
	width: 200px;
	height: 21px;
	margin-bottom: 5px;
}
#calendarHeader span { margin-top: 12px; }

#calendarHeader .right {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

#calendarHeader .left { 
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

#calendarHeader img { display: inline; }

#calendarContainer { background-color: #ffffff; width: 190px; padding: 0 5px;}

#left, #middle, #right { display: inline; }

/*  Place the map within an enclosing container that is positioned relatively.
	Be sure to set the width and height of the container, or it will not work. */
#mapContainer { position: relative; width: 160px; height: 265px;}
#cmapFlash { position: absolute; top: 0px; left: 7px;}
/*This should wrap anything the map flyout has to go over*/
#masterContent { position: relative; z-index: 0; } 


.divider {padding-top: 4px;}


/*=FOOTER
================================== */
#bottomCurve {
	margin: 0px auto 0px auto;
	width: 775px;
	position: relative;
	top: -25px;
}
#pagefooter {
	margin: 0px auto 0px auto;
	width: 775px;
	position: relative;
	top: -35px;
}
#pagefooter span { margin-left: 30px; color: #ffffff;}
#pagefooter span a { color: #ffffff; }
#pagefooter span a:visited { color: #2e5476; }
#pagefooter span a:hover { color: #2e5476; }

/* Tag cloud styles */
a.tc1{
	font-size:20px;
	line-height:28px;
	}
a.tc2{
	font-size:18px;
	line-height:28px;
	}
	
a.tc3{
	font-size:16px;
	line-height:28px;
	}
a.tc4{
	font-size:14px;
	line-height:28px;
	}
/*FORM */
.textbox
{
	border-color: #888888; 
	border-width: 1px; 
	border-style: solid; 
	font-size: 11px;
	font-family:Verdana; 
	color: #000000;
}
.select
{
	font-size: 11px; 
	color: #000000; 
	background-color: #ffffff; 
	margin: 0px; 
	border-width: 1px; 
	border-color: #888888;
	padding: 0px; 
	border-style: solid; 
	list-style: none;
}
.selectmultiple
{
	font-size: 10px; 
	color: #666666; 
	background-color: #ffffff; 
	WIDTH: 160px; 
	margin: 0px; 
	border-width: 0px; 
	padding: 0px; 
	border-style: none; 
	list-style: none;
}