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

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-size: 62.5%;
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
	color: #505050;
	background-image: url(images/fortfun-bg.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
}

#wrapper {
	width: 812px;
	height: auto;
	margin: 0 auto;
	padding: 0;	
}

img {
	border: none;
}



/* PAGE BACKGROUNDS */

.xsmall-bg {
	background-image: url(images/fortfun-bg-xsmall_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.small-bg {
	background-image: url(images/fortfun-bg-small_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.medium-bg {
	background-image: url(images/fortfun-bg-medium_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.large-bg {
	background-image: url(images/fortfun-bg-large_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.xlarge-bg {
	background-image: url(images/fortfun-bg-xlarge_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.xxlarge-bg {
	background-image: url(images/fortfun-bg-xxlarge_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* END OF PAGE BACKGROUNDS */




/* HEADER */

#wrapper-header {
	width: 812px;
/*	min-height: 170px;*/
	min-height: 200px;
	margin: auto;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(images/fortfun-header-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header-logo {
	float: left;
	margin: 0;
	padding: 20px 0px 0px 15px;
	height: 160px; /* FOR IE5 */
	width: 145px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 140px; /* proper value */
	width: 130px; /* proper value */
}

#wrapper-header h1 {
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
}

.title-homepage-heading {
	float: left;
	padding: 90px 0 0 0;
	background-image: url(images/fortfun-header-h1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 500px;
	margin: 40px 0px 0px 10px;
	overflow: hidden;
	display: block;
	height: 0px; !important; /* for most browsers */
	height: /**/ :90px; /* for IE5/Win */
}

#header-navigation {
	clear: both;
	float: left;
	margin: 8px 25px 0 25px;
	padding: 0;
	width: 760px;
}

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0 0.6em 0 0.6em;
	font-size: 1.1em;
	line-height: 1.0;
	text-transform: uppercase;
	font-weight: bold;
	list-style: none;
	display: inline;
}

#nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav li a.selected {
	color: #FFE63C;
}

#nav li a:hover {
	color: #FFE63C;
	border-bottom: 1px solid #FFE63C;
}


/* END OF HEADER */





/* CONTENT SECTION */

#wrapper-main_frame {
	width: 800px;
	margin: 0px 6px;
	padding: 0 0 0 0;
	float: left;
}

#wrapper-left_column {
	float: left;
	padding: 15px 0 0 15px;
	width: 545px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 530px; /* proper value */
}

#wrapper-right_column {
	float: left;
/*	width: 255px;*/
	width: 245px;
	padding: 15px 0 0 0;
}



.wrapper-banner {
	float: left;
	padding: 0 0 15px 0;
	margin: 0;
}


.highlight-midblue {
	color: #008CDC;
}

.small_copy {
	font-size: 0.85em;
	line-height: 1.3;
}

/* END OF CONTENT SECTION */







/* OTHER SMALL, MEDIUM & LARGE CONTENT */

#wrapper-main_story-xsmall {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 14px;
	min-height: 540px;
	width: 494px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px; /* proper value */
}

#wrapper-main_story-small {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 14px;
	min-height: 640px;
	width: 494px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px; /* proper value */
}

#wrapper-main_story-medium {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 14px;
	min-height: 860px;
	width: 494px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px; /* proper value */
}

#wrapper-main_story-large {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 14px;
	min-height: 1060px;
	width: 494px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px; /* proper value */
}

#wrapper-main_story-xlarge {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 14px;
	min-height: 1260px;
	width: 494px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px; /* proper value */
}

#wrapper-main_story-xxlarge {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 14px;
	min-height: 1500px;
	width: 494px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px; /* proper value */
}

#wrapper-main_story-xsmall h2, #wrapper-main_story-small h2, #wrapper-main_story-medium h2, #wrapper-main_story-large h2, #wrapper-main_story-xlarge h2, #wrapper-main_story-xxlarge h2 {
	text-align: left;
	font-size: 2.5em;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #008CDC;
}

#wrapper-main_story-home h2.h2-in_copy, #wrapper-main_story-xsmall h2.h2-in_copy, #wrapper-main_story-small h2.h2-in_copy, #wrapper-main_story-medium h2.h2-in_copy, #wrapper-main_story-large h2.h2-in_copy, #wrapper-main_story-xlarge h2.h2-in_copy, #wrapper-main_story-xxlarge h2.h2-in_copy {
	padding: 16px 0 0 0;
}

#wrapper-main_story-home h3, #wrapper-main_story-xsmall h3, #wrapper-main_story-small h3, #wrapper-main_story-medium h3, #wrapper-main_story-large h3, #wrapper-main_story-xlarge h3, #wrapper-main_story-xxlarge h3 {
	text-align: left;
	font-size: 1.9em;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 2px 0;
	color: #008CDC;
}

#wrapper-main_story-home h4, #wrapper-main_story-xsmall h4, #wrapper-main_story-small h4, #wrapper-main_story-medium h4, #wrapper-main_story-large h4, #wrapper-main_story-xlarge h4, #wrapper-main_story-xxlarge h4 {
	text-align: left;
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 0;
	color: #505050;
}

#wrapper-main_story-home h5, #wrapper-main_story-xsmall h5, #wrapper-main_story-small h5, #wrapper-main_story-medium h5, #wrapper-main_story-large h5, #wrapper-main_story-xlarge h5, #wrapper-main_story-xxlarge h5 {
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0px 0 5px 0;
	color: #505050;
}

#wrapper-main_story-xsmall p, #wrapper-main_story-small p, #wrapper-main_story-medium p, #wrapper-main_story-large p, #wrapper-main_story-xlarge p, #wrapper-main_story-xxlarge p {
	font-size: 1.2em;
	line-height: 1.4;
	margin: 0;
	padding: 0 0 12px 0;
}

#wrapper-main_story-xsmall p a, #wrapper-main_story-small p a, #wrapper-main_story-medium p a, #wrapper-main_story-large p a, #wrapper-main_story-xlarge p a, #wrapper-main_story-xxlarge p a {
	font-weight: bold;
	text-decoration: underline;
	color: #505050;
}

#wrapper-main_story-xsmall p a:hover, #wrapper-main_story-small p a:hover, #wrapper-main_story-medium p a:hover, #wrapper-main_story-large p a:hover, #wrapper-main_story-xlarge p a:hover, #wrapper-main_story-xxlarge p a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #008CDC;
}

/* END OF OTHER SMALL, MEDIUM & LARGE CONTENT */









/* FOOTER */

#wrapper-footer {
	clear: both;
	float: left;
	background-image: url(images/fortfun-footer-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 6px 0px 6px;
	padding: 15px 15px 8px 15px;
	width: 800px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 770px; /* proper value */
}

#wrapper-footer p {
	padding: 0;
	margin: 0 0 4px 0;
	color: #000000;
	font-size: 1.3em;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
}

#wrapper-footer p a {
	color: #000000;
	text-decoration: none;
}

#wrapper-footer p a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}


#wrapper-base-nav {
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 770px;
	text-align: center;
}

#base-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#base-nav li {
	margin: 0 0.6em 0 0.6em;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.0;
	text-transform: uppercase;
	font-weight: bold;
	list-style: none;
	display: inline;
}

#base-nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

#base-nav li a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}

/* END OF FOOTER */



/* WPKD FOOTER */

#wrapper-wpkd_footer {
	clear: both;
	float: left;
	margin: 0 6px;
	padding: 0px 15px 0px 15px;
	background: #000000;
	width: 800px; /* FOR IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 770px; /* proper value */
}

#wrapper-wpkd_footer_left {
	float: left;
	display: block;
	padding: 7px 0 4px 0;
	background: #000000;
	width: 530px;
	line-height: 1.0;
}

#wrapper-wpkd_footer_right {
	float: right;
	display: block;
	padding: 0;
	height: 30px;
	line-height: 30px;
	width: 230px;
	background: #000000;
}

#wrapper-wpkd_footer p {
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}


#wrapper-wpkd_footer_right p {
	text-align: right;
}

#wrapper-wpkd_footer p a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#wrapper-wpkd_footer p a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}