/**************************************************
Riverside Events - Screen CSS - OB 02.07
**************************************************/

/* PLEASE NOTE: Keep all styles in alphabetical order - ty */

/* Page Control Tags *********************/

*{
	border:none;
	color:#666;
	font:1em/1.3em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	}

html{
	font-size:1em;
	}
	
body{
	border-top:4px solid #999999;
	font-size:62.5%;
	padding:11px 0 0;
	}
	
html, body{
	background-color:#FFF;
	text-align:center;
	width:100%;
}

/* HTML Control Tags *********************/
	
a{
	color:#666;
	}
	a:hover{
		color:#CCC;
		text-decoration:none;
		}

br{
	clear:left;
	}
	
em{
	font-style:italic;
	}

em a{
	font-style:italic;
	}

form{
	margin:0 0 15px;
	padding:0;
	}
h1{
	clear:left;
	font-size:1.6em;
	padding:0 0 12px;
	color:#CC0066;
	}

h1.default{
	clear:left;
	font-size:1.6em;
	padding:0 0 12px;
	}
	.sIFR-hasFlash h1.default {
		visibility: hidden;
		}
	
h1.RiverLandTitle{
	background:url("../graphics/title_riverland_events.gif") no-repeat left top;
	height:0;
	margin:0 0 12px;
	overflow:hidden;
	padding:23px 0 0;
	width:211px;
	}

h2{
	clear:left;
	font-size:1.4em;
	padding:0 0 12px;
	}

h3{
	clear:left;
	font-size:1.4em;
	padding:0 0 12px;
	}

h4{
	}

h5{
	}

h6{
	}

ol{
	margin-left:20px;
	margin-bottom:15px;
	}

p{
	font-size:1.2em;
	line-height:1.6em;
	padding:0 0 15px;
	text-align:justify;
	}
	
p strong{
	line-height:1.6em;
	}

p p{
	padding:0;
	}

strong{
	font-weight:bold;
	}
	
p small{
	background:#EEE;
	display:block;
	font-size:.9em;
	padding:5px;
	}

/* Site wide styles *********************/

.HorizontalRule{
	background-color:#CCC;
	height:1px;
	margin-bottom:15px;
	}

.ParagraphStartText{
	font-size:1.8em;
	}

.divClear{
	clear:both;
	}

.TextRiver{
	color:#3297C7;
	font-weight:bold;
	}

.TextLand{
	color:#37804D;
	font-weight:bold;
	}

/* Page Structure *********************/

#Container{
	margin:0 auto;
	width:870px;
	}

#Header{
	background-color:#FFF;
	padding-bottom:14px;
	width:870px;
	}

#LeftColumn{
	background-color:#FFF;
	clear:left;
	float:left;
	width:204px;
	}

.LeftColBg{
	background:url("../graphics/left_col_bg.gif") repeat-y;
	}
	
#RightColumn{
	float:right;
	width:666px;
	}

/* Header Content *********************/

#Logo a{
	background:url("../graphics/riverside_logo.gif") no-repeat left top;
	float:left;
	height:0;
	margin:0 15px 0 0;
	overflow:hidden;
	padding:96px 0 0;
	width:189px;
	}

#HeaderStrapline{
	background:url("../graphics/header_strapline_event_venues.gif") no-repeat left top;
	border-bottom:1px solid #CCCCCC;
	float:right;
	height:0;
	overflow:hidden;
	padding:48px 0 0;
	width:666px;
	}

/* Top Navigation Control *********************/

#TopNavigation{
	border-bottom:4px solid #CCCCCC;
	border-top:4px solid #CCCCCC;
	float:right;
	width:666px;
	}
#TopNavigation ul{
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	}
	#TopNavigation ul li{
		float:left;
		margin:0;
		padding:0;
		}
		#TopNavigation ul li a{
			display:block;
			height:0;
			overflow:hidden;
			padding:39px 0 0;
			}
			#TopNavigation ul li a.nav1{
				background:url("../graphics/nav_btn_home.gif") no-repeat;
				width:80px;
				}
			#TopNavigation ul li a.nav2{
				background:url("../graphics/nav_btn_about_us.gif") no-repeat;
				width:100px;
				}
			#TopNavigation ul li a.nav3{
				background:url("../graphics/nav_btn_forthcoming_events.gif") no-repeat;
				width:173px;
				}
			#TopNavigation ul li a.nav4{
				background:url("../graphics/nav_btn_blog.gif") no-repeat;
				width:76px;
				}
			#TopNavigation ul li a.nav5{
				background:url("../graphics/nav_btn_contact_us.gif") no-repeat;
				width:113px;
				}
			#TopNavigation ul li a.nav6{
				background:url("../graphics/nav_btn_topsail.gif") no-repeat;
				width:84px;
				}
			#TopNavigation ul li a:hover{
				background-position:0 -161px;
				}
				
#Nav1 #TopNavigation a.nav1,
#Nav2 #TopNavigation a.nav2,
#Nav3 #TopNavigation a.nav3,
#Nav4 #TopNavigation a.nav4,
#Nav5 #TopNavigation a.nav5{
	background-position:0 -161px;
	cursor:default;
	}
									
/* Left Navigation Control *********************/

.LeftNavContainer{
	border:1px solid #CCC;
	margin:0 15px 15px 0;
	padding:4px;
	}

.LeftNavContainer p{
	height:0;
	margin:0;
	overflow:hidden;
	padding:24px 0 0;
	width:179px;
	}
	.LeftNavContainer p.VenueTypes{
		background:url("../graphics/left_col_title_venue_types.gif") no-repeat left top;
		}
	.LeftNavContainer p.EventCats{
		background:url("../graphics/left_col_title_venue_event_categories.gif") no-repeat left top;
		}
	.LeftNavContainer p.BlogArchives{
		background:url("../graphics/left_col_title_venue_blog_archives.gif") no-repeat left top;
		}
	.LeftNavContainer p.BlogCategories{
		background:url("../graphics/left_col_title_venue_blog_categories.gif") no-repeat left top;
		}
	.LeftNavContainer p.BlogMeta{
		background:url("../graphics/left_col_title_venue_blog_meta.gif") no-repeat left top;
		}

.LeftNavContainer ul{
	list-style:none;
	margin:5px 0 2px;
	padding:0;
	}
	.LeftNavContainer ul li{
		background:url("../graphics/left_col_nav_seperator.gif") no-repeat left bottom;
		display:block;
		margin:0;
		padding:6px 0 6px;
		}
	.LeftNavContainer ul li.last{
		background:none;
		}
		.LeftNavContainer ul li a{
			background:url("../graphics/left_col_nav_bullet.gif") no-repeat 10px 50%;
			display:block;
			font-size:1.2em;
			margin:0;
			padding:0 0 0 20px;
			text-decoration:none;
			}

.BtnBlankCanvas{
	margin-bottom:12px;
}

#NavBlankCanvas #LeftColumn .BtnBlankCanvas{
	display:none;
}

#NavRiverLand #LeftColumn .BtnRiverLand{
	display:none;
}

/* Page Content *********************/

#TextContentLeft{
	margin-top:12px;
	width:385px;
	}

#TextContentZone{
	margin-top:12px;
	width:499px;
	}

#TextContent{
	margin:12px 0 0;
	width:666px;
	}

#BreadCrumb {
	margin-bottom:10px;
}

#BreadCrumb a {
	font-weight:bold;
}
	
#TextContentLeft ul,
#TextContent ul,
#TextContentZone ul{
	margin:0 0 15px 15px;
	padding:0;
	}
	#TextContentLeft li,
	#TextContent li,
	#TextContentZone li{
		background:url("../graphics/list_bullet.gif") no-repeat 0 5px;
		font-size:1.2em;
		list-style:none;
		margin-bottom:5px;
		padding:0 0 0 13px;
		}
		.Sublist{
			font-size:85%;
			}

#MainPageRightImage{
	float:right;
	margin-top:12px;
	width:263px;
	}
	#MainPageRightImage img{
		margin-bottom:10px;
		}
		
#ZonePageRightImage{
	float:right;
	margin-top:12px;
	width:149px;
	}
	#ZonePageRightImage img{
		margin-bottom:10px;
		}

/* Listing Items */

.ListingItem{
	background:url("../graphics/listing_bg.jpg") repeat-x left top;
	clear:left;
	margin-bottom:15px;
	padding:0 0 7px;
	}
	.ListingItem:hover{
		background:url("../graphics/listing_bg_active.jpg") repeat-x left top;
		}

.ListingItem h2{
	font-weight:bold;
	margin:0;
	padding:10px;
	}
	.ListingItem h2 a{
		background:none;
		color:#666;
		float:none;
		font-weight:bold;
		margin:0;
		padding:0;
		text-align:left;
		text-decoration:underline;
		}
		.ListingItem h2 a:hover{
			color:#333;
			background:none;
			text-decoration:none;
			}

.ListingItem p{
	font-size:1.1em;
	padding:0 10px 10px;
	}

.ListingItem img{
	float:right;
	margin:10px 10px 0;
	}

.ListingItem ul{
	list-style:none;
	margin:0;
	padding:8px 6px 0;
	}
	.ListingItem ul li{
		float:left;
		margin:0;
		padding:0;
		}

/* Photo Gallery */

#PhotoGallery{
	width:666px;
	}

#PhotoGallery h2{
	background-color:#EEE;
	font-weight:bold;
	margin-bottom:12px;
	padding:5px;
	}

#PhotoGallery ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	#PhotoGallery li{
		display:inline;
		float:left;
		height:120px;
		margin:0 .4em 2em .4em;
		padding:0;
		text-align:center;
		text-decoration:none;
		width:125px;
		}
		#PhotoGallery li a{
			border:1px solid #CCC;
			display:block;
			margin:0 0 3px;
			padding:2px;
			width:120px;
			}
			#PhotoGallery li a:hover{
				border:1px solid #333;
				}

/* Footer */

#FooterStrip{
	background:#DDD;
	display:block;
	margin-top:15px;
	width:100%;
	}

#Footer{
	margin:0 auto;
	width:870px;
	}
	
#Copyright{
	margin:0 auto;
	padding:8px 0;
	width:870px;
	}
	#Copyright p{
		font-size:1em;
		padding:0;
		}

#TopsailLogo{
	float:right;
	}

.topUL{
	padding-top:7px !important;
	}

#Footer ul{
	clear:left;
	list-style:none;
	margin:0;
	padding:;
	}
	#Footer li{
		border-right:1px solid #666;
		float:left;
		margin:0 5px 0 0;
		padding:0 5px 0 0;
		}
	#Footer li.last{
		border-right:none;
		margin:0;
		padding:0;
		}
		#Footer li a{
			color:#666;
			}
			#Footer li a:hover{
				color:#09C;
				}

/* Contact Form
*********************************************/

#standardform{
	width:500px;
	}

#standardform fieldset{
	width:500px;
	display:block;
	float:left;
	clear:left;
	margin:0 0 10px;
	padding:10px;
	border:1px solid #DDD;
	background:url("../graphics/listing_bg.jpg") repeat-x;
	}

#standardform fieldset:hover, #standardform fieldset:focus{
	border:1px solid #999;
	background:url("../graphics/listing_bg_active.jpg") repeat-x;
	}

#standardform legend{
	font-size:1.6em;
	color:#666;
	font-weight:normal;
	margin-bottom:0;
	}
#standardform input,
#standardform textarea,
#standardform select{
	width:70%;
	float:left;
	border:1px solid #CCC;
	padding:2px;
	margin-bottom:.3em;
	font-size:1.1em;
	}
#standardform input:hover,
#standardform textarea:hover,
#standardform select:hover{
	border:1px solid #999;
	}
#standardform input:focus,
#standardform textarea:focus,
#standardform select:focus{
	border:1px solid #D839A9;
	}
#standardform select{
	width:40%;
	}
#standardform label{
	color:#666;
	font-size:1.2em;
	line-height:1.3em;
	width:25%;
	float:left;
	}
#standardform input{}

#standardform input:hover,
#standardform select:hover,
#standardform textarea:hover,
#standardform input:focus,
#standardform select:focus,
#standardform textarea:focus{
	background:#FFF;
	}
#standardform input.Send{
	background-color:#D839A9;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1.4em;
	font-weight:bold;
	height:32px;
	margin-bottom:0;
	margin-left:200px;
	padding:0;
	text-align:center;
	width:120px;
	}
	#standardform input.Send:hover{
		background-color:#E26BBF;
		}
#standardform .ErrorText{
	color:#F00;
	}

/* Clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {
	display:inline-block;
	}
	
/* Hide from IE Mac \*/

.clearfix {
	display:block;
	}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility:visible !important;
	margin:0;
	}

.sIFR-replaced {
	visibility:visible !important;
	}

span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display:none; !important;
	}

/* Resources
*********************************************/

#ResourceCategories{
	background:url("../graphics/listing_bg.jpg") repeat-x left top;
	}
	#ResourceCategories h2{
		background-color:#DDD;
		font-weight:bold;
		margin-bottom:12px;
		padding:5px;
		}
		#ResourceCategories p{
			float:left;
			text-align:center;
			width:33%
			}