body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:7px 0 7px 0 ;
	background:#7F7F7F url(http://www.familylearningsolutions.com/img/backMain.gif) repeat-x top; 
	font-size: 11px; 
	line-height: 14px;
}
/* start global styles */
h1 {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #392F69; /* Primary */
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0px 6px 0px;
	padding: 0px;
}

h3.first {
	margin: 0px;
}	

h3.backToTop{
	display: block;
	margin: 26px 25px;
}


p {
	font-size: 11px;
	margin: 0px;
	padding:0 0 7px 0;
	}
p.intro {
	margin-bottom: 20px;
}

.bold{
	font-weight: bold;
}
	
.textFloat {
	padding-left: 10px;
	margin-left: 204px;
}

.textFloat h2{
	margin-top: 0px;
}
	
ul {
	list-style-type: square; 
	font-size: 11px;
	margin: 10px 0px;
	padding-left: 14px;
}
ul.bold {
	font-weight: bold;
}
ul.noBullet {
	list-style-type: none; 
	font-weight: bold;
	padding-left: 0px;
}


ul.bold li {
	margin-top: 4px; 
}
ul.noBullet li{
	margin-top: 4px; 
}

a[href^="http:"] {  /**** sets all external links to indicate they are external ***/
	background: url(http://www.familylearningsolutions.com/img/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

a[href^="http://www.familylearningsolutions.com"], a[href^="http://familylearningsolutions.com"] {  /**** clears all absolute internal links ***/
	background-image: none;
	padding-right: 0;
}

a[href^="http://hip.pclc"] {  /**** clears all polk country library links ***/
	background-image: none;
	padding-right: 0;
}

a[href^="mailto:"] {  /**** sets all mailto links to indicate they are email links ***/
	background: url(http://www.familylearningsolutions.com/img/mailToLink.gif) no-repeat right top;
	padding-right: 15px;
}

a.tooltip {
	position:relative;
}

a.tooltip span {
	display:none;
}

a.tooltip:hover span {
	display:block;
	position:absolute;
	top:-1.5em;
	left:4em;
	padding:0.2em 0.6em;
	border:1px solid #996633;
	background-color: #CCFFFF;
	color:#000000;
}

a.tooltip:hover {
	font-size:100%; /* fixes bug in IE 5.x Win */
}

/**************** Border *****************/

#pageWrapper {
	width: 750px;
	margin:0 auto;
}
#outerBorder {
	background-color: #FFFFFF; /* white */
	padding: 10px 9px 10px 9px;
	width:734px;
}

.spacerHorizontalHome {
	width:100%;
	vertical-align:top;
	background-color: #FFFFFF; /* white */
}

.SpacerHorizontal {
	background-color: #A5A0FA; /* Tertiary */
}
/**************** Header *****************/
#header {
	border-top: 5px solid #392F69; /* Primary */
	background:url(http://www.familylearningsolutions.com/img/BelowHeader.jpg) no-repeat bottom right;
	background-color: #2C2C2E; /* Neutral Black */
	color: #E2E3ED; /* Neutral Light */
	padding: 25px;
	vertical-align:middle;
}

#header img {
	margin-top: -22px;
	float:left;
	padding:0 10px 0 0;
	border:0 solid #ffffff;
}

#siteName {
  font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}

#siteDescription {
	font-size: 11px;
}

#tagLine {
  font-size: 12px;
	font-style: italic;
	line-height: 18px;
}

/**************** Top Nav *****************/

#topNav {
	background-color: #D85F0E; /* Secondary */
	color: #FFFFFF; /* Hard Coded No Matter What Color Pallette */
	border-bottom:0px solid #ffffff; 
}

.topNavBody {
	padding: 25px 10px 5px 10px;
	white-space: nowrap;
	background: url(http://www.familylearningsolutions.com/img/TopNav_Background.jpg) bottom left no-repeat; 
}

.topNavBodySub {
	padding: 7px 10px 5px 10px;
	white-space: nowrap;
	background: url(http://www.familylearningsolutions.com/img/TopNav_Background.jpg) bottom left no-repeat; 
	border-bottom: 5px solid #2C2C2E;
}
/* Top Navigation Classes */
#topNavigation {
	font-size: 11px;
	font-weight: bold;	
	white-space: nowrap;
	padding-right: 15px;
	padding-left: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:0;
	padding:0;
	list-style:none;
}

#topNavigation li {
	float:left;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

.topNav a, 
.topNav a:link, 
.topNav a:visited, 
.topNav a:active, 
.topNav a:hover {
	display:block;
	text-decoration: none;
	background: none;
	margin-bottom: 2px;
	color: #FCE8CB;
}

.topNav a:hover {
	margin-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	color: #FFFFFF; /* Global White */
	border-bottom-color: #FFFFFF; /* Global White */
}
/**************** Content - Home Page *****************/
#wrapperTop {
	background-color:#2C2C2E; /* Neutral Black */
	border-bottom: 1px solid #ffffff;
}

#imageBodyHome {
	width:514px;
	height: 284px;
	float:left;
	vertical-align: middle;
	text-align: center;
	background-color: #2C2C2E; /* Neutral Black */

}

#imageBodyHome img {
	float:right;
}

#sideNavWrapperHome {
	width: 218px;
	height:280px;
	float:right;
	vertical-align: top;
	border-top: 4px solid #2C2C2E; /* Neutral Black */
	background-color: #F2F2F2;	/* B9BAC2 Neutral Grey */
}

.sideNavBodyHome {
	vertical-align: top;
	padding: 3px;
	color: #000000; /* Global White */
}

.sideNavBodyHome h2 {
	font-size: 14px;
	font-weight: bold;
	color:#2D00B3;
	padding:0 0 7px 0;
}

.sideNavBodyHome a {
	color: #332151; /* Text Dark */
	font-weight: normal;
	text-decoration: underline;
}

.sideNavBodyHome dl {
 margin-top:-2px;
}

.sideNavBodyHome dt {
 margin:3px 0 0 3px;
 padding:3px 0 3px 3px;
 font-weight:bold;
 color:#400080;
 background:#ffffff;
 border-bottom:1px solid #C2C2C2;
 border-right:1px solid #C2C2C2;
}

.sideNavBodyHome dd {
 margin-left: 7px;
 color: #000000;
 padding-bottom:3px;
}

#wrapperBottom {
	background: url(http://www.familylearningsolutions.com/img/bottom_back.jpg);
	border-bottom:2px solid #ffffff;
}


#resourcesHome {
	float:left;
	width:475px;
	padding: 15px 15px 15px 15px;
	vertical-align: top;
	color: #E2E3ED; /* Neutral Light */
	font-size: 10px;	}


.featured {
	width: 31%;
	float:left;
	text-align: left;
	padding-right: 11px;
}


.featured h2 {
	color:#FFFFFF;
	padding-bottom:1.5em;
}
.featured h3 {
	color:#FFFFFF;
	padding-top:1.5em;
	padding-bottom: 7px;
}

.featured a {
	color: #FFFFFF; /* Global White */
	text-decoration: underline;
}

.featured2 {
	margin:35px auto 0 auto;
}

#sideCellHome {
	width: 213px;
	float:right;
	height:100%;
	vertical-align: top;
	padding: 0px 0px 15px 15px;
	color: #E2E3ED; /* Neutral Light */
	font-size: 10px;	
}

.contentBodyHome {
	vertical-align: top;
	padding: 12px;
	color: #FFFFFF; /* Global White */

}

.contentBodyHome h2 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF; /* Global White */
	padding:0 0 3px 0;
}

.contentBodyHome p {
 color: #E2E3ED; /* Neutral Light */
}

.contentBodyHome p a {
 color: #FCE8CB; /* Nav Light */
	}

.contentBodyHome a:link, 
.contentBodyHome a:visited, 
.contentBodyHome a:hover, 
.contentBodyHome a:active {
	color: #FCE8CB; /* Nav Light */
	font-weight: normal;
	text-decoration:none;
	line-height: 18px;
}

.contentBodyHome a[href^="http:"] {  /**** sets all external links to indicate they are external ***/
	background: url(http://www.familylearningsolutions.com/img/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

.contentBodyHome a[href^="http://www.familylearningsolutions.com"], a[href^="http://familylearningsolutions.com"] {  /**** clears all absolute internal links ***/
	background-image: none;
	padding-right: 0;
}

.contentBodyHome a[href^="mailto:"] {  /**** sets all mailto links to indicate they are email links ***/
	background: url(http://www.familylearningsolutions.com/img/mailToLink.gif) no-repeat right top;
	padding-right: 15px;
}


/**************** Footer *****************/
.aboveFooter {
	background-color: #D85F0E; /* Secondary */
}

#footerLinks{
	padding-top:15px;
	white-space:nowrap;
	text-align:center;
}

.clear {
	clear:both;
	height:1px;
}
