/*-----------------------------------------------------------------------------------------------
[Master Stylesheet]

Project:	farcryinabox
Version:	0.1
Contents:
		1. Global Styles
		2. Wrap /#wrap
			2.1 Accessability / #access
			2.2 Branding / #branding
			2.3 Navigation / #navMain
			2.4 Content / #content
				2.4.1 Primary Content / #primaryContent
				2.4.2 Secondary Content / #secondaryContent
				2.4.3 Extra Content / #extraContent
			2.5 Site Information / #siteInfo
			
-----------------------------------------------------------------------------------------------*/

/*
-------------------------------------------------------------------
GLOBAL STYLES: =global
-------------------------------------------------------------------
*/

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
a:link, a:visited, a:active, a:focus { color:#822010; text-decoration: none; }
a:hover { text-decoration:underline;}
div.containeradmin {
	overflow: hidden;
	clear: both;
	margin: 3px 0 3px;
}
div.ruleadmin {
	overflow: hidden;
	clear: both;
	margin: 3px 0 3px;
}

div.containeradmin .title, div.ruleadmin .title  {
	padding: 5px;
}

html {
	text-align: center;
	background: #fff url("/wsimages/bg_html.jpg") 50% top repeat-x;
}

body {
	text-align: center;
	font-size: 12px;
	font-family: lucida grande, arial, verdana, helvetica, sans-serif;
	line-height:15px;
}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 9px 18px;
}
	
li {
	background-image:url(/wsimages/bullet_body.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-left:18px;
	margin-bottom:7px;
	margin-top:7px;
}

h1 { color:#282727; font-size:24px; margin: 0 0 12px 0; padding:0 0 12px 0; border-bottom: 1px solid #c3c3c3; line-height:26px;}
h2 { color:#9e2714; font-size:16px; margin: 25px 0 12px 0; line-height:20px;}
h3 {
	color:#3b0903;
	font-size:14px;
	line-height:18px;
	margin:0 0 10px 0;
}
h4 { color:#9e2714; margin:0; padding-top:10px;}
h5 { color:#9e2714; font-size:14px; margin: 0 0 3px 0; line-height:18px;}
h6 {
	color:#666666;
	font-family:georgia,lucida grande;
	font-size:18px;
	font-style:italic;
	line-height:24px;
	padding:2px 60px 6px 16px;
}
/*
-------------------------------------------------------------------
Wrap: =wrap
-------------------------------------------------------------------
*/
#wrap {
	width: 982px;
	margin: 0 auto;
	text-align: left;
	background: url("/wsimages/bg_header.jpg") no-repeat;
	overflow:hidden;
}


/*
-------------------------------------------------------------------
ACCESSABILITY: =access
-------------------------------------------------------------------
*/
ul#access {
	display: none;
}

/*
-------------------------------------------------------------------
BRANDING: =branding
-------------------------------------------------------------------
*/
#branding {
	position: relative;
    width:192px;
    float:left;
	margin: 0 0 16px;
}

#branding span#logo {
	
}

#flashHeader {
	float:left;
	padding-top:28px;
	margin: 0 0 21px 19px;
	height:307px;
}

#branding blockquote {
	position: absolute;
	top: 30px;
	left: 97px;
	border: none;
	color: #fff;
	font-size: 16px;
}

#branding h3 {
	margin:22px 0 7px 14px;
	font-size:15px;
	color: #3a0803;
}

#branding  .search {
	position: absolute;
	top: 25px;
	right: 18px;
}
#branding  .search .imgBtn {
	float:left;
	margin: 1px 0 0;
}
.inputWrapper input {
	background: none;
	width: 199px;
	height: 16px;
	border: none;
	font-size: 12px;
}
.inputWrapper {
	float:left;
	display: inline;
	width: 199px;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 4px 6px 4px;
	background: url("/wsimages/bg_searchInputText.jpg") left top no-repeat;
}

.ajaxNews {
	background: url("/wsimages/bg_ajax.jpg") left top no-repeat;
	width:168px;
	height:100px;
	color:#f6d8d6;
	font-size:11px;
	padding:12px;
	color:#f6d8d6;
}
	.ajaxNews .ajaxHolder a {
		color:#f6d8d6;
		line-height:14px;
	}
	.ajaxNews .pagination {
		padding-top:15px;
		float:right;
	}
	
	.ajaxNews .screenNumber {
		line-height:17px;
		float:left;
		padding-right:8px;
	}
	
	.ajaxNews .pag {
		line-height:17px;
		float:left;
	}
	
	.ajaxHolder {
		height:55px;
	}

/*
-------------------------------------------------------------------
Navigation: =navMain
-------------------------------------------------------------------
*/
#navMain {
	float:right;
	width:771px;
	margin:0 0 32px 0;
	position:relative !important; 
	z-index:888; 

}


.pagination {
	line-height:14px;
	padding-bottom:8px;
}

/*
-------------------------------------------------------------------
CONTENT: =content
-------------------------------------------------------------------
*/
#content {
	margin: 0 0 0 211px;
	padding: 0 0 66px 0;
	width:771px;
	float:left;
	display:inline;
	overflow:hidden;
}

.content  {
}
.content p {
	line-height: 16px;
	margin: 12px 0;
}

#contentPrimary {
	float:left;
	width:100%;
}

#contentSecondary {
	float:right;
	width:250px;
	padding-top:11px;
}
.portal {
	width: 920px;
	background: #E4E4E4;
	border: 1px solid #A7A7A7;
	padding: 23px 23px 27px;
	margin: 0 0 16px;
	clear: both;
	}
	.portal:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
		}
		/* Hides from IE-mac \*/
		* html .portal {height: 1%;}
		/* End hide from IE-mac */
	
	.portal h4 {
		font-size: 18px;
		margin: 0 0 8px;
	}
	.portal p {
		color: #292929;
	}
	
.portal .thumbnail {
	margin: 0 12px 0 0;
	float:left;
}

#homeInfoBlocks {
	float:left;
	width:100%;
}

.homeTeaser {
	z-index: 1;
	height:100%;
	background: #e7e7e7 url(/wsimages/bg_homeTeaserGradient.jpg) repeat-x;
	width:242px;
	float:left;
	margin:0 19px 30px 0;
	position:relative;
	border-top: solid 1px #dce0e4;
	border-left: solid 1px #dce0e4;		
		border-right: solid 1px #dce0e4;		
}
	.homeTeaser.last {
		margin-right:0px;
	}

	#homeInfoBlocks .homeTeaser h3 {
		overflow:hidden;
		color: #282727;
		background: url(/wsimages/bg_homeTeaser.gif) no-repeat;
		font-family: Arial Narrow, Arial;
		font-size:19px;
		padding:11px 24px 7px 35px;
		margin:0px;
	}
	
	.homeTeaser .description {
		padding: 0 19px 40px 35px;
		line-height:14px;
	}

	.homeTeaser .learnmore {
		margin-top:10px;
		padding-left:84px;
		position:absolute;
		bottom:10px;
	}
	
	.homeTeaser .bottom {
		position:absolute;
		bottom:0px;
		height:5px;
		width:242px;
		background:url(/wsimages/homeTeaserBottom.gif) no-repeat;
		
	}
		*html .homeTeaser .bottom {
			bottom: -10px;
		}
		
.rhsBox {
	height:100%;
	background: #e7e7e7 url(/wsimages/bg_homeTeaserGradient.jpg) repeat-x;
	width:242px;
	float:left;
	margin:25px 0 0 0;
	border-top: solid 1px #dce0e4;
	border-left: solid 1px #dce0e4;		
	border-right: solid 1px #dce0e4;		
}
	.rhsBox.last {
		margin-right:0px;
	}

	.rhsBox h3 {
		overflow:hidden;
		color: #282727;
		background: url(/wsimages/bg_homeTeaser.gif) no-repeat;
		font-family: Arial Narrow, Arial;
		font-size:19px;
		padding:11px 24px 12px 35px;
		margin:0px;
	}
	
	.rhsBox .description {
		padding: 0 24px 40px 35px;
		line-height:14px;
	}

	.rhsBox .learnmore {
		margin-top:10px;
		padding-left:84px;
		position:absolute;
		bottom:10px;
	}
	
	.rhsBox .wrap {
		padding-bottom:20px;
	}
	
	.rhsBox .bottom {
		position:absolute;
		height:5px;
		width:242px;
		background:url(/wsimages/homeTeaserBottom.gif) no-repeat;
		
	}
		*html .Box .bottom {
		
			bottom: -10px;
		}
	
	.newsHomeLink {
		padding-bottom:12px;
		border-bottom:1px solid #cccccc;
	}
	.newsItem {
		width:100%;
		float:left;
		padding: 20px 0 20px 0;
		border-bottom: 1px solid #cccccc;
	}
		.newsItem .teaserContent {
			float:left;
			width:540px;
			line-height:14px;
		}
			.newsItem .teaserContent h3 {
				position:relative;
				top: -3px;
				margin: 0 0 5px 0;
			}
		
		
		.newsItem .morelink {
			margin: 8px 0 0 0;
			display:block;
		}
	
	
		.newsItem a {
			text-decoration:underline;
		}
		.newsItem a:hover {
			text-decoration:none;
		}
	
	.thumbnail {
		float:left;
		padding-right:22px;
	}
	
	.rhsTeaser {
		background:transparent url(/wsimages/bullet_rhs.gif) no-repeat scroll 0 9px;
		border-bottom:1px solid #CCCCCC;
		line-height:18px;
		margin:0 17px 5px 35px;
		padding: 0 0 5px 15px;
		width: 174px;
	}
	
	.teaserRHSRelated {
		line-height:20px;
		margin:0 17px 0 35px;
		padding: 0 0 2px 25px;
		border-bottom:1px solid #cccccc;
		width: 165px;
	}
	
	.teaserLinkBottom {
		line-height:20px;
		margin:0 17px 0 0px;
		padding: 0 0 2px 25px;
	}
	
		.teaserLinkBottom a{
			font-size:14px;
			color:#be311a;
		}
	.linkBlock {
		background: #f6e2df;
		padding:9px 9px;
		border: 2px solid #edd1d1;
		margin-top:30px;
	}
		
	.bodyImageFullWidth {
		padding: 0 0 5px 0;
	}
	
	.bodyImageAlignLeft {
		float:left;
		padding: 0 18px 18px 0;
	}
	
	.paragraphImageAlignLeft {
		float:left;
		padding: 18px 18px 18px 0;
	}
	
	
	.TagLine01 {
		font-family:lucida grande;
		font-weight:bold;
		font-size:14px;
		color:#922311;
		line-height:22px;
	}

	.TagLine02 {
		font-family:lucida grande;
		font-weight:bold;
		font-size:14px;
		color:#282727;
		line-height:22px;
	}

	.TagLine03 {
		color:#922311;
		font-weight: bold;
	}
	
/*
-------------------------------------------------------------------
CONTENT: =featureText
-------------------------------------------------------------------
*/	
	#content table {
		margin-top:7px;
	}

	.featureText {
		padding:20px 20px 10px 20px;
		border-bottom: 3px solid #d2d2d2;
		background:#E8E8E8;
	}
	.featureText ul {
		padding: 0px;
	}
	
	.featureText li {
		background: url(/wsimages/bullet_featuretext.gif) no-repeat;
		line-height:18px;
		padding-bottom:8px;
		border-bottom: solid 1px #f6f6f6;
		background-position:0px 7px;
	}
	
	table .featureText h2 {
		color:#111111;
		line-height:20px;
		margin-top:0px;
	}
	
	ul ul {
		padding-bottom:0;
	}
		
/*

/*
-------------------------------------------------------------------
CONTENT: =search
-------------------------------------------------------------------
*/	
	#searchInternal {
		width:182px;
		height:32px;
		background: url(/wsimages/bg_searchInternal.gif) no-repeat;
		padding:8px 0 0 10px;
	}

	.searchInput {
		width:182px;
		border: 1px #9e9e9e solid;
		background: #e5e3e3;
		height:16px;
		padding: 3px 2px;
	}
	
	
	.searchInputInternal {
		width:132px;
		border: none;
		background: none;
		height:16px;
		padding: 3px 2px;
		margin: 0 10px 0 0;
		color:#3a0803;
		font-size:11px;
	}
	
	.submitHome {
		margin-top:5px;
		float:right;
	}
	
	.submitinternal {
		position: relative;
		top:4px;
	}
	
		html* .submitinternal {
			position: relative;
			top:1px;
		}
	
	.resultDetails {
		margin: 26px 0 16px;
		}
		.resultDetails p {
			font-weight: bold;
		}
		.resultDetails p span.criteria {
			color: #AF4842;
		}
	
	.result {
		padding:22px 0;
	}
	
	ul.searchResults{
		margin: 0;
		padding: 0;
		list-style: none;
		background: none;
		}
		ul.searchResults li {
			margin: 0 0 8px;
			padding: 0;
			list-style: none;
			background: none;
			border-bottom: 1px solid #D8D8D8;
			clear: both;
		}
		ul.searchResults li h3 {
			font-size: 12px;
			color: #c00;
			margin: 0 0 4px;
		}
		ul.searchResults li h3 a{
			color: #c00;
		}
		ul.searchResults li p.summary {
			margin: 0 0 11px;
			color: #20292F;
			font-size: 12px;
			}
			ul.searchResults li p.summary span.criteria {
				background: #333;
				color: #fff;
				padding: 0 4px;
			}
			
	.searchPagination {
		margin: 0 0 8px;
		padding: 0 0 10px;
		border-bottom: 1px solid #D8D8D8;
		width: 771px;
		overflow: hidden;
		}
		.searchPagination p {
			margin: 4px 0 0;
			padding: 0;
			color: #3F3D39;
			font-weight: bold;
			font-size: 12px;
			float: left;
			}
			.searchPagination p span{
				padding: 0 10px 0 12px;
				background: url("/wsimages/searchPaginationArrows.gif") left bottom no-repeat;
				}
				.searchPagination p span a{
					color: #AF4842;
					text-decoration: underline;
					}
			.searchPagination p span.next{
				padding: 0 12px 0 10px;
				background-position: right top;
				}
	.searchPagination form {
		padding: 0 0 0 10px;
		float: left;
	}
	
	
	.pagination h4 {
		float:left;
		padding-right:10px;
	}
	
	.pagination p {
		margin: 0;
		padding-top:10px;
	}
	
/*
-------------------------------------------------------------------
SITE INFO: =siteInfo
-------------------------------------------------------------------
*/
#siteInfo  {
	height: 222px;
	clear:both;
	width: 100%;
	background: #717171 url(/wsimages/bg_footer.jpg) repeat-x;
	color: #cccccc;
	font-size: 11px;
	padding: 30px 0 0;
	text-align: left;
	float:left;
	}
	#siteInfo .inner {
		width: 982px;
		margin: 0 auto;
		position: relative;
	}
	#siteInfo  .copyright {
		width: 50%;
		float:left;
	}
#footerSubNav {
		display:inline;
		width:771px;
		margin: 0 0 0 211px;
		padding: 0 0 0 0;
		float:left;
	
	}
	
#footerNav {
	float:right;
	margin: 0 14px 0 0;
	display: inline;
	}

	#footerNav li {
		float:left;
		padding: 0 10px 0;
		background: url("/wsimages/nav/footerNavDivider.gif") right 50% no-repeat;
		height: 14px;
	}
	#footerNav li a {
		color: #cccccc;
		text-decoration: none;
		}
		#footerNav li a:hover {
			text-decoration: underline;
		}
		
	.footerSubSection {
		width:242px;
		float:left;
		margin: 0 22px 0 0;
	}
	
	.footerSubSection.last {
		margin-right:0px;
	}
	
	.footerSubSection h3 {
		font-size:14px;
		margin: 0 0 8px 0;
		color:#cccccc;
	}
	
	.footerlink {
		height:23px;
		line-height:23px;
		background: #535252 url(/wsimages/bullet_footer.gif) no-repeat 7px 9px;
		width:222px;
		color:#cccccc;
		padding-left:20px;
		border-bottom: 1px solid #5b5b5b;
	}
	
	#footerSubNav a {
		color:#cccccc;
	}
	
	.footerSpacer {
		border-bottom:1px solid #838383;
		height:20px;
		margin: 0 0 10px 0;
		width:100%;
		float:left;
	}
	
	.footerSiteLinks {
		float:right:
		width:40%;
	}

#siteInfo a.toTop {
	position: relative;
	top: 9px;
	width: 9px;
	height: 6px;
	float:right;
	background: url("/wsimages/topTop.gif") left top no-repeat;
}
#siteInfo a.toTop span {
	display: none;
}