/* CSS Document */

/*contains feature story, field photo and capsules*/

/*******************************/
/*       FEATURE STORY
/*******************************/
#featurestory {
width:458px;

background:url(../images/slices/homepage/featurestory_bot.jpg) no-repeat bottom #e9dbc8;

position:relative;
}

/*header*/
#featurestory .header {
background-image:url(../images/slices/homepage/featurestory_hdrbkgd.gif);
color:#cab895;
font-size:1.2em;
width:448px;
left:1px;
line-height:.9em;
position:relative;
padding:8px 0 8px 8px;
font-weight:800;
text-transform:uppercase;
}

#featurestory .text {
/*background:url(../images/slices/homepage/featurestory_line.jpg) no-repeat top;*/
background-image:url(../images/slices/homepage/featurestory_bkgd.gif);
min-height:15em;
width:440px;
position:relative;
top:0px;
height:auto;
padding:15px 0 0 10px;
font-s
line-height:1.1em;
}

/*photo floating right*/
#featurestory .photor{
position:relative;
float:right;
margin:0em 10px 5px 5px;
}

#featurestory .bottom {
position:relative;
width:458px;
height:14px;
}

/*******************************/
/*        FIELD PHOTO
/*******************************/

#fieldphoto {
background-image:url(../images/slices/homepage/fieldphoto_bkgd.jpg); background-repeat:no-repeat; 
position:relative;
float:right;
width:213px;
height:260px;
right:13px;
}

/*this reads WEEKLY FIELD PHOTO*/
#fieldphoto h2 {
position:relative;
top:20px;
left:28px;
height:20px;
font-size:1.2em;
}


/*the actual photo*/
#fieldphoto .photo {

/* changed this for now because the photos are not large enough 
to fit and look quite right ... looking into another solution */

/*
position:relative;
left:9px;
top:0px;
*/
margin-top: 20px;
text-align:center;
}

/*text that reads ENLARGE*/
#fieldphoto a {
position:relative;
color:#000000;
text-decoration:none;
font-weight:800;
display:block;
top:200px;
left:92px;
width:100px;
margin:0;
font-size:1.2em;
}

#fieldphoto a:hover {
color:#663300;
}


/*********************************/
/*          CAPSULES 
/*********************************/
#capsules {
position:relative;
height:28em;
}


/****backgrounds******/
#didyouknow, #trophywatch, #store {
background-image:url(../images/slices/homepage/capsule_bkgd.gif);
border:1px solid #999966;
width:222px;
min-height:22.9em;
position:absolute;
margin:0px 0 0 0;
}

/*****headers******/
#didyouknow .header, #trophywatch .header, #store .header {
text-transform:uppercase;
border:1px solid #ecdfcd;
font-weight:800;
text-align:center;
padding:9px 0;
color:#cab895;
width:220px;
font-size:1.2em;
} 

/*****text******/
#didyouknow .text, #trophywatch .text, #store .text {
background:url(../images/slices/homepage/capsule_line.jpg) no-repeat top;
min-height:18.9em;
height:auto;
padding:10px 1em 0 1em;
top:3px;
position:relative;
line-height:1.2em;
}

/****link styles******/
#featurestory .text a, #didyouknow .text a, #trophywatch .text a, #store .text a {
text-decoration:underline;
color:#663300;
}

#featurestory .text a:hover, #didyouknow .text a:hover, #trophywatch .text a:hover, #store .text a:hover {
text-decoration:none;
}

/*****capsule footers******/
#didyouknow .bottom, #trophywatch .bottom, #store .bottom {
background:url(../images/slices/homepage/capsule_bot.gif)  no-repeat;
width:225px;
position:relative;
right:1px;
top:1px;
height:18px;
}

#store img
{
	border: solid 1px #663300;
}

/********did you know **********/

#didyouknow .header {
background-image:url(../images/slices/homepage/featurestory_hdrbkgd.gif);
}

/********trophy watch**********/
#trophywatch .header {
background-color:#d1ac6f;
background-image:url(../images/slices/homepage/trophywatc_hhdr.gif);
background-position:center;
background-repeat:no-repeat;
height:36px;
padding:0;
}

#trophywatch {
left:233px;
}

#trophywatch .trophyWatchCaption
{
	text-align: center;
}

#trophywatch .trophyWatchBody
{
	text-align: left;
}

/********featured store item**********/
#store {
left:466px;
}

#store .text
{
	text-align: center;
}

#store p
{
	text-align: center;
}

#store .prodDesc
{
	text-align: left;
	font-size: .8em;
}




#store .header {
background-color:#817255;
color:#ffcc99;
}
