/****** FIT FOR PLAY, INC  Website Design and Management by CTS Solutions, LLC. **********************/

/************** Version: 2.5, February 2008 **********************/

/*******************************************************************General tags ****************************************************************************/
body{
font:76% Verdana,Tahoma,Arial,sans-serif;
background:white url(../images/wrap_background_diag2.png) fixed top center repeat-y;
color:#000000;
line-height:1.2em;
margin:0 auto;
padding:0;
}

#mainbox {
background:#CCCCCC;
color:#303030;
margin: 0 auto;
width: 970px;
}

#header_entire{height:auto;margin:0; padding:0; width:970px;}

#header_tippy_top{height:8px; margin:auto;background:#CCCCCC url(../images/top_bottom.png) repeat;}

#header_top_left{float:left;height:25px; width:15px;background:#0099FF url(../images/header_left2.gif);}

#header_top_middle{ height:25px; margin:0 auto;background:#0099FF url(../images/header_middle2.gif) top left repeat-x;}

#header_top_right{float:right;height:25px; width:15px;background:#0099FF url(../images/header_right2.gif);}

#headerbox1
{clear:both;width:970px;height:155px;background:#000000 url(../images/main_header_back2.png) bottom repeat;}

#header_bottom{height:15px; margin:0 auto;background:url(../images/topheader_shadow2.gif) top repeat;}

#mainnav_holder{height:35px; margin:auto;background:#0066FF url(../images/nav_holder_background1.png) repeat; border-top:solid 1px #333333; border-bottom:solid 2px #000000; }



#leftcol {
	float:left;
	width: 200px;
	margin-top:1px;
}


.leftcolcontent{
margin:5px 0;
padding:0px 8px 0 8px;
line-height:1.3em;
}


#middlecol {
background:#F4F4F4;
border-top:1px solid #000000;
margin: 5px 200px 10px 200px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 0 5px 0 5px;
line-height: 1.6em;
text-align: left;
}

#middleheader
{margin:0 auto;
padding:0;
}

#middlecontent{
margin:0 auto;
padding:5px;
}

#rightcol {
float: right;
width: 200px;
margin-top: 1px;
padding: 0;
}

#rightcolcontent{
margin:0px 0;
padding:0px 8px 0 8px;
}

.news_header{font-size:1.2em;font-weight:bold;color:#000000;margin:0 0 10px 0;padding:0 2px; text-decoration:underline;}
.upper_right_corner{font-size:11px;float:right; margin:6px 25px 4px 15px; color:#ffffff;}


/**SOLID COLOR BOXES**/
#colboxdkgray_top {margin:30px auto 0px auto; background:#666666 url(../images/colbox_dkgray_top.gif);height:10px;}
#colboxdkgray {margin:0px auto 0 auto; padding:3px; background:#666666;color:#ffffff; text-align:center;}
#colboxdkgray_bottom {margin:0px auto 0px auto; background:#666666 url(../images/colbox_dkgray_bottom.gif);height:10px;}


#colboxred_top {margin:30px auto 0px auto; background:#ff0000 url(../images/colbox_red_top.gif);height:10px;}
#colboxred {margin:0px auto 0 auto; padding:3px; background:#ff0000;color:#ffffff; text-align:center;}
#colboxred_bottom {margin:0px auto 0px auto; background:#ff0000 url(../images/col_box_bottom_red.gif);height:10px;}

#colboxlime_top {margin:30px auto 0px auto; background:#33FF00 url(../images/colbox_lime_top.gif);height:10px;}
#colboxlime {margin:0px auto 0 auto; padding:3px; background:#33FF00;color:#ffffff; text-align:center;}
#colboxlime_bottom {margin:0px auto 0px auto; background:#33FF00 url(../images/col_box_lime_bottom.gif);height:10px;}

/**Outlined boxes**/

#colboxblue_outline_top {margin:10px auto 0px auto; background:#DDDDDD url(../images/top_blue_outline.gif); height:10px; }
#colboxblue_outline {margin:0px auto 0 auto; padding:3px; background:#DDDDDD; border-left:2px #0099FF solid; border-right:2px #0099FF solid;}
#colboxblue_outline_bottom {margin:0px auto 0px auto; background:#DDDDDD url(../images/bottom_blue_outline.gif) no-repeat;height:10px;}

#colboxblack_outline_top {margin:10px auto 0px auto; background:#DDDDDD url(../images/top_black_outline.gif); height:10px; }
#colboxblack_outline {margin:0px auto 0 auto; padding:3px; background:#DDDDDD; border-left:2px #000000 solid; border-right:2px #000000 solid;}
#colboxblack_outline_bottom {margin:0px auto 0px auto; background:#DDDDDD url(../images/bottom_black_outline.gif) no-repeat;height:10px;}



/**HORIZONTAL NAVIGATION**/
#navlist_hor{
margin: 0px;
padding:0 0 0 0px;
}

#navlist_hor ul
{
list-style:none;
margin:0;
padding:0;
border:none;
}

#navlist_hor li
{
line-height:30px;
display:block;
margin:0;
padding:0;
float:left;
width:auto;
}


#navlist_hor a
{
font-size:12px;
display:block;
width:auto;
padding:2px 10px;
color: #ffffff;
text-decoration: none;
border-left:inset 2px #333333;
}

#navlist_hor span{
font-size:12px;
font-weight:bold;
display:block;
width:178px;
padding:2px 10px;
color: #ffffff;
text-decoration: none;
text-align:center;
border-left:inset 2px #333333;
background:#000000 url(../images/nav_hor_hover.gif);
}


#navlist_hor a:hover
{
background:#666666 url(../images/nav_hor_hover1.gif) repeat;
}

#navlist_hor #active a
{
color: #fff;
background:#666666 url(../images/nav_hor_hover1.gif) repeat;
}


/*******Vertical Navigation*******************************************************************************************/
ul#navlist_vert 
{
margin: 0 0 10px 0;
padding:0;
font-size:12px;
}

#navlist_vert li
{
background:#0066FF url(../images/nav_vert_link_back.gif) repeat;
height:20px;
list-style-type: none;
margin:0 0 2px 0;
border-bottom:2px solid #000000;
border-top:2px solid #000000;
}

#navlist_vert a {
padding:3px 5px;
display:block;
color: #ffffff;
text-decoration: none;
}

#navlist_vert a:hover
{
color: #fff;
background:#666666 url(../images/nav_vert_link_back_hover.gif) repeat;
}

#navlist_vert #active a {
color: #fff;
background:#666666 url(../images/nav_vert_link_back_hover.gif) repeat;
}

/**various text styles**/
a{text-decoration:none;color:#4189DB;font-weight:bold;}
a:hover{text-decoration:underline;}
a img{border:0;}
p{margin:0 0 10px 0px;}
ul,ol,dl{font-size:0.9em; margin:2px 0 0px 8px;}
ul ul,ol ol{margin:4px 0 4px 8px;}

h1{font-size:1.3em;margin:0 0 15px 0;color:#333333;}

h1 a{text-transform:none;}

h2{font-size:1.3em;color:#FFFFFF;background:#0099FF;border-bottom:1px solid #4189DB;padding:2px 2px 2px 5px;margin:0 0 10px 0; }

h3{font-size:1.3em;font-weight:bold;color:#333333;margin:0 0 10px 0;padding:0 2px; text-decoration:underline;}

h4{font-size:1.1em;font-weight:bold;color:#0099ff;margin:3px 0; text-align:center;background:#000000 url(../images/column_headers_background.gif) repeat; height:20px;}

h5{font-size:1.3em;background:#FF0000;color:#ffffff;padding:2px 2px 2px 5px;margin:0 0 10px 0; text-align:center;}

blockquote{font-size:0.9em;border:1px solid #dadada;margin:20px 10px;padding:8px;}

/******************************************************************END OF HEADER AREA***********************************************************/


/************************************Left Sidebar*********************************************************/
#sidebarl{float:left;width:100px;background:#ffffff;margin:15px 25px 20px 0;padding:0px 2px 0 2px;}

#sidebarl ul{list-style:none;font-size:0.9em;margin:0;padding:0 0 15px 10px;}

#sidebarl li{list-style:none;margin:0 0 4px 0;padding:0;}

#sidebarl li a{font-size:1.2em;font-weight:bold;padding:2px;}

#sidebarl ul ul{margin:4px 0 3px 15px;line-height:1.2em;padding:0;}

#sidebarl ul ul li a{font-weight:normal;}

#sidebarl h2{margin:3px 0px 8px 0px;}


/******************************************************************** Sidebar ******************************************************************/

#sidebar{float:right;width:100px;background:#ffffff;margin:15px 25px 20px 0;padding:0px 2px 0 2px;}

#sidebar ul{list-style:none;font-size:0.9em;margin:0;padding:0 0 15px 10px;}

#sidebar li{list-style:none;margin:0 0 4px 0;padding:0;}

#sidebar li a{font-size:1.2em;font-weight:bold;padding:2px;}

#sidebar ul ul{margin:4px 0 3px 15px;line-height:1.2em;padding:0;}

#sidebar ul ul li a{font-weight:normal;}

#sidebar h2{margin:3px 0px 8px 0px;}

/*****************************************************************Content and variation***********************************************************/
#content{line-height:1.5em;background-color:white;width:550px;float:left;text-align:left;padding:0 1px 8px 1px;margin:15px 15px 20px 25px;}

#content_nav_tabbed
{padding:10px 0px 3px 20px;margin:0 0px 20px 0px;border-bottom:1px solid #808080;font:bold 10px Verdana, sans-serif;}

#content_nav_tabbed li
{list-style:none;margin:0;display:inline;}

#content_nav_tabbed li a
{color:#FFFFFF;padding:3px 0.5em;margin-left:0px;border:1px solid #808080;border-bottom:none;background:#0099ff;text-decoration:none;}

#content_nav_tabbed li a:hover
{color:#FFFFFF;background:#333333;border-color:#CCCCCC;}

#content_nav_tabbed #active a
{color:#000000;background:#F4F4F4;border-bottom:1px solid #F4F4F4;font-size:12px;}

#contentalt{line-height:1.5em;width:750px;float:right;text-align:left;margin:30px 0 0 0;padding:0;}


#content h3, #contentalt h3{margin:10px 0 8px;}

#priceholder{font-size:1.1em;margin:0;padding:10px 0 0 35px;}

/***************************************************************** Footer ***********************************************************************/

#footer_top{clear:both; width:970px; background:#0099FF; height:3px;}
#footer{clear:both;text-align:center;color:#808080;font-size:0.9em; border-top:2px #0066CC solid;margin:0 auto 0 auto;padding:3px 0;line-height:1.5em;background:#666666;}

#footer_left{float:left;height:13px; width:14px;background:#666666 url(../images/footer_left_corn.gif);}

#footer_middle{height:13px;margin:0 14px 0 14px;background:#666666;}

#footer_right{float:right; width:14px;height:13px;background:#666666 url(../images/footer_right_corn.gif);}

#reflection_left{float:left;height:72px; width:15px;background:#cccccc url(../images/reflection_left.gif);}

#reflection_middle{height:72px; margin:auto;background:#cccccc url(../images/reflection_middle.gif);}

#reflection_right{float:right; width:15px;height:72px;background:#CCCCCC url(../images/reflection_right.gif);}


#footer_bottom{width:970px; background:#CCCCCC url(../images/top_bottom.png); height:20px;}

#footer p{margin:0; padding:0;}
#footer a{color:#fefefe;}

/*********************************************************************END OF MAIN WRAP AREA******************************************************/
  
/********************************************************************* Various classes **********************************************************/
.box{color:#808080;font-size:0.9em;background-color:#F3F3F3;border:1px solid #c8c8c8;line-height:1.3em;margin:10px auto 8px auto;padding:2px 5px 2px 5px;}
.box a{color:#4189DB;}

.box_green{text-align:center; color:#FFFFFF; font-size:.9em; background:#2ABF55; line-height:1.3em; margin:10px auto 8px auto; padding:2px 5px 2px 5px; border-top:#000000 1px solid; border-bottom:#000000 1px solid;}
.box_green a{color:#FFFFFF; text-decoration:none;}

.box_black{text-align:center; color:#FFFFFF; font-size:.9em; background:#000000 url(../images/nav_hor_hover.gif); line-height:1.3em; margin:4px auto 0px auto; padding:10px; border-top:#999999 3px solid; border-bottom:#999999 3px solid;}

.box_red{text-align:center; color:#FFFFFF; font-size:.9em; background:#BB0000; line-height:1.3em; margin:5px auto 8px auto; padding:2px 5px 2px 5px; border-top:#F6F6F6 1px solid; border-bottom:#F6F6F6 1px solid;}
.box_red a{color:#FFFFFF; text-decoration:none;}

.box_gray{text-align:center; color:#333333; font-size:.9em; background:#E3E3E3; line-height:1.3em; margin:5px auto 8px auto; padding:2px 5px 2px 5px; border:#333333 2px solid;}


.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 25px 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:left; margin:10px 0px 15px 0;padding:0 auto;}
.readmore_zero_bottom {text-align:left; margin:10px 0px 0px 0;padding:0 auto;}
.logo{float:left;margin:0;padding:6px 30px 0 20px;}
.live{float:right;margin:85px 40px 0 0;padding:0; font-size:1.5em;}
.slogan{font-style:italic;font-weight:bold;font-size:1.6em;line-height:1.7em}

.center{text-align:center;}
.blue{color:#4088b8;}
.red{color:#FF0000;}
.bigred{font-size:1.3em;color:#FF0000;}
.big{font-size:1.3em;color:#333333;}
.bigger{font-size:1.3em; font-weight:bold;color:#333333;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.linktext{float:right;margin:25px 85px 4px 10px;padding:2px;font-size:1em;color:#ffffff; font-style:italic;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}
.white{color:#ffffff;}
.medgray{color:#666666;}
.brightblue{color:#0099FF;}


.photo{border:1px solid #bababa;padding:2px;background-color:#ffffff;margin:6px 18px 2px 5px;}





.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../../FFP_Website_08/images/background_greyfade3.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;color:#000000;
}

.dialog h1 {
 padding-bottom:0px;
}