/* CSS Document */



/* merchants right col intro copy */
#merchants-intro {
width:280px;
float:left;
margin:50px 0 0 20px;
}
#merchants-intro h2 {
  font-size:22px;
  font-weight:200;
  margin:0;
  padding:0;
}



#sugarhouse_sponsor {
  top:400px;

}

/* other side graphic */
#other_side_banner{
float:left;
width:780px; 
height:133px;
background:url(../the_other_side/other_side_banner.jpg)  no-repeat;
}

/* other side writers */

#otherside-intro {
width:600px;
float:left;
margin:0px 0 0 40px;
padding:10px 0 0 0;
line-height: 200%;
    font-family: "verdana";  
    font-weight: normal;
    font-size: 13px;
}
.othersubtext { 
    font-family: "verdana";  
    font-weight: normal;
    font-size: 11px;

    }


   
 .writerStories { 
    font-family: "Courier";  
    padding: 0;
    margin: 0;
    font-size: 13px;

    }   

.othersideList {
	font-family: "Courier";
	font-size: 14px;
	font-weight: 500;

	list-style-type:none;
	padding: 0;
	margin-top: 0.6em;
	margin-bottom: 0.6em;

}

/* top list of stories */ 
.othersideStoryListBig li{

	font-size: 16px;
	font-weight: 800;
	list-style-type:none;
	margin: 5px;
	padding: 0;


}


.othersideWriters li{
	font-family: "Courier";
	font-size: 18px;
	color: black;
	font-weight: 500;
	font-style: normal;
	list-style-type:none;
	padding: 0 0 0 100px;
	margin: 0px 0 140px 0;
	float:left;
  width:500px; 
  height:145px;
}

/* list of individual writer stories */
.othersideStoryList li{

	font-size: 12px;
	list-style-type:none;
  margin: 3px;
	padding: 0;
  width:400px; 
  height:30px;

}





#jasonMiller {
	background:url(../the_other_side/jasonMiller.jpg)  no-repeat;
}

#dirkThomas {
	background:url(../the_other_side/dirk_thomas.jpg)  no-repeat;
}


#otherside-intro h2{
	font-family: "Courier";
	font-size: 28px;
	color: black;
	font-weight: 800;
	font-style: normal;
	list-style-type:none;
	margin: 0;
	padding: 0;
	margin-top: 0.8em;
	margin-bottom: 0.8em;

}

#otherside-intro p {   margin-top: 10px}




/* merchant list */

.merchantList {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	list-style-type:none;
	padding: 0;
	margin-top: 0.6em;
	margin-bottom: 0.6em;

}

.merchantList li{
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	list-style-type:none;
	margin: 0;
	padding: 0;
	margin-top: 0.8em;
	margin-bottom: 0.8em;

}


/* merchants success stories graphic */
#special_section_merchants {
float:left;
width:539px; 
height:562px;
background:url(../merchants/merchant_success_stories.jpg)  no-repeat;
}



.sugar_right{
   position:absolute; 
   width:182px; 
   z-index:5; 
   left: 715px; 
  }  
   
#sponsors_top_right_new_design{
   position:absolute; 
   width:182px; 
   z-index:5; 
   left: 708px; 
  top: 290px;
  } 

#sponsors_top_right{
   position:absolute; 
   width:182px; 
   z-index:5; 
   left: 715px; 
  top: 350px;
  } 
#sponsors_on_player{
   position:absolute; 
   width:182px; 
   z-index:5; 
   left: 680px; 
  top: 10px;
  }  
   
  
#sponsors_top_right_lower{
   position:absolute; 
   width:182px; 
   z-index:5; 
   left: 700px; 
  top: 400px;
  }   
  
   
  
.sugar_right.sponsors {
 
   top: 30px;
 } 
 
.sugar_right.events {
 
   top: 290px;
 } 
 
.sugar_right.community {
 
   top: 800px;
 }  
  
 .replace { display:none;} 

 div#partners_right{
   position:absolute; 
   width:192px; 
   height:530px; 
   z-index:5; 
   left: 710px; 
   top: 898px;
  } 

 div#partners_right_ten_sponsors{
   position:absolute; 
   width:192px; 
   height:530px; 
   z-index:5; 
   left: 710px; 
   top: 970px;
  } 
  
 div#partners_rightLower{
    position:absolute; 
   width:182px; 
   height:530px; 
   z-index:5; 
   left: 710px; 
   top: 920px;
  }   



div#googleSearch {
  position: absolute; 
  left: 615px; 
  top: 0px; 
  height: 40px; 
  width: 120px; 
  padding: 1em; 
  border: 1px;
  }
  
div#feedBurner{
  position: absolute; 
  left: 685px; 
  top: 230px; 
  height: 40px; 
  width: 180px; 
  padding: 1em; 
  border: 1px;
  border-color: #B8B8B8;
  }

div#adThis { 
position : absolute;
left : 500px;
top : 1400px;
margin : 10px;
width : 130px;
height: 23px;
}

div#smartGrowthLinks {
position:absolute; 
width:200px; 
height:458px; 
z-index:5; 
left: 685px; 
top: 1523px;
}

div#MMedia {
position:absolute; 
width:183px; 
height:196px; 
z-index:5; 
left: 698px; 
top: 376px;
}

div#googleAds{
position:absolute; 
width:165px; 
height:440px; 
z-index:4; 
left: 693px; 
top: 2964px;

}




div#chapter1{
position:absolute; width:250px; height:14px; z-index:1; left: 6px; top: 8px; }
div#chapter2{
position:absolute; width:250px; height:14px; z-index:1; left: 6px; top: 53px; }
div#chapter3{
position:absolute; width:250px; height:14px; z-index:1; left: 6px; top: 101px; }
div#chapter4{
position:absolute; width:250px; height:14px; z-index:1; left: 287px; top: 8px; }
div#chapter5{
position:absolute; width:250px; height:14px; z-index:1; left: 287px; top: 53px; }

div#pictureBox{
position:absolute; width:106px; height:147px; z-index:3; left: 10px; top: 5px; }

div#footer { 
margin-top : 10px;
padding-top : 10px;
position : absolute;
left : 14px;
top : 2000px;
margin : 10px;
width : 850px;
height: 82px;
background-color: #384F6F;
}

ul#top_nav_sub li {

display : inline;


}

ul#nav_footer li{
display : inline;
font-size: 100%;
font-family: "Trebuchet MS";
margin-right : 5px;
padding-right : 5px;

 }
 
ul#nav_footer a{
color:#FFFFFF;
 }
 
div#top_menu { 
border-bottom-width:thin;
border-bottom-style:dotted;
}



ul#story_menu li{

font-size: 100%;
font-family: "Trebuchet MS";
list-style-type:armenian;
margin-right : 5px;
padding-right : 5px;

 }
 
ul#story_menu a{
color:#2F0076;
 }

div#content { 
position : relative; 
width : 100%; }


div#content_main {
left : 0; 
width : 50%; 
padding : 1em 0; 
}
   
div#footer p { 
color:#666666;
margin-left : 5px;
padding-left : 5px;
}


/* golocal elements */

div#goLocal {
font-family: "Arial";
position:absolute; 
width:660px; 
z-index:2; 
left: 23px; 
top: 304px; 

}

div#goLocal p { 

font-size: 92%;

}

div#goLocal p { 

font-size: 88%;

}


/* story elements */


div#story_new {
font-family: "Arial";
position:absolute; 
width:620px; 
height:63px; 
z-index:2; 
left: 23px; 
top: 264px; 

}

div#story {
font-family: "Arial";
position:absolute; 
width:620px; 
height:63px; 
z-index:2; 
left: 23px; 
top: 304px; 

}


div#story_new p { 
font-size: 88%;
margin-left : 5px;
padding-left : 5px;
}

div#story p { 
font-size: 88%;
margin-left : 5px;
padding-left : 5px;
}

div#story h2{
font-family: "Trebuchet MS";
}

#special_container {
clear:both;
margin-top:100px;
}

/* farmers market graphic */
#special_section {
float:left;
width:660px; 
height:740px;
background:url(../farmers_market/farmers_market_web_promotion_new.jpg)  no-repeat;
}
/* photo square links */
#special_section ul {
  list-style-type:none;
  margin:505px 0 0 0;
  padding-left:50px;
}
#special_section li {
  display:block;
  float:left;
  padding:0;
  margin:0;
}
#special_section li a {
  display:block;
  float:left;
  width:64px;
  height:115px;

  margin-right:29px !important;
  margin-right:21px;
  margin-bottom: 10px;
}
/* right col intro copy */
#farmers-intro {
width:175px;
float:left;
margin:50px 0 0 20px;
}
#farmers-intro h2 {
  font-size:18px;
  font-weight:200;
  margin:0;
  padding:0;
}

div#caption{
padding: 10px;
margin-left : 10px;
font-family: "Trebuchet MS";
font-size:12px;
font-weight:900;
}

div#captionRight{

font-family: "Trebuchet MS";
font-size:12px;
font-weight:900;

}

div#pictureSpace {
 
width:100px; 
height:280px;  

}

.floatright { 
float: right; 
margin: 0 0 15px 10px;
}

.floatleft { 
float: left; 
margin: 0 0 10px 10px;
border: 2px solid #666;
border-width:1px;
padding: 2px;
border: 14px solid #FFFFFF;
padding: 2px;
}

.photocaption {

font-size: 0.95em;
font-style: italic;
text-align: justify;
width: auto;

border-bottom-width: 1px;

border-top-style: none;

border-bottom-style: solid;
border-bottom-color: #999999;

color: #666666;
height: auto;
position: static;
clear: both;
vertical-align: bottom;
}


img.floatLeft { 
    float: left; 
    margin: 4px; 
    padding-right: 8px;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.caption {
padding: 5px;
background:#ECE5B6; 
}




div#captionblue{
padding: 10px;
margin-left : 5px;
font-family: "Trebuchet MS";
color:#FFFFFF;
background-color: #384F6F;
}

/* story chapter elements  */

ul#optionPoints {
padding-left: 30px;
 margin-left:10px;
  
}

ul#optionPoints li {
  font-size: 13px;
  padding: 10px;
  
}

div#dateBox {
position:absolute; 
width:173px; 
height:20px; 
z-index:2; 
left: 264px; 
top: 158px; 

}
div#questionBox {
	position:absolute; 
	width:228px; 
	height:58px; 
	margin-right:5px;
	z-index:4; 
	left: -3px; 
	top: 30px; 
	background-color: #F7F8FB; 
}
	
div#chapterBox {

position:absolute; 
width:552px; 
height:141px; 
z-index:1; 
left: 118px; 
top: 7px;

}	

div#chapterContent{
	position:absolute;
	width:659px;
	z-index:1;
	left: 15px;
	top: 537px;
	height: 829px;
  }

	
div#investigation_box {
	position:absolute; 
	width:237px; 
	height:22px; 
	z-index:2; 
	top: 1px;
}

div#leftSideStuff {
 position:absolute; 
 width:239px; 
 height:95px; 
 z-index:4; 
 left: -7px; 
 top: -12px; 
  border-right-width: 1px;
  border-right-color: #999999;
  border-right-style: dotted; 
 }
 
 div#title {
  position:absolute; 
  width:635px; 
  height:62px; 
  z-index:1; 
  left: 14px; 
  top: 167px; 
  background-color: #FFFFFF; 
  }

div#subTextSLC {
	position:absolute; 
	width:608px; 
	height:55px; 
	z-index:5; 
	left: 10px; 
	top: 350px;
	}

div#blueChapter {
  position:absolute; 
  width:411px; 
  height:40px; 
  z-index:1; 
  left: 241px; 
  top: 41px; 
  background-color: #81A0C5; 
  }

/* hall of fame elements */

div#hallofFame {
font-family: "Trebuchet MS", "Arial";
position:absolute; 
width:615px; 
height:63px; 
z-index:2; 
left: 23px; 
top: 275px; 

}

div#hallofFame p { 
font-size: 80%;
margin-left : 5px;
padding-left : 5px;
}
div#hallofFame p2 { 
font-size: 110%;
font-style:oblique;

margin-bottom : .25em;

}

div#hallofFame h1 { 
font-size: 290%;
margin-left : 5px;
padding-left : 5px;
}

/* addvertising elements  */


div#googleAds {
position:absolute; 
width:165px; 
height:364px; 
z-index:4; 
left: 706px; 
top: 2844px;
}
div#AmazonThree{

border-width:thin;
border-color:#DFDFDF;
position:absolute; 
width:200px; 
height:838px; 
z-index:5; 
left: 685px; 
top: 646px;
}
div#AmazonThreeHallOfFame{

border-width:thin;
border-color:#DFDFDF;
position:absolute; 
width:200px; 
height:838px; 
z-index:5; 
left: 715px; 
top: 1246px;
}
div#amazonFavorites {
position:absolute; 
width:165px; 
height:440px; 
z-index:4; 
left: 699px; 
top: 2196px;
}

div#amazonFavoritesHallOfFame {
position:absolute; 
width:165px; 
height:440px; 
z-index:4; 
left: 699px; 
top: 6396px;
}

div#MMedia_w_ads { 
   position:absolute; 
   width:183px; 
   height:735px; 
   z-index:5; 
   left: 695px; 
   top: 10px;
 }



div#adPositionSugarHouseMain {
 position:absolute; 
 width:166px; 
 height:256px; 
 z-index:3; 
 left: 697px; 
 top: 25px;
 }


div#adPositionOne {

 position:absolute; 
 width:166px; 
 height:256px; 
 z-index:3; 
 left: 697px; 
 top: 325px;
 }
div#adPositionTwo {

position:absolute; 
width:166px; 
height:621px; 
z-index:4; 
left: 697px; 
top: 598px;
} 
 

/* story buttons on top*/

div#nextStory {
position:absolute; 
width:280px; 
height:25px; 
z-index:1; 
left: 450px; 
top: 268px;

}

div#prevStory {
position:absolute; 
width:262px; 
height:25px; 
z-index:1; 
left: 21px; 
top: 268px;

}

/* story buttons on bottom, top value will be set dynamically*/

div#nextStoryBottom {
position:absolute; 
width:280px; 
height:25px; 
z-index:1; 
left: 450px; 
top: 3280px;

}

div#prevStoryBottom {
position:absolute; 
width:262px; 
height:25px; 
z-index:1; 
left: 21px; 
top: 3280px;

}




/* documentary film styles */

ul#doc_buttons li {
display : inline;
color: #CCCCCC;
  font-family: "Trebuchet MS";
  font-size: 11px;
  padding: 10px;
 }



.dochead_yellow {

font-size:22px; 
font-family: "Trebuchet MS";
background:#FFCC00;
padding:10px;
}

.dochead_blue {

font-size:22px; 
font-family: "Trebuchet MS";
background:#E0E1EB;
padding:10px;
}

.yellowButton {

width:205px; 
height:34px; 
background:#FFCC00;
}
.docSpace {
width:88px; 
}

.blueButton {

width:205px; 
height:34px; 
background:#E0E1EB;

}
.whiteButton {

width:205px; 
height:34px; 
background:white;

}

.answer { 
  margin-left: 120px;

}





/* =si_clear_children */
.clear_children,.cc_tallest { position: relative; } /**/* html .clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */