/* === home === */

/* Edits for new home page 8/29/09 left side box with main content on right. All elements begin with home_ */

#home_main {

	text-align: left ;

	margin: 0 20px 0 0 ;

	padding: 10px 0 0 440px ;

	}



/* boxes */

div#features {

	width:440px;

	float:left;

}



div#boxes div a{

	width: 210px;

	height:140px;

	display: block;

	font-size: 9px; 

	color: #3f2617; 

	line-height:1.3;

	float:left;

	margin: 0 10px 8px 0;

	text-decoration: none;

	overflow: hidden;

}







div#boxes div{

	width: 220px;

	height:140px;

	display: inline;

	font-size: 9px; 

	color: #3f2617; 

	line-height:1.3;

	float:left;

	text-decoration: none;

	overflow: hidden;

}





div#boxes #box1 {

	background:url(../img/homepage/stockhome.jpg) no-repeat;

}

#box1 div.overlay {

	background: transparent url(../img/homepage/stockoverlay.png) no-repeat;

	margin-top: 80px;

	margin-left: 1px;

}





#box1 div.overlay a,

#box2 div.overlay a,

#box3 div.overlay a,

#box4 div.overlay a,

#box5 div.overlay a,

#box6 div.overlay a

{

	width: 200px;

	height:28px;

	display: block;

	font-size: 9px;

	font-weight:normal;

	color: #3f2617; 

	line-height:1.3;

	padding: 20px 3px 0 5px;

	text-decoration:none;

	overflow:hidden;

}



div#boxes #box2 {

	background:url(../img/homepage/featurehome.jpg) no-repeat top right;



}

#box2 div.overlay {

	background: transparent url(../img/homepage/featureoverlay.png) no-repeat;

	margin: 80px 0 0 19px;

	width: 200px;

}





div#boxes #box3 {

	background:url(../img/homepage/bookshome.jpg) no-repeat;



}

#box3 div.overlay {

	background: transparent url(../img/homepage/booksoverlay.png) no-repeat;

	margin-top: 80px;

	margin-left: 1px;

}



div#boxes #box4 {

	background:url(../img/homepage/workshopshome.jpg) no-repeat  top right;

}

#box4 div.overlay {

	background: transparent url(../img/homepage/workshopsoverlay.png) no-repeat;

	margin: 80px 0 0 19px;

	width: 200px;

}





div#boxes #box5 {

	background:url(../img/homepage/portfoliohome.jpg) no-repeat;

}

#box5 div.overlay {

	background: transparent url(../img/homepage/portfoliooverlay.png) no-repeat;

	margin: 80px 0 0 1px;

}



div#boxes #box6 {

	background:url(../img/homepage/assignmentshome.jpg) no-repeat top right;

}

#box6 div.overlay {

	background: transparent url(../img/homepage/onassignmentoverlay.png) no-repeat;

	margin: 80px 0 0 19px;

	width: 200px;

}





#box1 div.overlay:hover {

	background: transparent url(../img/homepage/stockhover.png) no-repeat;



}



#box2 div.overlay:hover {

	background: transparent url(../img/homepage/featurehover.png) no-repeat;



}



#box3 div.overlay:hover {

	background: transparent url(../img/homepage/bookshover.png) no-repeat;



}



#box4 div.overlay:hover {

	background: transparent url(../img/homepage/workshophover.png) no-repeat;



}



#box5 div.overlay:hover {

	background: transparent url(../img/homepage/portfoliohover.png) no-repeat;



}



#box6 div.overlay:hover {

	background: transparent url(../img/homepage/assignmenthover.png) no-repeat;



}



#box1 div.overlay .blue:hover,

#box2 div.overlay .blue:hover,

#box3 div.overlay .blue:hover,

#box4 div.overlay .blue:hover,

#box5 div.overlay .blue:hover,

#box6 div.overlay .blue:hover

{

	color: #C03;

}



#home_left {

	float: left ;

	clear: left ;

	width: 380px ;

	margin: 0;

	padding: 10px 0 0 20px ;

	text-align: left ;

	}

#home_left 	h2.reverse {

	padding: 2px 2px 2px 5px ;

	margin: 10px 20px 5px 0 ;

	}	





.home_picL  {

	float: right ;

	clear: left ;

	}



#home_left .home_picL {

	float: left;

	}

#home_left p {

	padding-right: 20px;

}



#main h1 {

	margin: 0 0 10px 0 ;

	line-height: 1.3em ;

	}

	

#main h2 {

	margin: 0 0 0 87px ;

	}



#main p {

	margin: 0 0 15px 87px ;

	height: 1% ; /* 3px jog hack for IEWin */

	}



#right h2, #right p {

	margin: 0 20px 5px 0 ;

	}



#right h2.reverse {

	padding: 2px 2px 2px 5px ;

	margin: 0 20px 5px 0 ;

	}



p.copyright {

	font-size: 0.9em ;

	line-height: 1.3em ;

	padding: 0 20px 10px ;

	text-align: justify ;

	}



p.copyright a {

	font-size: 1em ;

	line-height: 1em ;

	}



#omni {

	background: #D5D4BA;

	padding: 5px 0 ;

	}



#omni p {

	text-align: center;

	margin: 0 ;

	padding: 0 ;

	}

	

#omni p img {

	border:0;

	margin: 0;

	}

	

.picL, .picLv {

	float: left ;

	clear: left ;

	}



#main .picL, #main .picLv {

	margin: 2px 0 5px 0 ;

	padding: 0 ;

	width: 77px ;

	text-align: right ;

	}



#right .picL, #right .picLv {

	margin: 2px 10px 0 0 ;

	}



.picL img, .picLv img { 

	border: 1px solid #660; 

	}



.home_picL img { 

	border: 1px solid #660; 

	}

	

#main_right_p .bo {

	padding: 0 10px ;

	margin-bottom: 20px;

	background-color: #FFC ;

	border: 1px solid #660 ;

	}

	

.quote

	{

	color:#369;

	font-size:9px;

	font-weight:bold;

	}

	

.blue

	{

	color:#369;

	}

	

