@import "lightbox.css";
@import "Gehl.css";
@import "GehlStyles.css";
/* resets */

h1 {font-size:16px; margin:0px;}
.Freeform p {line-height:normal; margin:0px;}
.imgFloatRightHome {float:right; padding-bottom:10px;}


#contentArea {background: none;}


#topContentContainer {width:930px; height:330px; margin: 15px 10px 0 10px; padding-left:10px; float:left;}
.IE6 #topContentContainer{padding:0px;}
#contentContainer {width:940px; margin: 20px 10px 0 20px;}
.Firefox #contentContainer {width:930px; padding-left: 15px;}
			#leftZone,
			#centerZone,
			#rightZone {float:left; clear:none; width: 310px; min-height: 115px;}
			
			#leftZone .Freeform {background: url(images/bg_home_green.jpg) no-repeat right 5px;overflow:hidden;}
			#centerZone .Freeform {background: url(images/bg_home_green.jpg) no-repeat center 5px;overflow:hidden;}
			#rightZone .Freeform {background: url(images/bg_home_green.jpg) no-repeat left 5px;overflow:hidden;}
			

			#leftZone .Freeform {padding:13px 15px 13px 36px;}
			#leftZone .Freeform img{margin-top:-10px; margin-right:-5px;}
			
			#centerZone .Freeform {padding:13px 0 13px 24px;}
			#centerZone .Freeform img{margin-top:-18px;}
			
			#rightZone {margin:0px;}
			#rightZone .Freeform h1{background: none; margin:0px; padding:0px;}
			#rightZone .Freeform h1 a:hover{text-decoration: underline;}
			
			#rightZone .Freeform {width: 290px; padding:13px 0 13px 10px;}
			#rightZone .Freeform p {line-height: normal; padding:0px;}
			#rightZone .Freeform img{margin-top:-6px; padding:0;}



#mainBody #GehlContainer{
position:relative;
width:930px;
height:335px;
padding:0px;
background-color:#FDFCE0;
}

#mainBody #card1, 
#mainBody #card2, 
#mainBody #card3{ width:360px; height:306px; cursor:pointer;}

#mainBody #card1{position:absolute; top:10px; left:10px;z-index:0;}
#mainBody #card2{position:absolute; top:2px; left:280px;z-index:10;}
#mainBody #card3{position:absolute; top:10px; right:20px;z-index:0;}

#mainBody #card1 inner,
#mainBody #card2 inner, 
#mainBody #card3 inner{position:relative; width:360px; height:306px;}

#mainBody .cardContent{
position:relative;
margin-top:-80px;
padding:5px 14px;
bottom:0px;
left:0px;
text-align:center;
color:#FFFFFF;
width:332px;
height:51px;
z-index:10;
background: transparent;
}

/* colors written for workstation - rest for wkst and site */
.cardContent h3{padding:0;margin:0; color:#000; font-size: 18px;}
.cardContent h3 a{padding:0;margin:0; color:#000; font-size: 18px;}
.cardContent h3 a:hover{color:#CCCCCC;text-decoration:none;}
.cardContent p{padding:0; margin:0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:normal;}
.cardContent p a{padding:0; margin:0; color:#000;}
.cardContent p a:hover{color:#CCCCCC;text-decoration:none;}

/* colors written for site */
#mainBody .cardContent h3{color:#fff;}
#mainBody .cardContent h3 a{color:#fff;}
#mainBody .cardContent h3 a:hover{color:#CCCCCC;}
#mainBody .cardContent p{color:#fff;}
#mainBody .cardContent p a{color:#fff;}
#mainBody .cardContent p a:hover{color:#CCCCCC;}

/* for workstation */
.mainBody #card1,
.mainBody #card2,
.mainBody #card3{position:static;clear:both;}

.mainBody #card1 inner,
.mainBody #card2 inner, 
.mainBody #card3 inner{position:static;clear:both;}

.mainBody .cardContent{position:static;clear:both;}