/* CSS Copyright of HEFM */

/* Basic HTML Elements */
* { margin: 0px;
	padding: 0px;
	border: 0px;}

html {	min-height:100%;
		margin-bottom:1px;}	

body {	background: url(http://www.homeeducatingfamilypublishing.com/images/page_bg.png) center top no-repeat #FFFFFF;
		font-family: Arial, Helvetica, sans-serif; 
		color:#666666;}

p {	font-size: 11px; margin-top: 5px; margin-bottom: 5px; line-height:140%;}

h3 span {	display:none}

li {list-style-type: none;}

a:link, a:active, a:hover, a:visited { 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	color:#666666;
	text-decoration:none;}




#container {	width:850px;
				margin: 0 auto;
				background: url(http://www.homeeducatingfamilypublishing.com/images/container_bg.gif) repeat-y top left;
				position:relative;}


/****************   HEADER   ****************/

#header {background: #FFFFFF; margin-right:1px;}

/* Image Replacement for Header */
#header h1 {	margin:0px;
				background: url(http://www.homeeducatingfamilypublishing.com/images/header_bg.gif) no-repeat top left; 
				width: 829px; 
				height: 165px;}
				
#header h1 span {	display:none;}

#headerBar {	background: url(http://www.homeeducatingfamilypublishing.com/images/topBar_bg.jpg) no-repeat top left; 
				height:58px;
				line-height:58px;
				width:820px;
				margin: 0px 10px 0px 10px;
				font-size: 12px; 
				padding-right:10px;
				color:#FFFFFF;
				text-align:right;}

#headLinks {	margin-right: 20px;}

a.headBarLink{	color:#FFFFFF; vertical-align:middle; padding:5px;}				

/****************   END HEADER   ****************/

/****************   LEFT HAND SIDE BAR   ****************/

#sidebar {	width: 240px;
			margin-top:-100px;
			padding:10px;
			background: url(http://www.homeeducatingfamilypublishing.com/images/sideBar_bg.gif) repeat-y top left #C9D6B6;
			float: left;}

.sideBarItem {	border: #E3EAD9 10px solid; 
				width: 190px; 
				margin-left: 10px;
				background: #FFFFFF;
				margin-bottom:10px;
				padding:10px;}
				
#portfolio_preview div
{
	width: 50px;
	height: 45px;
	border: 4px solid #ddd;
	overflow: hidden;
	float: left;
	margin: 0 4px 20px 4px;
}
#portfolio_preview div.active
{
	border: 4px solid #B5DC10;
}

#portfolio_preview1 div
{
	width: 50px;
	height: 45px;
	border: 4px solid #ddd;
	overflow: hidden;
	float: left;
	margin: 0 4px 20px 4px;
}
#portfolio_preview1 div.active
{
	border: 4px solid #B5DC10;
}


#homeWelcome {	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}	
				
#homeWelcome p {margin-bottom: 15px;}				

#homeWelcome h3 {	margin: -10px 0px 0px -10px;
					background: url(http://www.homeeducatingfamilypublishing.com/images/welcomeHead.gif) no-repeat top left; 
					width: 179px; 
					height: 54px; }
#checkUsOut {	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}
									
#checkUsOut h3 {	margin: -10px 0px 0px -10px;
					background: url(http://www.homeeducatingfamilypublishing.com/images/checkusoutHead.gif) no-repeat top left; 
					width: 179px; 
					height: 54px; }
					
#howWeWork {	border: none;
				width: 210px;
				margin-top: -10px;}
									
#howWeWork h3 {	margin: -10px 0px 0px -10px;
					background: url(http://www.homeeducatingfamilypublishing.com/images/howWeWorkHead.gif) no-repeat top left; 
					width: 179px; 
					height: 54px; }
					
#youMight {	border: none;
				width: 210px;
				margin-top: -10px;}
									
#youMight h3 {	margin: -10px 0px 0px -10px;
					background: url(http://www.homeeducatingfamilypublishing.com/images/youMightHead.gif) no-repeat top left; 
					width: 179px; 
					height: 54px; }
					
#whoWeWorkFor {	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}
									
#whoWeWorkFor h3 {	margin: -10px 0px 0px -10px;
					background: url(http://www.homeeducatingfamilypublishing.com/images/whoWeWorkForHead.gif) no-repeat top left; 
					width: 179px; 
					height: 54px; }

#whoWeWorkFor1 {	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}
									
#whoWeWorkFor1 h3 {	margin: -10px 0px 0px -10px;
					background: url(http://www.homeeducatingfamilypublishing.com/images/freebies.gif) no-repeat top left; 
					width: 179px; 
					height: 54px; }
					
#whereWeAre {	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}
									
#whereWeAre h3 {	margin: -10px 0px 0px -10px;
					background: url(http://www.homeeducatingfamilypublishing.com/images/whereWeAreHead.jpg) no-repeat top left; 
					width: 179px; 
					height: 48px; }		
					
#homePopIn { 	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}				
														
#homePopIn h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/currenttitle.gif) no-repeat top left; 
				height: 30px; }

#homePopIn p {line-height: 210%;}

#homePopIn2 { 	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}				
														
#homePopIn2 h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/newsletter.jpg) no-repeat top left; 
				height: 30px; }

#homePopIn2 p {line-height: 210%;}

#homePopIn3 { 	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}				
														
#homePopIn3 h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/requestsampletitle.jpg) no-repeat top left; 
				height: 30px; }

#homePopIn3 p {line-height: 210%;}

#contactUs h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/dropUs.gif) no-repeat top left; 
				height: 30px; }

#contactUs p {line-height: 180%;}

#clientExtranet h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/clientExtranet.gif) no-repeat top left; 
				height: 30px; }

#clientExtranet p {line-height: 180%; font-size:100%; padding-left:10px;}

#fancyaQuote { 	border: #E3EAD9 2px solid; 
				width: 206px;
				margin-top: -10px;}	

#fancyaQuote h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/fancyaquote.gif) no-repeat top left; 
				height: 30px; }
				
#fancyaQuote p {line-height: 210%;}

#whatTheySaid h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/whatTheySaid.gif) no-repeat top left; 
				height: 30px; }
				
#whatTheySaid p {line-height: 210%;}



#homeHiring h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/wereHiring.gif) no-repeat top left; 
					height: 30px; }		
					
ul.jobList li { background:url(http://www.homeeducatingfamilypublishing.com/images/chevBullet.gif) no-repeat left;
				padding-left: 10px;}

ul.jobList li a { font-size:11px;}


				

/****************   END SIDEBAR   ****************/

/****************   MAIN CONTENT SECTION CONTAINER   ****************/

#mainContent {	padding: 0px 0px 0px 240px;
				margin:0px;}

#pageContent {	margin:-1px 0px 0px 0px;
				background:url(images/contentShaded_bg.gif) repeat-y left top;}

#mainText { padding: 10px 10px 10px 35px;
			font-size:80%;
			height: auto;}
			
			
#mainText h3 {
		font-size:1.5em;	
		border: #F3F5EF 8px solid; 
		width: 520px;
		background: #F3F5EF;
		margin:36px 0px 10px 0px;
		padding: 10px 10px 10px 10px;
		color:#666666;
		font-weight:normal;}
		
#mainText h4 {
		font-size:1.2em;	
		color:#3c8095;
		font-weight:normal;
		padding:20px 0px 0px 10px;
		}
				
#mainText h5 {
		font-size:1.0em;
		color:#666666;
		font-weight:normal;
		padding:10px 10px 10px 10px;
		line-height: 190%;
		}
#mainText h6 {
		font-size:1.2em;	
		border: #F3F5EF 8px solid; 
		width: 520px;
		background: #F3F5EF;
		margin:36px 0px 10px 0px;
		padding:10px 10px 10px 10px;
		color:#666666;
		font-weight:normal;}
		
#mainText h7 {
		font-size:1.3em;	
		border: #F3F5EF 8px solid; 
		width: 520px;
		background: #F3F5EF;
		margin:36px 0px 10px 0px;
		padding:10px 10px 10px 10px;
		color:#666666;
		font-weight:normal;}
		
#mainText h8 {
		font-size:14px;	
		color:#3c8095;
		font-weight:bold;
		padding:10px 0px 10px 0px;
		}
		
				
#mainText h9 {
		font-size:12px;	
		color:#3c8095;
		font-weight:bold;
		padding:10px 0px 10px 0px;
		margin-bottom: 3px;
		}
		
#mainText h10 {
		font-size:11px;	
		color:#3c8095;
		font-weight:normal;
		font-style:italic;
		padding:10px 0px 10px 0px;
		margin-bottom: 3px;
		}
		
		
#mainText a { color: #3c8095; padding-left:0px; }
#mainText a:hover { color: #666; }

		
#contentTagLine {}

/****************   Author Lisitng   ****************/

#pageContent .author_listing 		{ margin:0; padding:0; height:auto; min-height:205px; width:555px; border-top:8px solid #F3F5EF; font-size:12px; line-height: 18px; }
#pageContent .author_listing dt	{ font-weight:normal; font-size:1.5em; margin:20px 0 10px 45px; }
#pageContent .author_listing dt a	{ border-color:#4F5656;  }
#pageContent .author_listing:hover dt a, #pageContent .author_listing dt a:hover { border-color:#6fa8ba;  }
#pageContent .author_listing dd 	{ margin:0; padding:0; }
#pageContent .author_listing dd a.whatweDoPic			{ float:left; background:#d9dbdc; padding:5px 5px 5px 5px; margin:-38px 10px 20px 0; border:0;}
#pageContent .author_listing:hover dd a.authorPic, #pageContent .author_listing dd a.whatweDoPic:hover	{ background:#666666 ; }

#pageContent .author_listing.last	{ border-bottom:0px solid #323636; }

/****************   Service Lisitng   ****************/

#pageContent .whatweDo_listing 		{ margin:0; padding:0; height:auto; min-height:205px; width:555px; border-top:8px solid #F3F5EF; font-size:12px; line-height: 18px; }
#pageContent .whatweDo_listing dt	{ font-weight:normal; font-size:1.5em; margin:20px 0 10px 145px; }
#pageContent .whatweDo_listing dt a	{ border-color:#4F5656;  }
#pageContent .whatweDo_listing:hover dt a, #pageContent .whatweDo_listing dt a:hover { border-color:#6fa8ba;  }
#pageContent .whatweDo_listing dd 	{ margin:0; padding:0; }
#pageContent .whatweDo_listing dd a.whatweDoPic			{ float:left; background:#d9dbdc; padding:5px 5px 5px 5px; margin:-38px 10px 20px 0; border:0;}
#pageContent .whatweDo_listing:hover dd a.whatweDoPic, #pageContent .whatweDo_listing dd a.whatweDoPic:hover	{ background:#666666 ; }

#pageContent .whatweDo_listing.last	{ border-bottom:0px solid #323636; }


/* Image replacement for tagline */
h2.tagLine {	 
				width: 535px; 
				height: 50px;
				margin: 0 auto;
				padding-right: 10px;
				margin-bottom:0px;}
				
h2.tagLine span {display:none;}

/****************   Service Lisitng   ****************/

#pageContent .products_listing 		{ margin:0; padding:0; height:10px; width:555px; border-top:8px solid #F3F5EF; }
#pageContent .products_listing dt	{ font-weight:normal; font-size:1.5em; margin:20px 0 10px 145px; }
#pageContent .products_listing dt a	{ border-color:#4F5656;  }
#pageContent .products_listing:hover dt a, #pageContent .products_listing dt a:hover { border-color:#6fa8ba;  }
#pageContent .products_listing dd 	{ margin:0; padding:0; }
#pageContent .products_listing dd a.whatweDoPic			{ float:left; background:#d9dbdc; padding:5px 5px 5px 5px; margin:-38px 10px 20px 0; border:0;}
#pageContent .products_listing:hover dd a.whatweDoPic, #pageContent .products_listing dd a.products:hover	{ background:#666666 ; }

#pageContent .products_listing.last	{ border-bottom:0px solid #323636; }

/****************   END MAIN CONTENT SECTION CONTAINER   ****************/



/****************   HOMEPAGE CONTENT BOXES   ****************/

.contentBox {	border: #F3F5EF 10px solid; 
				width: 200px;
				background: #FFFFFF;
				margin: 10px;
				padding: 10px;
				height: 635px;}

.contentBox2 {	border: #F3F5EF 10px solid; 
				width: 280px;
				margin: 10px;
				padding: 10px;
				background: #FFFFFF;
				height: 635px;}
				
.contentBox3 {	border: #F3F5EF 5px solid; 
				width: 100px;
				background: #FFFFFF;
				margin: 10px;
				padding: 10px;
				height: 100px;}
				
#item1 {	float: left;}
#item2 {	margin-left: 160px;}	
#item3 {	margin-left: 350px;}	
#item4 {	margin-left: 420px;}			
				

.contentBox h3 {	height: 19px; 
					margin-bottom: 20px;}				
				
#work {	float: left;}
#work h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/selectedWork.gif) no-repeat top left; 
			}	
#workList li {	display:block;
				clear:both; 
				margin-bottom: 25px;}
#workList li img {	border: 1px solid #CCCCCC; float:left;}
.workItemDesc {	margin-left:70px;}
.workItemDesc h4 {	font-size: 10px; 
					font-weight:bold; 
					margin:0px; 
					padding: 0px;}
.workItemDesc p {	font-size: 10px;}

.contentBox2 h3 {	height: 19px; 
					margin-bottom: 20px;}	

#actions {	margin-left: 280px;}
#actions h3 {	background: url(http://www.homeeducatingfamilypublishing.com/images/youmightliketo.gif) no-repeat top left; }	
#actionList {	font-size: 12px;}
#actionList {	border-bottom: 1px solid #E0E0E0;}
#actionList li {	border-top: 1px solid #E0E0E0;
					padding: 12px 0px 12px 0px;}
#actionList li a {	background: url(http://www.homeeducatingfamilypublishing.com/images/starbullet.gif) no-repeat left;
					padding: 5px 0px 5px 30px;
					margin-left: 10px;}
#actionList .actionAlt {	background: url(http://www.homeeducatingfamilypublishing.com/images/actionAlt_bg.gif) repeat-x top left; }

/****************   END HOMEPAGE CONTENT BOXES   ****************/

/****************   SERVICES LIST   ****************/					
								
#services { padding: 0px 0px 0px 27px;}
#services img { margin: 3px;}	

/****************   END SERVICES LIST   ****************/					

/****************   MAIN NAVIGATION   ****************/

#mainNav { background: url(http://www.homeeducatingfamilypublishing.com/images/navInactive.jpg) repeat-x bottom;}

#menu {	margin: 0px; 
		background: url(http://www.homeeducatingfamilypublishing.com/images/navInactive.jpg) repeat-x bottom;
		min-width: 500px;}
		
#menu #navActive {background: url(http://www.homeeducatingfamilypublishing.com/images/navActive.jpg) repeat-x top left;}

#menu li {	display:inline;
			float: left;
			line-height: 34px;}
			
#menu li a { 	text-decoration: none; 
				background: url(http://www.homeeducatingfamilypublishing.com/images/navInactive.jpg) repeat-x top left;
				color:#FFFFFF; 
				font-size:14px;
				padding: 10px 14px 10px 14px;}
				
#menu li a:hover { background: url(http://www.homeeducatingfamilypublishing.com/images/navActive.jpg) repeat-x top left;}

#leftGrad {	float:left;
			height: 35px;
			width: 11px;
			background: url(http://www.homeeducatingfamilypublishing.com/images/orangeNavGradShade.jpg) no-repeat top left; }
					
/****************   END MAIN NAVIGATION   ****************/

/****************   SIDE NAVIGATION   ****************/

#sideNavigation
{
width: 100%;
padding: 0px;
margin: 0 0 15px 0;
font: 11px verdana, sans-serif;
color: gray;
white-space: nowrap;
}

#sideNavigation li
{
list-style: none;
margin: 0px;
border-bottom: 1px gray dotted;
text-align: left;
}

#sideNavigation ul
{
margin: 0;
padding: 0;
}

#sideNavigation li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#sideNavigation li a:link { color: #666; }
#sideNavigation li a:visited { color: #666; }

#sideNavigation li a:hover,
#sideNavigation li a.current
{
background: #F3F5EF;
border-left: 3px #6fa8ba solid;
text-indent:-3px;
}
#sideNavigation li a.current
{
font-weight:bold;
}


/****************   END SIDE NAVIGATION   ****************/


/****************   CALENDAR FORMATTING  ****************/

div.newsinfo {
display: block;
float: left;
text-align:center;
width: 68px;
height: 97px;
background:  url(http://www.homeeducatingfamilypublishing.com/images/date.jpg) no-repeat top left;
margin-left:0; 
margin-right:5px; 
margin-top:0; 
margin-bottom:0px
}

div.newsinfo span {
display: block;
text-align: center;
}

div.newsinfo span.day {
font-size: 35px;
line-height: 30px;
color: #fff;
margin-top:5px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

div.newsinfo span.month {
margin-top: 2px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin-bottom:0px;
line-height: 16px;
color: #333;
}

div.newsinfo span.year {   
font-size: 12px;
text-transform: uppercase;
line-height: 10px;
font-weight: bold;
padding-top:3px;
color: #333;
}

/****************   CENDALENDAR FORMATTING  ****************/



/****************   CONTACT FORM ELEMENTS   ****************/

form *{
	margin:90; padding:0;}
fieldset{
	border:none;}
legend{
	display:none;}
label{
	width:200px; color:#587111;}
label, input.textField{
	float:left; font: bold 16px Arial; padding:4px;}
input.textField{
	width:320px; border:8px solid #F3F5EF; color:#FA7F37;}		
textArea{
	width:328px; border:1px solid #a3d2e1; color:#000000;}		
.formEleWrapper{
	padding-top:10px; }
#sendbutton { float:right;
padding: 10px 15px 0px 0px;}

input.userField{
	width:140px; border:8px solid #F3F5EF; color:#FA7F37; padding: 7px 7px 7px 7px;}

	
/****************   CONTACT FORM ELEMENTS   ****************/

/****************   FOOTER   ****************/					

#footer {	color: #d0f0a6; 
			font-size: 12px; 
			background: url(http://www.homeeducatingfamilypublishing.com/images/footerShaded_bg.gif) repeat-y top left #92c254; 
			margin: 0px 11px 0px 0px;
			padding: 10px 10px 10px 40px;
			}

#validIcons img { float:right; margin: 12px;}	

/****************   END FOOTER   ****************/					

/****************   UTILITY   ****************/
					
.clear { clear:both;}		

/****************   END UTILITY   ****************/

.info_box {
float:left;
width:490px;
padding-top:2px;
margin-bottom:10px;
margin-left:0;
margin-right:0;
margin-left: 10px;
}

.post_content {
float:left;
margin-top: 0px;
padding-bottom:0px;
line-height:22px;
color:#1e607a;
font-size:12px;
font-family:Arial;
text-align:left;
}

.post_content p {
margin-top:0px;
margin-bottom:10px;
margin-left: 10px;
}


.post_content a,.post_content a:hover, .post_content a:visited,.post_content a:active, .post_content a:link {
color:#155771
border:1px solid #75acc0;
background: #ffffff;
text-decoration:none;
padding: 2px 5px 2px 5px;

}


.post_content blockquote {

padding: 35px 15px 15px 40px;
font-family:"Helvetica Neue", Helvetica, Verdana;
font-size:12px;
line-height: 20px;
color:#03566d;
clear:both;
background-image: url( images/quote.png);
background-repeat:no-repeat;
margin:12px;
}

.post_content code {
font-family:"Courier New", Courier, monospace;
line-height:20px;
color:#666;
background-color:#F8f8f8;
font-size:11px;
}

#post_navigator {
float:left;
width:340px;
font-size:14px;
line-height:40px;
color:#FFF;
font-weight:700;
height:40px;
}

.post_tag {
float:left;
color:#FFF;
line-height:12px;
font-size:11px;
width:100%;
margin:0;
padding:0 0 5px;
}

.category {
width:100%;
color:#2a2c2f;
line-height:12px;
font-size:11px;
margin:0;
padding:0 0 5px;
}

#comments-template {
float:left;
width: 550px;
margin: 0;
padding:0 0 25px 0px;
}

.com-medzera {
float:left;
height:20px;
width:90%;
}

.com-box {
float:left;
width:540px;
background:#ecf5fb;
border:1px solid #d0e1ee;
position:relative;
padding:8px;
color:#256b84;
margin-bottom:30px;
}

#comment-form p {
margin-bottom:6px;
margin-top:0;
font-size:11px;
color:#2a2c2f;
}

.com-avatar {
float:left;
width:52px;
height:52px;
padding:8px;
}

.com-left {
float:left;
width:300px;
font-size:12px;
color:#2a2c2f;
font-weight:400;
line-height:16px;

}

.com-meta {
float:left;
width:350px;
padding:0;
float:right;
}

.com-date {
font-size:11px;
float:left;
width:300px;
color:#50a0be;
line-height:16px;
padding:2px;
border:1px solid #fff;
}

.com-text {
font-size:12px;
float:left;
width:350px;
color:#2a2c2f;
line-height:18px;
padding-top:6px;
padding-bottom:3px;
}

#comment-form p {
margin-bottom:6px;
margin-top:0;
font-size:11px;
color:#2a2c2f;
}

#comment-form a:link,#comment-form a:visited {
color:#F60;
text-decoration:none;
}

#comment-form a:hover,#comment-form a:active {
color:#F60;
text-decoration:underline;
}

#comment-form textarea {
height:170px;
width:450px;
border-top:1px solid #999;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
padding:1px;
}

.form-button {
background:#F6F6F6;
border:1px solid #999;
font-size:13px;
font-weight:700;
color:#333;
margin-bottom:8px;
width:100px;
padding:1px;
}

.form-button:hover {
background:#ccc;
border:1px solid #FFF;
font-size:13px;
font-weight:700;
color:#2a2c2f;
margin-bottom:8px;
width:100px;
padding:1px;
}

.form-input {
width:200px;
border-top:1px solid #999;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
margin:0;
padding:1px;
}

.form-input:hover {
width:200px;
border-top:1px solid #999;
border-right:1px solid #BCBCBC;
border-bottom:1px solid #BCBCBC;
border-left:1px solid #BCBCBC;
margin:0;
padding:1px;
}


/