/*COMMON STYLES FOR THE NEW HEROES SITE */

/*GENERAL FORMATS*/

body {
  font-family: arial, verdana, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 1.3em;
  background-color: #444;
  margin: 0;
  padding: 0;
 
}

/*TEXT LINKS*/	
a:link {color: #c9a96b;text-decoration: none; font-weight: bold;} 
a:visited {color: #c9a96b;text-decoration: none; font-weight: bold;} 
a:hover{color: #BACFE2; text-decoration: none; font-weight: bold;}


.readmore {
display: block;
font-size: 11px;
font-weight: bold;
color: #C9A96B;
margin: 5px 0 5px 0;
}

ul.linklist {
	font-size: 1em;
	font-weight: bold;
  line-height: 1.1em;
  list-style-type: none;
  margin: 0 0 30px 20px; 
  padding: 0;
}
  
  
li.linklist  {
  margin: 0 0 0 10px;
}	



/*PAGE LAYOUT FORMATS*/


div#page {
margin: 20px auto 0 auto;
width: 740px;
}


table#navtable {
width: 740px;
}

table#navtable img {
vertical-align: top;
}

td.content {
background-color: #202020;
vertical-align: top;
}

td.side {
width: 16px;
vertical-align: top;
}

div#footer {
font-size: .9em;
margin: 15px 0 15px 0;
padding-top: 8px;
text-align: center;
border-top: 1px solid #666;
}



div#footer p {
margin: 0;
padding:0;
}
div#footer a:link {color: #fff;text-decoration: none;} 
div#footer a:visited {color: #fff;text-decoration: none;} 
div#footer a:hover{color: #fff; text-decoration: underline;}


/* FEATUREBOX STYLES */
div#featurebox {
background: url(pix/box_bg.gif) top left repeat-y;
width: 254px;
margin: 0 0 0 19px;
padding: 0;

}

div#featureboxtop {
width: 254px;
margin: 0 0 0 19px;
padding: 0;
}

div#featureboxbot {
background: url(pix/box_bot.gif) top left no-repeat;
width: 254px;
margin: 0 0 30px 19px;
padding: 0;
}

/* FEATURE PROMO STYLES */

div.guidepromo {
margin: 0 7px 20px 10px;

}

div.guidepromo .photo {
float: left;
margin: 0 7px 20px 0;
}

div.guidepromo .head {
margin: 5px 0 5px 0;
}

div.guidepromo p {
font-size: .9em;
line-height: 1.2em;
padding: 0;
margin: 3px 0 0 0;
}

div.guidepromo h3 {
margin: 0;
font-size: 1em;
font-weight: bold;
}

div.guidepromo h4 {
margin: 5px 0 0 0;
font-weight: bold;
}

/* MORE LINKS BOX STYLES */
div.morelinksbox {
width: 254px;
margin: 0 0 0 19px;
padding: 0;
}

div.morelinksbox img {
float: left;
margin-right: 5px;
}

div.morelinksbox p {
margin: 0 0 0 31px;
}

div.pullquote {
font-size: 1.2em;
line-height: 1.3em;
width: 204px;
margin: 40px auto 0 auto;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
padding: 15px;
color: #BACFE2;
}

div.pullquote p {
	margin: 0;
}

div.pullquote div {
	padding: 15px;
}

div.image {
	width: 204px;
	margin: 40px auto 40px 50px;
}


/* MAIN CONTENT STYLES */

div#maincontent {
margin: 0 0 0 20px;
}

img.pagehead {
margin-bottom: 10px;
}

div.programpromo {
margin: 5px 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #666;
}

div.programpromo img {
float: left;
}


div.programpromo ul {
	font-size: 1em;
  line-height: 1.1em;
  list-style-type: none;
  margin: 5px 0 10px 130px; 
  padding: 0;
}
  
  
div.programpromo li  {

  margin: 0 0 7px 10px;

}	


div.programpromo h2 {
margin: 0 0 5px 130px;
font-size: 14px;
font-weight: bold;
}

div.programpromo h3 {
margin: 10px 0 2px 130px;
font-size: 1.1em;
font-weight: bold;
color: #BACFE2;
}

div.programpromo p {
margin: 0 0 0 130px;
padding: 0;
}

div.programpromo p.desc {
margin: 0 0 7px 130px;
padding: 0;
}

div.programpromo .readmore {
margin: 0 0 0 130px;
}

/* EXPLORER GUIDE STYLES */

div.guidehead {
margin: 25px 0 15px 0;
padding: 0;
}

div.guidehead h2 {
font-size: 1.5em;
font-weight: bold;
margin: 0 0 3px 0;
padding: 0;
}

div.guidehead h3 {
font-size: 1.1em;
margin: 0;
padding: 0;
}

.thisweek {
font-size: .9em;
font-weight: bold;
margin: 0;
padding: 0 0 3px 0;
text-transform: uppercase;
color: #ccc;
}

div.guideside {
float: left;
margin: 0 10px 10px 0;
padding: 0 10px 20px 0;
width: 165px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;

}

.quote {
 font-family: Palatino, Georgia, Serif;
font-style: italic;
font-size: 1.2em;
line-height: 1.4em;
margin: 20px 0 0 0;
padding: 0;
color: #ccc;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

.quotename {
font-style: italic;
font-size: 1.1em;
line-height: 1.1em;
margin: 0;
padding: 0;
float: right;
color: #ccc;
}

.caption {
color: #BACFE2;
font-size: .9em;
line-height: 1em;
margin: 2px 0 0 0;
padding: 0;
}
.caption2 {
color: #BACFE2;
font-size: 11px;
line-height: 1em;
margin: 2px 0 0 0;
padding: 0;
}




div.guidecontent {
margin: 0 0 0 0;
padding: 0;
}

div.guidecontent h2 {
font-size: 1.4em;
margin: 25px 0 0px 0;
padding: 0 0 3px 0;
}

div.guidecontent h3 {
color: #BACFE2;
font-size: 1.2em;
margin: 25px 0 0px 0;
padding: 0 0 3px 0;
text-transform: uppercase;
}

div.guidecontent h4 {
margin: 10px 0 2px 0;
font-size: 1.2em;
padding: 0;
text-transform: none;
}

div.guidecontent h5 {
margin: 10px 0 2px 0;
font-size: 1.2em;
padding: 0;
text-transform: none;
}
div.guidecontent p {
margin: 0 0 15px 0;
padding: 0;
}


div.guidecontent p.intro {
margin: 0 0 15px 0;
padding: 0;
font-size: 1.1em;
line-height: 1.2em;
}


div.guidenav {
margin: 0 7px 20px 10px;
padding: 10px 0 0 0;

}

div.guidenav h2 {
margin: 0 0 0px 0;
padding: 0;
font-size: 1.3em;
}

div.guidenav h3 {
margin: 0 0 1px 0;
padding: 0;
font-size: 1.1em;
color: #BACFE2;
}

div.guidenav p {
margin: 0 0 7px 0;
padding: 0;
font-size: .9em;
line-height: 1.1em;
}