/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
h7  {font-size: 14px}
h8  {font-size: 8px}
OL{ list-style-type: decimal }


#page-heading  {
	text-align:center;
	padding: 0px 0 0 0;
}

#breadcrumbs  {
	text-align:left;
	margin: 0px 8px 0 8px;
		
}

#sliderTemp {
	width: 940px;
	height: 202px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	text-align:center;

}


#featured-slider .text  {
	border-style:ridge;
	height: 205px;
    border-width:2px;
	border-color: #40820b;	
	padding: 0 0 0 20px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#content #indexblock
{
	width: 530px;
	text-align:left;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
						      
}

#content #imagebox
{
	width: 820px;
	height: 680px;
	margin: 0px; 
	padding: 60px 30px 20px 30px;
}


#indexblock #blockL
{
	width: 210px;
	float: left;
	padding-right: 10px;
					      
}

#indexblock #blockR
{
	width: 300px;
	float: right;
	padding-left: 10px;
					      
}

#content #indexbottomblock
{
	width: 530px;
	height:216px;
	text-align:left;
	background-image:url('http://massgreenstcc.com/wp-content/uploads/2010/01/indexblockbackground.jpg');
	background-repeat:no-repeat;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
						      
}

#content #block1
{
	width: 162px;
	height: 1860px;
	margin: 20px 10px 10px 10px; 
	padding: 0px;
	text-align:center;	
}

#content #block2
{
	width: 131px;
	height: 186px;
	margin: 20px 10px 10px 10px; 
	padding: 0px;
	text-align:center;	
}

#content #block3
{
	width: 175px;
	height: 186px;
	margin: 20px 10px 10px 10px; 
	padding: 0px;
	text-align:center;	
}


#indexblock #blockleft
{
	width: 150px;
	float: left;
	text-align:center;
	margin: 10px 9px 10px 9px; 
	padding: 10px 5px 10px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;						      
}

#indexblock #blockrightcenter
{
	width: 350px;
	float: right;
	text-align:center;
	margin: 0px;
	padding: 0px;
						      
}

#blockrightcenter # blockcenter{
	
	width: 150px;
	float: left;
	text-align:center;
	margin: 10px 9px 10px 9px; 
	padding: 10px 5px 10px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;	
	
}

#blockrightcenter # blockright{
	
	width: 150px;
	float: right;
	text-align:center;
	margin: 10px 8px 10px 0px; 
	padding: 10px 5px 10px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;	
	
}

#content #employermain
{
	width: 878px;
	margin: 10px  0px 10px 0px;	 
	padding: 0px 0px 0px 0px;		
}

#employermain #employermainleft
{
	width: 400px;
	height:360px;
	float: left;
	padding: 10px; 
	margin: 0px 16px 0px 0px;
	border-style:solid;
	border-width:1px;
	border-color: #40820b;	
	
					      
}

#employermain #employermainright
{
	float: right;
	width: 400px;	
	height:360px;
	padding: 10px; 
	margin: 0px 0px 0px 16px;
	border-style:solid;
	border-width:1px;
	border-color: #40820b;	
		
}


#content #employerlist
{
	width: 820px;
	height: 390px;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;		
}

#employerlist #groupleft
{
	width: 390px;
	height: 390px;
	float: left;
	text-align:center;
	padding: 0px; 
	margin: 0px 10px 0px 10px;
	background-color: #CCC;	
					      
}

#employerlist #groupright
{
	float: right;
	width: 390px;	
	height: 390px;
	text-align:center;
	padding: 0px; 
	margin: 0px 10px 0px 10px;
	background-color: #CCC;		
}

#content #employersite
{
	width: 868px;
	height: 300px;
	margin: 10px  0px 10px 0px;	 
	padding: 10px 0px 10px 0px;		
}

#employersite #siteleft
{
	width: 400px;
	height: 280px;
	float: left;
	padding: 5px; 
	margin: 0px 10px 0px 10px;
	border-style:ridge;
	border-width:2px;
	border-color: #40820b;	
	
					      
}

#employersite #siteright
{
	float: right;
	width: 400px;	
	height: 280px;
	padding: 5px; 
	margin: 0px 10px 0px 10px;
	border-style:ridge;
	border-width:2px;
	border-color: #40820b;	
		
}


#content #educationsite
{
	width: 875px;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;		
}

#educationsite #educationleft
{
	width: 307 px;
	float: left;
	padding: 0px; 
	margin: 0px 0px 0px 0px;
	
}
#educationsite #educationright
{
	float: right;
	width: 558px;	
	padding: 0px; 
	margin: 0px 0px 0px 10px;
			
}

#content #educationblock
{
	width: 295px;
	height: 250px;
	padding: 0px 0px 0px 0px; 
	margin: 20px 0px 0px 0px;
	border-width:1px;
	border-color: #86a507;	
	border-right-style:solid;
	border-bottom-style:ridge;
	border-left-style:solid;
}


#content #aboutleft
{
	width: 610px;
	float: left;
	text-align:left;
	margin: 0px; 
	padding: 0px 20px 0px 0px;
				      
}

#content #aboutright
{
	width: 220px;	
	float: right;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;	
	
}


#content #newsleft
{
	width: 610px;
	float: left;
	text-align:left;
	margin: 0px; 
	padding: 0px 20px 0px 0px;
				      
}

#content #newsright
{
	width: 220px;	
	float: right;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;	
	
}

#content #contactleft
{
	width: 610px;
	float: left;
	text-align:left;
	margin: 0px; 
	padding: 0px 20px 0px 0px;
				      
}

#content #contactright
{
	width: 220px;	
	float: right;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;	
	
}

#content #directionleft
{
	width: 610px;
	float: left;
	text-align:left;
	margin: 0px; 
	padding: 0px 20px 0px 0px;
				      
}

#content #directionright
{
	width: 220px;	
	float: right;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;	
	
}

#content #employerleft
{
	width: 560px;
	float: left;
	text-align:left;
	margin: 0px; 
	padding: 0px 20px 0px 0px;
				      
}


#content #employerright
{
	width: 270px;	
	float: right;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;	
	
}

#content #calendarleft
{
	width: 560px;
	float: left;
	text-align:left;
	margin: 0px; 
	padding: 0px 20px 0px 0px;
				      
}


#content #calendarright
{
	width: 270px;	
	float: right;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;	
	
}

#content #calendarholder
{
	width: 250px;	
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;	
	
}





#footer #copyrightcontainer
{
	width: 418px;
	float: left;
	margin: 0px  0px 0px 0px;	 
	padding: 0px 0px 0px 0px;		      
}



#footer #othermenucontainer
{
	width: 512px;
	float: right;
	text-align:right;
	margin: 0px; 
	padding: 0px 0px 0px 10px;		      
}