/*
Filename: subStyle.css
Created on: January 04, 2007
Created by: Blair Limcangco
Email: bslimcangco@dos.state.fl.us
Phone: 850.245.6443

Last Modified on: January 04, 2007

Change Log:
January 04, 2007
-Page Created
*/

@import "calendar.css";

html {
	background: #e8ddb1 url(../../images/2007/reverseBackground.jpg) repeat-x;

}

body {
	text-align:center;
	font-size:12px;
	font-family:verdana;
	color: #444444;
}

#box {

}

a {
	text-decoration:none;
	color:#37628d;
}

h3 {
	font-size:16px;
}

a:hover {
}

#menuPane {

	margin:0 auto;
	width:702px;
	height:24px;
	padding:0px;
	background:url(../../images/2007/menuBar.jpg) no-repeat;
}

#menuPane ul {
margin:0px;
padding-top:5px;
padding-left:0px;
}

#menuPane ul li {
	font-size:11px;
	list-style:none;
	display:inline;
	padding-left:7px;
	padding-right:7px;
}



#headerBanner {
	margin:0 auto;
	width:702px;
	height:130px;
	background:url(../../images/2007/fhm_banner.jpg) no-repeat;
}

#headerBanner span {
	display:none;
}

#mainPane {
	padding-top:0px;
	margin:0 auto;
	width:702px;
	background:#ffffff url(../../images/2007/bottomPane.jpg) no-repeat bottom;
	padding-bottom:27px;
	position:relative;

}

#subPane {
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	border-left:1px #a2a2a2 solid;
	border-right:1px #a2a2a2 solid;
	width:680px;
	padding-bottom:20px;
	text-align:left;
	  height:auto !important;
		 height:825px;
	  min-height:825px;
	display:overflow;
}

.titleBar {
	width:479px;
	height:41px;
	background:#fff url(../../images/2007/titleBar.jpg) no-repeat;
	padding-top:10px;
	padding-left:20px;
	margin:0px;
	text-align:left;
}

.titleBar span H2{
	font-size:14px;
	font-weight:bold;
	color:#37628d;
	padding:0px;
	margin:0px;
}

.innerBox strong {
color:#37628d;
}



.titleBar span {
	font-size:14px;
	font-weight:bold;
	color:#db611e;
}

.contentBox {
	background:#fff url(../../images/2007/boxTop.gif) no-repeat top;
	padding-top:12px;
	width:474px;
	display:block;
	float:left;
}

.contentBox2 {
	width:474px;
	display:block;
	float:left;
}

.innerBox {
	background:#FAF8FF;
	width:452px;
	border-left:1px #e6e6e6 solid;
	border-right:1px #e6e6e6 solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.innerBox a {
	color:#c76c3b;
}


.bottomBox {
	background:#fff url(../../images/2007/boxBottom.gif) no-repeat bottom;
	width:474px;
	height:15px;

}

.sideBox {
	background:#fff url(../../images/2007/sideBarTop.jpg) no-repeat top;
	width:201px;
	float:right;
	right:5px;
	top:25px;
	padding-top:4px;
	text-align:right;
	margin-right:-4px;
	margin-top:-50px;
}

.sideBoxTitle {
	font-weight:bold;
	color:#db611e;
	text-align: center;
}

.sideBoxContent {
	padding-bottom:18px;
	display:block;
	margin-top:4px;
	border-left:1px #dadada solid;
	border-right:1px #dadada solid;
	border-top:1px #dadada solid;
	border-bottom:1px #dadada solid;
	width:189px;
	padding:5px;
	background:#faf8ff;
	text-align:center;
}

.moreInfo a{
	color:#db611e;
}

.subtitle2 {
	color:#220B4F;
}

#bookAwards ol li {
margin-bottom:14px;
}

/* ******************************************************************
		Clearfix
		This allows for proper div extension when the div contains a floated object
		Call this in the container holder the floated object in order
		to have it properly extend to match the floated div. 
****************************************************************** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */