/* 
Author   : Rade New Media
Project  : Gap Year Website
Date     : 08 February, 2010
*/

body {
	font: 0.75em Arial, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}

/* General Styles 
====================== */
#wrapper {
	background: url('/assets/img/gapyear/wrapper.jpg') repeat-y;
	width: 814px;
	margin: 0 auto;
	overflow: hidden;
}

h1 {
	color: #ff6600;
	font-size: 1.333em;
	font-weight: bold;
}

h2 {
	color: #27202C;
	font-size: 1.083em;
}

h4 {
	color: #fff;
	font-size: 1.167em;
}

h5 {
	color: #000;
	font-size: 1.167em;
}

/* Header Styles 
====================== */
#header {
	background: url('/assets/img/gapyear/header.jpg') repeat-x;
	height: 124px;
	width: 800px;
	margin: 0 6px;
}		#logo { background: url('/assets/img/gapyear/logo.jpg') no-repeat; height: 35px; width: 292px; display: block; margin: 44px 0 0 10px; float: left; display: inline; }
			#logo a { display: block; height: 35px; width: 292px; }
			#logo a span { text-indent: -9999px; float: left; }
		#headerAd { width: 470px; border: #EBA202 1px solid; float: right; margin: 10px; display: inline; }
			#headerAd img { border: 0; }
			
/* Content Styles 
====================== */
#contentWrapper {
	width: 800px;
	margin: 0 6px; 
	padding: 9px; 
}

#contentLeft {
	width: 595px;
	float: left;
}		.contentBlock { padding: 0 15px 0 0; }
		.headline { height: 13px; padding: 7px 2px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; font-weight: bold; }
			.headline p { padding: 0; margin: 0; }
			.grey { color: #666; }
			.newsFeeds { float: right; width: 96px; color: #666; font-weight: normal; }
				.newsFeeds img { border: 0; }
				.newsFeeds a { color: #666; text-decoration: none; vertical-align: top; }
					.newsFeeds a:hover { text-decoration: underline; }
				.rssImage { background: url('/assets/img/gapyear/rss.jpg') no-repeat; height: 16px; width: 16px; display: block; float: right; }
					.rssImage:hover { background: url('/assets/img/gapyear/rss.jpg') no-repeat -16px 0; }
					.rssImage span { float: left; text-indent: -9999px; }
		.imageContainer { width: 600px; float: left; cleaR: both; margin: 10px 0; }
			.imageContainer img { border: 0; float: left; margin: 0 10px 0 0; }
		#homeSearch { width: 595px; float: left; clear: both; margin: 0 0 10px 0; }
			.searchContainer { width: 285px; float: left; margin: 0 20px 0 0; float: left; }
				.lastSearch { margin: 0; } 
				.searchHeader { background: url('/assets/img/gapyear/search-header.jpg') repeat-x; height: 24px; color: #fff; padding: 7px 15px 0 15px; }
					.searchHeader h4 { margin: 0; padding: 0; }
				.searchBox { background: #fcc411; padding: 10px 15px; overflow: hidden; min-height: 114px; }
				.actionBox { background: #fcc411; padding: 10px 15px 5px 15px; overflow: hidden; min-height: 69px; }
				.actionSearchBox { background: #fcc411; padding: 5px 15px 10px 15px; overflow: hidden; margin-top: 2px; min-height: 23px;}
					.searchContainer .searchHolder { width: 250px; overflow: hidden; float: left; clear: both; }
					.searchLabel { width: 75px; float: left; color: #000; font-weight: bold; padding: 4px 0; margin: 2px 0; }
					.searchInput { float: left; margin: 2px 0; }
						.searchDD { background: url('/assets/img/gapyear/dropdown-bg.jpg') repeat-x; border: #ccc 1px solid; width: 172px; padding: 2px; }
						.searchText { background: #fff; border: #ccc 1px solid; width: 140px; padding: 2px; }
						.searchGo { background: url('/assets/img/gapyear/go.jpg') no-repeat; border: 0; height: 26px; width: 28px; float: right; margin: 2px 0 0 0; }
		#messageBoard { border: #FFF2EA 1px solid; padding: 9px 18px; overflow: hidden; }
			#messageBoard h5 { margin: 0; padding: 0; }
			#messageBoardLeft { width: 294px; float: left; }
				#messageBoardLeft ul { margin: 0; padding: 5px 20px; }
					#messageBoardLeft ul li { margin: 5px 0; }
						#messageBoardLeft ul li a { color: #000; text-decoration: none; }
							#messageBoardLeft ul li a:hover { text-decoration: underline; }
			#messageBoardRight { width: 253px; float: left; }
					#messageBoardRight ul { margin: 0; padding: 0; list-style: none; }
					#messageBoardRight ul li { margin: 5px 13px 5px 0; float: left; }
						#messageBoardRight ul li img { border: 0; }
						#messageBoardRight ul li a { color: #8D8D8D; text-decoration: none; display: block; height: 82px; width: 50px; font-size: 0.833em; }
						#messageBoardRight ul li a span { width: 50px; text-align: center; float: left; clear: both; margin: 2px 0; }
							#messageBoardRight ul li a:hover { background: #e9e9e9; text-decoration: underline; }
			#shadow1 { border: #FFF2E9 1px solid; float: left; clear: both; width: 589px; margin: 0 0 15px 0; }
				#shadow2 { border: #FFCDAB 1px solid; }
				#shadow3 { border: #FFE0CB 1px solid; }
										
#contentRight {
	width: 170px;
	float: right;
	margin: 0 20px 20px 0;
	display: inline;
}		#contentRight img { border: 0; margin: 3px 0; } 
		.rightHolder { width: 160px; border: #e5e5e5 1px solid; padding: 5px; margin: 5px 0; }
		.Facebook a { background: url('/assets/img/gapyear/join-us-on-facebook.jpg') no-repeat 0 0; height: 52px; width: 141px; display: block; margin: 10px; }
			.Facebook a:hover { background: url('/assets/img/gapyear/join-us-on-facebook.jpg') no-repeat -141px 0; }
			.Facebook a span { float: left; text-indent: -9999px; }

		/* Interior pages 
		====================== */
		#left {
			width: 170px;
			float: left;
			margin: 0 15px 10px 0;
		}		#left img { border: 0; margin: 3px 0; } 
				.searchContainerInterior { width: 170px; float: left; margin: 0 0 20px 0; float: left; }
				.searchContainerInterior .searchBox { background: #fcc411; padding: 0px 10px 10px 10px; overflow: hidden; min-height: 215px; }
					.searchContainerInterior .searchLabel { width: 75px; float: left; color: #000; font-weight: bold; padding: 10px 0 5px 2px; margin: 0;}
					.searchContainerInterior .searchInput { float: left; margin: 0; }
						.searchContainerInterior .searchDD { background: url('/assets/img/gapyear/dropdown-bg.jpg') repeat-x; border: #ccc 1px solid; width: 150px; padding: 2px; }
						.searchContainerInterior .searchText { background: #fff; border: #ccc 1px solid; width: 130px; padding: 0; }
						.searchContainerInterior .searchGo { background: url('/assets/img/gapyear/go-interior.jpg') no-repeat; border: 0; height: 17px; width: 18px; float: right; margin: 0; }

		#middle {
			width: 415px;
			float: left;
		}		#middle .contentBlock { padding: 0 15px 10px 0; margin: 0 0 10px 0; width: 405px; float: left; clear: both; border-bottom: #e5e5e5 1px solid; }
				.imageContainerInterior { width: 415px; float: left; clear: both; margin: 10px 0; }
					.imageContainerInterior img { border: 0; float: left; margin: 0 7px 0 0; }
				a.readMore { float: right; color: #FF6600; }
					a.readMore:hover { text-decoration: none; }

		/* Listing page 
		====================== */
		#listings {
			width: 593px;
			float: left;
			clear: right;
		}		*+html #listings { float: none !important; margin: 10px 0; }
				* html #listings { float: none !important; margin: 10px 0; }
				.listingsHeaders { background: url('/assets/img/gapyear/listings-header.jpg') repeat-x; height: 20px; color: #fff; padding: 3px 10px 0 10px; width: 572px; margin: 5px 0 0 0; }
					.listingsHeaders h5 { margin: 0; padding: 0; }
						.listingsHeaders h5 a { color: #000; }
							.listingsHeaders h5 a:hover { text-decoration: none; }
				.listingsHeaders2 { background: url('/assets/img/gapyear/listings-header2.jpg') repeat-x; height: 20px; color: #fff; padding: 3px 10px 0 10px; width: 572px; margin: 5px 0 0 0; }
					.listingsHeaders2 h5 { margin: 0; padding: 0; font-size: 1em; }
						.listingsHeaders2 h5 a { color: #000; }
							.listingsHeaders2 h5 a:hover { text-decoration: none; }
					.icons { float: right; }
						.icons img { border: 0; margin: 0 0 0 10px; }
				.listingsBox { background: #fff; width: 580px; padding: 10px 5px; overflow: hidden; border-left: #d6d6d6 1px solid; border-bottom: #d6d6d6 1px solid; border-right: #d6d6d6 1px solid; }
					.listingsBox p { margin: 0; padding: 0; }
					.telephone { color: #fc6000; }
				.nextPage { float: right; color: #000; margin: 10px 0; }
					.nextPage:hover { text-decoration: none; }

		/* Listers page 
		====================== */
		#listers {
			width: 700px;
			float: left;
			clear: right;
			padding: 6px 41px 15px 41px;
		}		#listersLeft { width: 395px; float: left; }
					.listersAddress { color: #666; }
						.listersAddress strong { color: #000; }
						.listersAddress a { color: #0000FF; text-decoration: none; }
							.listersAddress a:hover { text-decoration: underline; }
				#listersRight { width: 250px; float: left; margin: 0 0 0 50px; text-align: center; display: inline; }
					#listersRight img { margin: 0 0 15px 0; border: 0; }
		
		/* Messageboard page 
		====================== */
		#messageboardHolder {
			border: #c1c1c1 1px solid;
			margin: 7px 0 0 0;
		}		.messageboardTitles { background: url('/assets/img/gapyear/messageboard-header.jpg') repeat-x; padding: 5px; overflow: hidden; font-weight: bold; height: 15px; }
				.messageboardHeader { background: url('/assets/img/gapyear/search-header.jpg') repeat-x; height: 24px; color: #fff; padding: 7px 10px 0 10px; }
					#contentRight .messageboardHeader { background: url('/assets/img/gapyear/search-header.jpg') repeat-x; height: 24px; color: #fff; padding: 7px 10px 0 10px; width: 150px; }
					.messageboardHeader h4 { margin: 0; padding: 0; }
				.loginArea { background: #F9CA1F; padding: 10px; overflow: hidden; width: 150px; }
					.loginLabel { width: 75px; float: left; color: #000; font-weight: bold; padding: 0 0 5px 2px; margin: 0; }
					.loginInput { float: left; margin: 0 0 10px 0; }
					.loginButton { background: url('/assets/img/gapyear/login-button.jpg') no-repeat; height: 15px; width: 41px; border: 0; }
					.register { width: 200px; float: left; clear: both; margin: 5px 0; font-weight: bold; }
						.register a { height: 15px; width: 75px; border: 0; display: block; margin: 5px 0; }
						.register a span { float: left; text-indent: -9999px; }
				.discussionTitle { width: 355px; float: left; }
					.discussion { width: 354px; height: 64px; float: left; border-right: #B6B6B6 1px solid; padding: 3px 0 5px 5px; }
						.discussion a { color: #27202C; text-decoration: none; }
							.discussion a:hover { color: #27202C; text-decoration: underline; }
						.discussion p { margin: 2px 1px; font-size: 0.917em; }
						.discussion h2 { margin: 0; }
				.topicTitle { width: 54px; float: left; text-align: center; }
					.topics { width: 54px; height: 72px; float: left; text-align: center; border-right: #B6B6B6 1px solid; }
						.topics p { margin: 20px 0; }
				.postsTitle { width: 54px; float: left; text-align: center; }
					.posts { width: 54px; height: 72px; float: left; text-align: center; border-right: #B6B6B6 1px solid; }
						.posts p { margin: 20px 0; }
				.lastPostTitle { width: 120px; float: left; text-align: center; }
					.lastpost { width: 120px; float: left; text-align: center; padding: 6px 0 0 0; }
						.lastpost p { margin: 0; }
						.lastpost a { color: #6F6F6F; text-decoration: none; }
							.lastpost a:hover { text-decoration: underline; }
						.dateTime { color: #6F6F6F; }
				.strip1 { height: 72px; background: #fff; border-bottom: #b6b6b6 1px solid; overflow: hidden; }
					.strip1:hover { background: #f5f5f5; }
				.strip2 { height: 72px; background: #FEF7DD; border-bottom: #b6b6b6 1px solid; overflow: hidden; }
					.strip2:hover { background: #FAEFC6; }
				.pagination { width: 595px; height: 30px; margin: 10px 0; }
					.pagination p { color: #898989; float: right; margin: 3px 0; }
					.pagination ul { list-style: none; float: right; padding: 0 0 0 5px; margin: 0; }
						.pagination ul li { float: left; margin: 0 0 0 5px; }
							.pagination ul li a { padding: 2px 3px; display: block; border: #B4BAC0 1px solid; background: #ECEDEE; color: #5C758C; text-decoration: none; }
								.pagination ul li a:hover { border: #E28431 1px solid; background: #E28431; color: #fff; }
								.pagination ul li a.current { border: #E28431 1px solid; background: #E28431; color: #fff; }

/* Footer Styles 
====================== */
#footer {
	background: url('/assets/img/gapyear/footer.jpg') no-repeat;
	height: 36px;
	width: 816px; 
	clear: both;
	margin: 0 auto 10px auto;
}		#copy { font-weight: bold; padding: 6px 0 6px 20px; width: 365px; }
			#copy a { color: #000; text-decoration: none; }
			#copy a:hover { color: #333; text-decoration: underline; }
		#footerNav { float: right; width: 415px; padding: 6px 0 6px 0; }
			#footerNav ul { list-style: none; margin: 0; padding: 0; }
				#footerNav ul li { float: left; }
					#footerNav ul li a { color: #333; text-decoration: none; padding: 0 5px; border-right: #000 1px solid; font-size: 0.917em; }
						#footerNav ul li a:hover { text-decoration: underline; }
						#footerNav ul li a.noBorder { border-right: 0; padding: 0 0 0 5px; }
		#johnCatt { height: 96px; width: 48px; margin: 0 auto 20px auto; }
			#johnCatt img { border: 0; }
			
#news 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display:inline;
}

#news li
{
	margin: 0px;
	padding: 0px;
	display:inline;
}

.fcotitle
{
	color: #666;
	float: left;
}
	
.right
{
	text-align: right;
}