@charset "utf-8";
/* CSS Document */

html {
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	font:400 62.5%/1.4em Arial, Helvetica, sans-serif;
	color:#444;
	background-color:#e8ebef;
}

/*
-------------------- GENERAL --------------------
*/


p {
	margin:0;
	padding-bottom:10px;
	line-height:1.4em;
}

p.left {
	text-align:left;
	background:none;
}

p.centre {
	text-align:centre;
}

p.right {
	text-align:right;
	background:none;
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.clear-all {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	background:none;
	border:none;
}

p.clear {
	clear: both;
	height: 0;
}
p.centre {
	text-align:center;
}

.emphasis {
	font-style:italic;
}

.strong {
	font-weight:700;
}

.notice {
	font-weight:bold;
	color:#184286;
}

hr {
	border:0;
	height:1px;
	color:#888;
	background-color:#888;
	
}

.hr {
	display:block;
	margin:5px 0;
	padding:0;
	height:2px;
}


img {
	padding:0;
	margin:0;
}


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

img.left {
	float:left;
	margin:0 20px 10px 0;
	padding:0;
}

img.centre {
	display:block;
	padding:0;
	margin:10px auto;
}

h1, h2, h3, h4, h5 {
	margin:10px 0 0 0;
	padding:0 0 15px 0;
	color:#222;
	font-weight:700;
}

h1 {
	padding:0;
	font-size:2.2em;	
}

h2 {
	padding-top:0;
	font-size:2em;
	font-weight:400;
	color:#db5410;
}

h3 {
	font-size:1.8em;
	font-weight:400;
	color:#db5410;
}

h4 {
	padding-bottom:10px;
	font-size:1.2em;
	font-weight:700;	
}

h5 {
	padding-bottom:3px;
	font-size:1.0em;
	font-weight:400;
	color:#db5410;
}

#content-container ul, #content-container ol {
	margin:5px 0 10px 20px;
	padding:0;
}

#content-container ul li, #content-container ol li {
	margin:0;
	padding:0 0 6px 4px;
	line-height:1.33em;
}

a img {
	border:none;
}

a:link, a:visited, a:active {
	color:#202d7b;
	text-decoration:none;
}

a:hover, a:focus {
	color:#202d7b;
	text-decoration:underline;
}

form {
}

	fieldset {
		border:none;
	}
	
	form .text, form .textarea {
		margin:0 10px 0 0;
		padding:2px;
		width:120px;
		height:1.2em;
		float:left;
		line-height:1.4em;
		background-color:#fff;
		border:1px solid #ddd;
	}
	
	form label {
		display:block;
		margin:0 10px 0 0;
		width:58px;
		float:left;
		font-weight:700;
	}
	
	form .submit {
		margin-top:-1px;
		float:left;
	}
	
	form .field {
		
	}
	
	form .field {
		padding:0;
		margin:8px 0;
		width:100%;
		float:left;
		border:none;
	}
	

/*
-------------------- LAYOUT -------------------- */


#wrapper {
	margin:0 auto;
	paddding:0;
	width:800px;
	background-color:#fff;
}

#header {
	margin:0;
	padding:0;
}
	#logo {
		margin:0;
		padding:0;
		width:470px;
		height:130px;
		float:left;
		background:transparent url(../images/FOKheader.jpg) left top no-repeat;
	}
	
	#logo h1 {
		margin:0;
		padding:0;
		display:block;
		height:130px;
		border:none;
	}
	
	#logo h1 span {
		display:none;
	}

	#mailing-list-form {
		margin:35px 0 0 0;
		padding:0;
		width:330px;
		height:90px;
		float:right;
	}
	
	#mailing-list-form form {
		margin:0;
		padding:0;
		height:28px;
	}
	
	#filla-note {
		clear:both;
		margin:4px 0 0 0;
		color:#812f3d;
	}
	
	#filla-note a, #filla-note a:link, #filla-note a:visited, #filla-note a:active, #filla-note a:hover, #filla-note a:focus {
		color:#812f3d;
		text-decoration:none;
	}
	
	/* ---------- GLOBAL NAV ---------- */
	
		#global-nav {
			clear:left;
			margin:0 auto;
			padding:0 1px;
			width:743px;
			height:20px;
			background-color:#1f2d7b;			
		}
		
			#global-nav ul {
				margin:0;
				padding:0;
			}
			
				#global-nav li {
					display:inline;
					margin:0;
					padding:0 5px;
					float:left;
					list-style-type:none;
				}
				
					#global-nav li a {
						margin:0;
						padding:0;
						color:#fff;
						font-size:12px;
						line-height:20px;
					}
					
					#global-nav li a:link, #global-nav li a:visited, #global-nav li a:active {
						color:#fff;
						text-decoration:none;						
					}
					
					#global-nav li a:hover, #global-nav li a:focus {
						color:#fff;
						text-decoration:none;
					}
					
				#global-nav li.section, #global-nav li.current {
				}
				
					#global-nav li.section a, #global-nav li.current a {
					}

	#media-panel {
		margin:0 auto;
		padding:0;
		width:745px;
		height:312px;
		background-color:#bbb;
	}

		#media-panel #alt-content {
			margin:0;
			padding:20px;
			text-align:center;
			color:#fff;
			font-size:1.1em;
		}
		

#no-flash {
	margin:0;
	padding:0;	
	background:transparent url(../images/homepage-banner-bg.jpg) left top no-repeat;
}

#no-flash .content {
	margin:0;
	padding:20px 20px 0;
	font-size:1.1em;
	text-align:center;
}

#no-flash .content h2 {
	color:#db5410;
	line-height:1.3em;
}

#content-container {
	margin:0 auto;
	padding:12px 0 20px 0;
	width:745px;
	font-size:1.1em;
	background:#e8ebef;
}

div.content-container-home {
	
}

body#home #content-container {
	background:#4984be url(../images/FOK_waterbg.jpg) left top repeat-y;
}



/* ---------- PAGE COLUMNS ---------- */

.content-column {
	margin:0 15px 0 20px;
	padding:0;
	width:500px;
	float:left;
	background-color:#fff;
}

	.content-column h2, #h2title {
		display:block;
		margin:0;
		padding:5px 15px;
		height:22px;
		color:#fff;
		font-size:1.1em;
		font-weight:400;
		line-height:22px;
		background:#202d7b url(../images/h2.gif) left top no-repeat;
	}
	
	.content-column-btm {
		margin:0;
		padding:0;
		height:32px;		
		background:#fff url(../images/column-btm.gif) left bottom no-repeat;
	}
	
	.content-column .content {
		padding:15px 15px 0;
	}
	
.home-page-box {
	margin:0 14px;
	padding:0;
	width:220px;
	float:left;
}

#content-container .home-page-box ul {
	margin:0 !important;
	padding:0;
}

#content-container .home-page-box ul li {
	padding:0 0 5px;
	list-style-type:none;
}

.home-page-box h2 {
	display:block;
	margin:0;
	padding:5px 15px;
	height:22px;
	color:#fff;
	font-size:1.1em;
	font-weight:400;
	line-height:22px;
	text-align:center;
	background:transparent url(../images/box-h2.gif) left top no-repeat;
}

.home-page-box .content {
	margin:0 0 -5px;
	padding:10px 10px 0px 10px;
	color:#202d7b;
	text-align:center;
	background-color:#fff;
	overflow:hidden;
}

.home-page-box .content p {
	line-height:1.2em;
}

	.home-page-box .content a, .home-page-box .content a:link, .home-page-box .content a:visited, .home-page-box .content a:hover, .home-page-box .content a:active, .home-page-box .content a:focus {
		color:#db5410;
		text-decoration:none;
	}

#home-page-boxes {
	background:transparent url(../images/boxes-bg.gif) left top no-repeat;
}

#home-page-boxes-btm {
	clear:both;
	margin:0;
	padding:0 0 20px;
	height:22px;		
	background:transparent url(../images/boxes-btm.gif) left top no-repeat;
}
	
	#content-container h2 a, #content-container h2 a:link, #content-container h2 a:active, #content-container h2 a:visited, #content-container h2 a:focus {
		color:#fff;
		text-decoration:none;
	}


.sidebar {
	margin:0 0 0 5px;
	width:200px;
	float:left;
	background-color:transparent;
}

/* ---------- LOGIN FORM ---------- */

form .checkbox label {
	width:154px;
	font-weight:400;
}

form .checkbox input {
	margin:0;
	padding:0;
	height:1.1em;
	vertical-align:middle;
}

form .field input.text {
	margin:0;
	padding:1px 0;
	height:1.2em;
	font-size:1.1em;
	color:#222;
}

form#MemberLoginForm_LoginForm .middleColumn {
	margin:0;
	padding:0;
	width:150px;
	float:left;
}

form .Actions input {
	margin:10px 0 0 145px;
}

form .Actions #ForgotPassword {
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
}

/* ---------- TWITTER --------- */

table.TwitterTimelineTable td {
	margin:0;
	padding:0;
}

table.TwitterTimelineTable td.tweet-meta {
	padding:0 10px;
	font-size:0.8em;	
	text-align:right;
	color:#999;
	border-bottom:1px solid #bbb;
}

table.TwitterTimelineTable td.tweet-meta a, table.TwitterTimelineTable td.tweet-meta a:link, table.TwitterTimelineTable td.tweet-meta a:visited, table.TwitterTimelineTable td.tweet-meta a:hover, table.TwitterTimelineTable td.tweet-meta a:active, table.TwitterTimelineTable td.tweet-meta a:focus {
	color:#777;
	text-decoration:none;
}

table.TwitterTimelineTable td.user-meta {
	padding:10px 5px 0 0;
	border-bottom:1px solid #bbb;
}

table.TwitterTimelineTable td.tweet {
	padding:10px 10px 5px;
	height:48px;
	overflow:hidden;
}

table.TwitterTimelineTable td.tweet span {
	font-size:1em;
	font-weight:700;
	color:#111;
}

#content-container ul.TwitterFollowers {
	margin:0;
	padding:0;
}

#content-container ul.TwitterFollowers li, ul.TwitterFriends li {
	margin:0 4px 4px 0;
	padding:0;
	line-height:normal;
	float:left;
	list-style-type:none;
}

#content-container ul.TwitterFollowers li img, ul.TwitterFriends li img {
	width:24px;
	height:24px;
}

#content-container ul.TwitterFollowers li span, ul.TwitterFriends li span {
	display:none;
}

/* ---------- GALLERY ---------- */

.gallery-image {
	display:block;
	margin:0 8px 16px 0;
	padding:0;
	width:100px;
	height:100px;
	float:left;
}

.sidebar img {
	display:block;
	margin-bottom:15px;
}

.gallery_overflow {
	display:none;
}


/* ---------- MEDIA PAGE ---------- */

div.media-content {
	display:none;	
}

a.media-link {
	display:block;
	margin:0 11px 22px 0;
	padding:0;
	width:145px;
	height:175px;
	float:left;
}

a.media-link:hover, a.media-link:focus {
	text-decoration:none;
}

a.media-link .h5 {
	display:block;
	color:#db5410 !important;
}

a.media-link img {
	display:block;
	margin:0 0 5px;
	padding:0;
	width:145px;
	height:145px;
}

/* ---------- CALENDAR ---------- */

.ue-item {
	clear:both;
}

.ue-item .meta {
	margin:0;
	pading:0;
	width:100px;
	min-height:20px;
	float:left;
	font-size:0.9em;
	color:#999;	
}

.ue-item .meta span.date {
	display:block;
	color:#444;	
}

.ue-item .summary {
	margin:0 0 0 10px;
	pading:0;
	width:350px;
	color:#444;
	float:left;
}

.ue-item .summary h5 {
	margin:0;
	padding:0 0 2px;
}


.ue-item .summary .more-link {
	text-align:right;
}

	
/* ---------- FOOTER ---------- */

#footer {
	clear:both;
	margin:0 auto;
	padding:5px 0;
	width:745px;
	font-size:1.1em;
}

body#home #footer {
	text-align:center;
}

.sponsor-01 {
	display:block;
	float:right;
	width:381px;
	height:72px;
	background-image:url(../images/sponsor_01.jpg);
}

.sponsor-01-page {
	margin-top:-20px;
	display:block;
	float:right;
	width:381px;
	height:72px;
	background-image:url(../images/sponsor_01.jpg);
}

/* ----------- NEWS ---------- */

.sidebar-image-caption {
	display:block;
	margin:-12px 15px 10px 0;
	color:#555;
	font-size:0.9em;
	text-align:right;
}

/* ---------- CUSTOMS ---------- */


#customs .content-column div#h2title h2 {
	margin:0;
	padding:0;
	background:none;
	height:auto;
	width:215px;
	float:left;
}

#customs #media-player {
	margin:0;
	padding:0;
	color:#9096bd;
	width:255px;
	line-height:22px;
	font-size:0.9em;
	text-align:right;
	float:left;
}

#customs #media-player object {
	margin:0;
	padding:0;
}