/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:.75em;
	margin:0;
	padding:0;
	background-color:#768998;
	background-image:url(../images/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#wrapper{
	position:absolute;
	top:35px;
	left:5px;
	width:846px;
	z-index:1;
}

#wrapper_top{
	background-image:url(../images/wrap_top2.png);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

#wrapperAd{
	position:absolute;
	z-index:2;
}

#logo{
	position:absolute;
	margin-top:-40px;
	overflow:visible;
	z-index:3;
}

#tag{
	width: 190px;
	margin-top:54px;
	margin-left:14px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	text-align:right;
}

#header{
	height:80px;
}

#HooptieHeader{
	height:130px;
}

#OrgBio{
	margin-left:8px;
	margin-top:8px;	
}

#calendar{
	height:580px;/*610px; Switch back for special notes - 580px */
	background-image:url(../images/wrap_tile.png);
	background-repeat:repeat-y;
}

#content{
	background-image:url(../images/wrap_tile.png);
	background-repeat:repeat-y;
}

#flash{
	position:absolute;
	left:-15px;
	z-index:4;
}

#mainContent{
	position:absolute;
	left:-15px;
	z-index:4;
	padding:0 10px;
}

#contentbody{
	padding:0 10px;
}

#wrapper_content_bottom{
	background-image:url(../images/wrap_bottom.png);
	background-repeat:no-repeat;
	width:846px;
	height:25px;
	background-position:left bottom;
	clear:both;
}
	
#footer{
	/*background-image:url(../images/wrap_bottom.png);
	background-repeat:no-repeat;*/
	width:846px;
	height:25px;
	/*margin-top:180px; Add back in when featured event is ready to go live */
	background-position:left bottom;
	clear:both;
}

#footercontent, #homefootercontent{
	margin-left:5px;
	width:846px;
	text-align:left;
}

div#footercontent a:link, div#footercontent a:visited, div#footercontent a:hover{
	color:#FFFFFF;
	font-weight:bold;
}

#homefootercontent{
	position:absolute;
	z-index:5;
}

#footercontet{
	position:relative;
	z-index:7;
}

/*For Tagged & Featured Events Sections so links will display over tranparent images. */
.specialEvents{
	z-index:7;
	position:relative;
}

.inside{
	padding:5px 10px;
	/*z-index:6;
	position:relative;
	*/
}

.clear{
	clear:both;
}

a:link{
	color:#CC3300;
	text-decoration:none;
}

a:visited{
	color:#CC3300;
	text-decoration:none;
}

a:hover{
	color:#CC3300;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
	color:#00162e;
}

h1{
	font-size:1.5em;
}

h2, h3, h4, h5, h6{
	font-size:1.25em;
}

td{
	font-size:.75em;
}

div#event_note{
	position:absolute;
	color:#ff0000;
	background-color:#FFFFFF;
	font-weight:bold;
	left:230px;
	top:75px;
	padding:5px;
	z-index:6;
}

table.admin {
	font-family:Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:1em;
	border: 2px solid #000000;
	width:90%;
}
table.admin td{
	font-size:1em;
	border: 1px solid #000000;
}
table.admin th{
	font-size:1.25em;
	font-weight:bold;
}


table.adertising th{
	font-weight:bold;
	font-size:.75em;
	text-align:center;
	padding:5px;
	width:75px;
	color:#fff;
	background-color:#808080;
}

table.adertising td{
	text-align:center;
	padding:5px;
	border-bottom:1px solid #dce1e5;
	border-right:1px solid #dce1e5;
}

table.adertising th.leftTH{
	text-align:left;
	padding:5px;
	width:125px;
	color:000;
	background-color:#dce1e5;
}

table.specialEvents th{
	font-weight:bold;
	font-size:1em;
	text-align:center;
	padding:5px;
	width:75px;
	color:#fff;
	background-color:#808080;
}

table.specialEvents td{
	text-align:center;
	padding:5px;
	width:50%;
	/*border:1px solid #dce1e5;*/
	
	border-top:1px solid #dce1e5;
	border-right:1px solid #dce1e5;
	/*border-bottom:1px solid #dce1e5;
	border-left:1px solid #dce1e5;
	
	*/
	font-size:1em;
}

table.specialEvents th.leftTH{
	text-align:left;
	padding:5px;
	width:125px;
	color:000;
	background-color:#dce1e5;
}


table.venueEvents th{
	font-weight:bold;
	font-size:1em;
	text-align:center;
	padding:5px;
	width:75px;
	color:#fff;
	background-color:#808080;
}

table.venueEvents td{
	text-align:left;
	padding:5px;
	width:50%;
	border-top:1px solid #dce1e5;
	border-right:1px solid #dce1e5;
	
	font-size:1em;
}

table.venueEvents th.leftTH{
	text-align:left;
	padding:5px;
	width:125px;
	color:000;
	background-color:#dce1e5;
}

.EventTypeButton {
	/*border:2px dashed #000;*/
	float:left;
	padding-top:2px;
}

.SearchButton {
	/*border:2px dashed #000;*/
	float:right;
	padding-top:2px;
}

.EventsToolbar {
	background-color:#CCCCCC;
	height:40px;
	float:left;
	width:100%;
	padding:0px;
	border:2px solid #000;
}

.discount{
	font-weight:normal;
}

div.threecol{
	width:245px;
	float:left;
	padding:0 5px;
}

.nospace{
	padding:0;
	margin:0;
	line-height:0;
}

.note{
	color:#FF0000;
	font-weight:600;
	font-size:10px;
}

/*For jQuery date picker to ensure proper spacing when called. */
.ui-datepicker-trigger {
	margin-left:5px;
	margin-top: 8px;
	margin-bottom: -3px;
}

.imagePadding{
	padding:5px 10px;
}

table.friendsTable td{
	width:110px;
	vertical-align:middle;
	text-align:center;
	padding:5px;
}

table.friendsTable th{
	font-size:.75em;
	font-weight:normal;
}

div.event_holder{
	width:165px;
	height:122px;
	padding:4px;
	margin:1px;
	float:left;
	border:1px solid #c4c4c4;
	background-color:#FFFFFF;
	color:#404040;
	text-align:left;
}

div#previousFeature, div#nextFeature{
	width:65px;
	float:left;
	margin:2px 0;
}

div#featuresHolder{
	position:absolute;
	width:846px;
	clear:both;
	z-index:6;
}

div#features{
	width:670px;
	text-align:left;
}

div#features h2{
	/*color:#000;*/
}

#featurepaging{
	font-weight:bold; 
	/*color:#000;*/
}

#specialEventsHeading{
	font-weight:bold;
	font-size:1.25em; 
	/*color:#000;*/
}

.StandOutLinkBlue {
	background: #000066;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkBlue a:link {background: #000066; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkBlue a:visited {background: #000066; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkBlue a:active {background: #000066; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkBlue a:hover {background: #000066; color: #FFFFFF; text-decoration:underline;}

.StandOutLinkLightBlue {
	background: #00FFFF;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkLightBlue a:link {background: #00FFFF; color:#990099; text-decoration:underline;}
.StandOutLinkLightBlue a:visited {background: #00FFFF; color:#990099; text-decoration:underline;}
.StandOutLinkLightBlue a:active {background: #00FFFF; color:#990099; text-decoration:underline;}
.StandOutLinkLightBlue a:hover {background: #00FFFF; color:#990099; text-decoration:underline;}

.StandOutLinkPurple {
	background: #990099;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkPurple a:link {background: #990099; color: #FFFF99; text-decoration:underline;}
.StandOutLinkPurple a:visited {background: #990099; color: #FFFF99; text-decoration:underline;}
.StandOutLinkPurple a:active {background: #990099; color: #FFFF99; text-decoration:underline;}
.StandOutLinkPurple a:hover {background: #990099; color: #FFFF99; text-decoration:underline;}

.StandOutLinkMaroon {
	background: #660000;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkMaroon a:link {background: #660000; color:#FFFFFF; text-decoration:underline;}
.StandOutLinkMaroon a:visited {background: #660000; color:#FFFFFF; text-decoration:underline;}
.StandOutLinkMaroon a:active {background: #660000; color:#FFFFFF; text-decoration:underline;}
.StandOutLinkMaroon a:hover {background: #660000; color:#FFFFFF; text-decoration:underline;}

.StandOutLinkGreen {
	background: #00CC00;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkGreen a:link {background: #00CC00; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkGreen a:visited {background: #00CC00; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkGreen a:active {background: #00CC00; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkGreen a:hover {background: #00CC00; color: #FFFFFF; text-decoration:underline;}
	
.StandOutLinkGold {
	background: #996600;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkGold a:link {background: #996600; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkGold a:visited {background: #996600; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkGold a:hover {background: #996600; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkGold a:active {background: #996600; color: #FFFFFF; text-decoration:underline;}

.StandOutLinkOrange {
	background: #FF9900;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkOrange a:link {background: #FF9900; color: #000000; text-decoration:underline;}
.StandOutLinkOrange a:visited {background: #FF9900; color: #000000; text-decoration:underline;}
.StandOutLinkOrange a:hover {background: #FF9900; color: #000000; text-decoration:underline;}
.StandOutLinkOrange a:active {background: #FF9900; color: #000000; text-decoration:underline;}

.StandOutLinkRed {
	background: #DD0000;
	padding:2px;
	z-index:7;
	position:relative;
}
.StandOutLinkRed a:link {background: #DD0000; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkRed a:visited {background: #DD0000; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkRed a:hover {background: #DD0000; color: #FFFFFF; text-decoration:underline;}
.StandOutLinkRed a:active {background: #DD0000; color: #FFFFFF; text-decoration:underline;}

.EventDetailAdLink a:link {background: #FFFF00; color:#009900; text-decoration:underline;}
.EventDetailAdLink a:visited {background: #FFFF00; color: #009900; text-decoration:underline;}
.EventDetailAdLink a:active {background: #FFFF00; color: #009900; text-decoration:underline;}
.EventDetailAdLink a:hover {background: #FFFF00; color: #009900; text-decoration:underline;}


/*Newest styles from new front page*/
.PageActions {
	float:left;
	padding-right:4px;
}
.DayPreloader {
	display:none;
	padding-top:10px;
	text-align:center; 
	font-size:18px;
}
h2.DayTitle {
	color:#FFFFFF;
	text-align:center;
	margin:0;
	border-width:1px;
	border-color:#0000FF;
}
div.DayDiv {
	background-color:#666666;
	width:100%;
}
div.DayEventDisplay {
	background-color:#FFFFFF;
	overflow-y:scroll;
	overflow-x:hidden;
	height:260px;
	padding-top:4px; 
	padding-left:4px; 
	padding-bottom:4px;
	font-size:medium;
}
span#SearchResultsMessage {
	font-weight:bolder;
	padding-left:10px;
}
div#EventDetailContent {
	background-color:#DCE1E5;
	height:190px;
	width:560px;
	overflow-y:scroll;
	overflow-x:hidden;
	font-size:12px;
	padding-top:2px;
	padding-left:4px;
	padding-bottom:4px;
	border-style:solid;
	border-width:1px;
	margin-top:-2px;
}
p.NoEvents {
	font-size:12px;
}
div.DayContainer {
	float:left;
	width:236px;
	height:290px;
	border-style:solid;
	border-width:1px;
	padding:0px 0px 0px 0px;
}
#AdSpotEventDetail {
	margin:24px 0px 14px 0px;
	border:2px solid;
	border-color:#000000;
	width:574px;
	margin-left:auto;
	margin-right:auto;
}

/* CSS Document for Fancy Buttons*/
.DescriptionButtons {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:18px;
	line-height:24px;
	width:134px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.DescriptionButtons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}
.DescriptionButtons:active {
	position:relative;
	top:1px;
}