/************************************* globalStyles.css index *************************************
1. Global styles
2. masthead styles
3. Footer styles
4. Search page styles
5. Complex Listing styles
6. Newsletter styles
7. Flash main styles
8. Spotlight sections on homepage styles
9. Right rail on homepage styles
10. zVents styles
11. MEMV portlet styles
12. Article display styles
13. Email form styles
14. Advertise page styles
15. Global ad styles
**************************************************************************************************/

/*################################### 1. Begin Global Styles ####################################*/
 body {
   font-family: arial, helvetica, sans-serif;
   background: #fff 0 0;
   padding: 0px;
   margin: 0px;
   text-align:center;
}

.contentBlock h2 {display:block; font-size:14px; margin:16px 0 2px 0;}
.contentBlock a {font-size:14px;}

.headline-small-blue {
  font: 12px normal tahoma, arial, sans-serif;
  font-weight:bolder;  
  color:#628694;
}
a.link-blue {
  font: 11px normal tahoma, arial, sans-serif;
  color: #628694 !important; 
  text-decoration:none;
}
a.link-blue:hover {
  font: 11px normal tahoma, arial, sans-serif;
  color: #628694 !important; 
  text-decoration:underline;
}
a.link-blue:visited {
  font: 11px normal tahoma, arial, sans-serif;
  color: #628694 !important; 
}

.blue-text {
  font: 14px normal tahoma, arial, sans-serif;
  color: #628694; 
}

td.gutter{
   display: block;
}

 div, span, ul, li {padding: 0;margin: 0; *margin-left: 1px !important;}
 a {text-decoration: none;}
 a:hover {
	color:#000 !important;
	text-decoration:underline;
}
 .adElement{margin: 10px 0;}
 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */

.adElement a:link,
.adElement a:visited,
.adElement a:hover {
 color: #ffffff;
}
.regionParent {
  border-spacing: 0; 
  padding: 0;
  margin: auto; 
  background-color: #ffffff
} 
.generic-body { 
  font:12px arial;	
}
.generic-body a:link {
  font:12px arial;
  color:#000000;
  text-decoration:none;
}
.generic-body a:hover {
  font:12px arial;
  color:#000000 !important;
  text-decoration:underline;
}
.generic-body a:visited {
  font:12px arial;
  color:#968571;
  text-decoration:none;
}
/* ################################### 2. Masthead CSS ########################################### */

.topNav a,s
#masthead_home a,
#navWrap a {
	text-decoration: none !important;
	}

/* container for everything above the navigation */
#masthead_home {
	top: 0px;
	left: 0px;
	background: #fff url(http://extras.mnginteractive.com/live/media/site39/2009/0811/20090811_105352_BayAreaMasthead.jpg) no-repeat  0 0;
	height: 210px;
	position: relative;
	width: 1000px;
	}

#home_masthead #masthead_home {
	background-image:url(http://extras.mnginteractive.com/live/media/site39/2009/0811/20090811_105352_BayAreaMasthead.jpg);
	height: 154px;
	}


/*--------------- BEGIN searchbar styles -----------------*/

*html .csearchtext{
height:18px;
}

#searchbar {
	height: 38px;
	position: absolute;
	left: 750px;
	top: 215px;
	width: 310px;
	padding: 0;
	}

.srHeadFF #searchbar {
	height: 38px;
	position: absolute;
	left: 700px;
	top: 215px;
	width: 310px;
	padding: 0;
}

#searchbar form {	
	padding: 0;
	}

#searchbar label {
	float: left;
	padding: 5px 0 0 15px;
	color: #21486d;
	font-weight: bold;
	}

#searchbar input {
	padding: 0;
	margin: 0;
	}

#searchbar form input.searchbox {
	background-color: #fff;
	border: 1px solid #444;
	width: 180px;
	height: 20px;
	margin: 0;
	}
	
#home_masthead #searchbar form input.searchbox {
	width: 220px;
	margin: 3px 0 6px 12px;
	}
	
#searchbar form input.button {
	background: url(http://extras.mnginteractive.com/live/media/site39/2009/0811/20090811_045831_gobutton.gif) 0 0 no-repeat;
        color:#444;
	padding: 0 4px 3px 4px;
	border:none;
	font-weight:bolder;
	}


*html #searchbar form input.button {
	margin: 0;
	padding: 0;
	margin-top:-2px;
	border:none;	
	}

/*--------------------- Begin Navigation ----------------------*/

/*Main Nav Behavior*/
#nav {
	margin-left: auto; /*DO NOT EDIT*/
	margin-right: auto; /*DO NOT EDIT*/
	position: relative; /*DO NOT EDIT*/
	display: block; /*DO NOT EDIT*/
	height: 1%; /*DO NOT EDIT*/
	}

/*Nav Bar Wrapper - sets the width/height/look of entire nav bar*/
#navWrap {
	width: 1000px;
	background: #fff url(http://extras.mnginteractive.com/live/media/site39/2009/0811/20090811_045804_grayNavBar.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	height: 40px;
	}

/*
you must add one of these for each nav dropdown making a general class destroys the measurements
*/
  
/*Main Nav Items*/
#nav #maindiv0,#nav #maindiv1,#nav #maindiv2,#nav #maindiv3,#nav #maindiv4,#nav #maindiv5,
#nav #maindiv6,#nav #maindiv7,#nav #maindiv8,#nav #maindiv9,#nav #maindiv10,
#nav #maindiv11,#nav #maindiv12,#nav #maindiv13,#nav #maindiv14,#nav #maindiv15,
#nav #maindiv16,#nav #maindiv17,#nav #maindiv18,#nav #maindiv19,#nav #maindiv20,
#nav #maindiv21,#nav #maindiv22,#nav #maindiv23,#nav #maindiv24,#nav #maindiv25,
#nav #maindiv26,#nav #maindiv27,#nav #maindiv28,#nav #maindiv29,#nav #maindiv30 {
	float: left;
	background: url(http://extras.mnginteractive.com/live/media/site39/2009/0811/20090811_050237_dropLeft.gif) 100% -10px no-repeat;
	height: 40px;
	}

#nav #maindiv5 {
	float: left;
	background: none;
	height: 40px;
}


/*Main Nav Item Links*/
#nav #maindiv0 a,#nav #maindiv1 a,#nav #maindiv2 a,#nav #maindiv3 a,#nav #maindiv4 a,#nav #maindiv5 a,
#nav #maindiv6 a,#nav #maindiv7 a,#nav #maindiv8 a,#nav #maindiv9 a,#nav #maindiv10 a,
#nav #maindiv11 a,#nav #maindiv12 a,#nav #maindiv13 a,#nav #maindiv14 a,#nav #maindiv15 a,
#nav #maindiv16 a,#nav #maindiv17 a,#nav #maindiv18 a,#nav #maindiv19 a,#nav #maindiv20 a,
#nav #maindiv21 a,#nav #maindiv22 a,#nav #maindiv23 a,#nav #maindiv24 a,#nav #maindiv25 a,
#nav #maindiv26 a,#nav #maindiv27 a,#nav #maindiv28 a,#nav #maindiv29 a,#nav #maindiv30 a {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 8px 10px 0 8.5px;
	text-decoration: none;
	}

/*Main Item Hover States*/
#nav .navHover {
        height:40px;
}

#nav .navHover a {
	text-decoration: none;
	background: url(http://extras.mnginteractive.com/live/media/site39/2009/0811/20090811_045905_navBG.gif) 100% 0 repeat-x !important;
	margin: 0;
	padding-bottom: 10px !important;
        color:#fff !important;

	}	


/*############################ End Navigation ##############################*/



/*########################## 3. FOOTER #############################*/

/*  ------- footer container */
#globalstyles .footer {
	font: normal 11px arial, helvetica, sans-serif;
	padding: 10px 0 10px 0;
	display:block;
	border-top: 1px solid #ccc;
        text-align: center;
        width:1000px;
	margin-left: auto;
	margin-right: auto; 
	position: relative;
	}
.footer table {
	font: normal 11px arial, helvetica, sans-serif;
}
.footer .copyrightlink{
font: normal 11px arial, helvetica, sans-serif;
}


/*  ------- footer links */
.footer a:link,
.footer a:active  {
	color: #000;
	padding: 0 0px 0 0px;
font-size:11px;
	}
.footer a:hover {
font-weight:normal !important;
}
.footer a:visited {
color:#666 !important;
}
.myyahooheadbutton img{
margin-top:-10px;
}


.layoutfooterlinks{
display:none;
}

/* Featured Links */
.featuretitle{
background-color:999999;
font:bold 15px Arial;
color:#ffffff;
padding-left:10px;

}

.homeArticleLinkText a{
text-decoration:none;
color:#333333;
padding-top:6px;
}

a.homeArticleLinkText:hover{
text-decoration:underline;
font-weight:normal !important;
}
a.homeArticleLinkText:visited{
color:#666 !important;
}


/* ############################### 4. Search Page Styles ################################ */

.srContainerMain {background-color: #fff;border-left: 1px solid #000000;border-right: 1px solid #000000;}

.srHeadFF a {font: normal 11px arial, helvetica, sans-serif; color: #fff; text-decoration: none;}
.srHeadFF a:visited {font: normal 11px arial, helvetica, sans-serif; color: #fff; text-decoration: none;}
.srHeadFF a:hover {font: normal 11px arial, helvetica, sans-serif; color: #fff; text-decoration: underline;}

.weatherHead {font: bold 11px arial, helvetica, sans-serif;}
.weatherSectionLink {font: bold 11px arial, helvetica, sans-serif !important;}
a.weatherSectionLink:hover {font: bold 11px arial, helvetica, sans-serif !important;}
.weather a {text-decoration: none;}
.weather a:visited {text-decoration: none;}
.weather a:hover {text-decoration: underline; font: normal 11px arial, helvetica, sans-serif; color: #fff;}

.loginNav a {font: bold 11px arial, helvetica, sans-serif !important; text-decoration: none;}
.loginNav a:visited {font: bold 11px arial, helvetica, sans-serif !important; text-decoration: none;}	
.loginNav a:hover {font: bold 11px arial, helvetica, sans-serif !important; text-decoration: underline;}

#srArchiveSearchURL {font-size: 11px;}
.subdiv {text-align: left;}

/*--------------- Search Page styles ---------------*/
#srTop .srButton{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #000000;
	color: #fff;
	margin-right:3px;
	margin-left:3px; 
        border:none;
	}
	
 #srTabNavigation td.searchTab {
	width:163px;
	background-color: #000000;
	color: #fff;
	font: bold .9em Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom:none;
	}

 #srTabNavigation td.inactive {
	background-color: #968571 !important;
	color: #fff;
        border:none;
        text-align:left;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
	}

 #srTabNavigation td.inactive a {
	background-color: #968571;
	color: #fff;
        border:none;
        text-align:left;
	}

 #srTabNavigation td.inactive a:hover {
	background-color: #968571 !important;
	color: #fff !important;
        text-decoration:underline;
        border:none;
        text-align:left;
	}
	
 #srBottom .srButton{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: #000000;
	color: #fff;
	margin-right:3px;
	margin-left:3px; 
        border:none;
	}
#srHeader {border:none;}
#srRelated{border-right: 1px dotted #3d6994; border-left: none; width:173px;}
#srFooter {border-left: none; border-top: none; border-bottom: 1px solid #000000; border-right:none;} 

.srFooterFF {width: 970px; background-color: #fff; float: none; text-align: left;}

.footer {font: 11px normal tahoma, arial, sans-serif; background-color: #fff;}
.footer a {color: #000; font-size: 11px; text-decoration: none;}
.footer a:visited {color: #000; font-size: 11px; text-decoration: none;}
.footer a:hover {color: #000; font-size: 11px; text-decoration: underline;}	
.footerLeft {text-align: left;}

.mediaPartners {text-align: left;}

.srPrivacyPolicy center {display: none;}
.srNewsBlurb {font-size:12px !important;}

/* ############################### 5. Complex Listing styles ######################################*/	

.complexListingBox {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
font: bold 10px Arial;
}

.complexListingBox a {
     text-decoration: none;
}

.complexListingBox br {
     display: none;
}

/* commenting out listing styles.  using freeform headers.
.complexListingTitle {
background: url(http://extras.mnginteractive.com/live/media/site234/2008/0411/20080411_122450_complexlistingtitlebarnew.gif);
    float: left;
display: block;
     font-size:16px;
     color: #5F343B;
     border-bottom: 1px solid #CBCBCB;
     width: 320px;
     text-indent: 5px;
padding-top: 0px;
      height: 21px;
}
*/


.lastUpdatedDate {
   display:none;
}

div .listingItemTitle, .listingItemTitle, .listingItemTitle a {
     color: #618995;
     text-decoration: none;
     font: bold 12px Arial;
     line-height: 1.2em;
     list-style-type: disc;
     text-indent: 0px;
     margin: 4 0 0 2;
     width: 100%;
     display: block;
}

 .complexlistinglink, a:hover{
color:#618995 !important;
text-decoration:underline;
}


.listingArticleBlurb{
font:normal 12px Arial;
color:#000000;
  display: block;
  margin: 0px 0px 0px 5px;
}

a.complexListingLink {
text-decoration: none;
color: #618995;
font:normal 12px Arial;
margin:-10px 0px 0px 0px;
padding: 0 0 0 10px;
}

a.complexListingLink:hover {
text-decoration: underline;
color: #618995 !important;
font:normal 12px Arial;
margin:-10px 0px 0px 0px;
padding: 0 0 0 10px;
}

.complexListingBox img {padding-top:8px !important; *margin-top:8px !important}

a.listingArticleLinkTo {
text-decoration: none;
color: #618995;
font: 11px Arial;
font-weight:normal !important;
line-height: 14px;
margin:0px;
display:block;
margin-bottom:5px !important;
}

a.listingArticleLinkTo:hover {
text-decoration: underline;
}

.complexListingBox li {
margin-left:5px;
padding:0 10;
font-size: 11px;
color: #618995;
display:block;
}

*html .complexlistingbox li{
padding:0px;
}

.complexListingFooter {
display: none;
}

.complexListingItemImage img {
padding-right: 5px !important;
margin-top:-5px !important;
}


.clHeader {
  font: 12px verdana, sans-serif;
  font-weight:bolder;
  border-bottom:1px solid #000;
  padding: 4px 0 0 0;
  margin: 12px 0 6px 0;
}

.clHeader a {
 color:#000;
}

.clHeader-noUnderline {
  font: 12px verdana, sans-serif;
  font-weight:bolder;
  padding: 4px 0 0 0;
  margin: 18px 0 0 0;
}

.clHeader-noUnderline a {
 color:#000;
}

.complexListingItemPhotoCredit {font-size:10px;}

/* ------------------ "More" Complex Styles ---------------- */
.clHeader a.headerlinkR {
          font: normal 11px verdana, arial, helvetica, sans-serif;
            color: #618995;
            float: right;
            letter-spacing: -1px;
}

.region3 a.complexListingLink {
margin: 0 0 0 -14px;
padding: 0px;
}
	
.region3 .complexListingBox {
padding: 0 0 16px 0;
}

.region2 a.listingItemTitle {
padding: 10 0 0 0 !important;
color:#000;
}

.region2 .listingArticleBlurb img {
padding: 0px;
margin: 4px 0 0 0;
}

.region2 .listingArticleBlurb {
padding: 0px;
margin: 4px 0 0 0px;
}

.region2b a.listingItemTitle {
padding: 10 0 0 0 !important;
color:#000;
}

.region2b a.listingItemTitle:hover {
padding: 10 0 0 0 !important;
}

.region2b .listingArticleBlurb {
padding: 0px;
margin: -8px 0 0 0px;
}

.region2b .listingArticleBlurb img {
padding: 0px;
margin: 12px 0 0 0;
}

.region4 a.listingItemTitle, .region5 a.listingItemTitle {
padding: 2px 0 0 0 !important;
color:#618995;
}

.region4 a.listingItemTitle:hover, .region5 a.listingItemTitle:hover {
padding: 2px 0 0 0 !important;
}

.region4 .listingArticleBlurb, .region5 .listingArticleBlurb {
padding: 0px;
margin: 2px 0 0 0px;
}

.region4 .listingArticleBlurb img, .region5 .listingArticleBlurb img {
padding: 0px;
margin: 4px 0 0 0;
}

.region9 .complexListingBox, .region13 .complexListingBox {
background-color:#cad5db;
width:321px;
margin:0px;
padding:0 8px 8px 8px;
}

.region9 .listingArticleBlurb img, .region10 .listingArticleBlurb img, .region12 .listingArticleBlurb img, .region13 .listingArticleBlurb img {
 border:1px solid #fff;
 margin-top:14px;
}


.region10 .complexListingBox, .region12 .complexListingBox {
background-color:#bccbae;
width:321px;
margin:0px;
padding:0 8px 8px 8px;
}


.region9 a.listingItemTitle, 
.region9 a.listingItemTitle:visited, 
.region10 a.listingItemTitle, 
.region10 a.listingItemTitle:visited, 
.region12 a.listingItemTitle, 
.region12 a.listingItemTitle:visited  
.region13 a.listingItemTitle, 
.region13 a.listingItemTitle:visited  {
background: url(http://extras.mnginteractive.com/live/media/site39/2009/0812/20090812_115022_arrow_black.gif) 0 2px no-repeat;
padding-left:12px !important;
color:#000;
}


.region9 a.listingItemTitle:hover, .region10 a.listingItemTitle:hover, .region12 a.listingItemTitle:hover, .region13 a.listingItemTitle:hover  {
color:#000 !important;
text-decoration:underline;
}

/* ############################### 6. Newsletter styles ######################################*/	
.packagesBox {
height:119px;
width:325px;
/*
<background-image: url(http://extras.mnginteractive.com/live/media/site39/2009/0811/20090811_051424_Newsletter.jpg);
*/
border-bottom: 10px;
}
#newsletterForm {
padding:80px 10px 10px 10px;
  
}
/* ############################### 7. Flash main syles ######################################*/
#flash-main {
    position: relative;
    z-index:0;
    padding:5px 0 20px 0;
}

/* ############################### 8. Spotlight content on homepage syles ######################################*/
.spotlightContainer-lt {
    width: 305px;
    *width: 321px;
    background-color: #bccbae;
    padding: 0 8px 8px 8px;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    overflow: hidden;
}
.spotlightContainer-dk {
    width: 305px;
    *width: 321px;
    background-color: #cad5db;
    padding: 0 8px 8px 8px;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    overflow: hidden;
}
.spotlightContainer-brn {
    width: 305px;
    *width: 321px;
    background-color: #ded7ba;
    padding: 12px 8px 0px 8px;
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size:11px;
    overflow: hidden;
}
.spotlightHeader-dkIMG {
    background-color: #cad5db;
    width: 321px;
    height:32px;
    padding:8px 0 0 0;
    margin:14px 0 0 0;
}
.spotlightHeader-ltIMG {
    background-color: #bccbae;
    width: 321px;
    height:32px;
    padding:8px 0 0 0;
    margin:14px 0 0 0;
}
.imageThumb {
    float:left;
    width:126px;
    margin-top:4px;
}
.imageThumb-right {
    float:right;
    width:126px;

    margin-top:4px;
}
.spotlightCaption {
    width: 181px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
}
.spotlightHeader-lt {
    color: #638797;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    font-weight:bolder;
    text-decoration:underline;
}
.spotlightHeader-dk {
    color: #638797;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    font-weight:bolder;
    text-decoration:underline;
}
.spotlightHeader-blk {
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
    font-weight:bolder;
}
.spotlightHeader-small {
    color: #000;
    font-family: arial, helvetica, sans-serif;
    font-size:11px;
    font-weight:bolder;
}
.spotlightFooter {
    margin-bottom:12px;
}
.link-orange {
  color: #993003;
}
.clear {
   clear:both;
   height:10px;
}

/* ############################ 9. Right rail on homepage styles ############################ */ 
p, .spotlight-content {
  font: 12px normal tahoma, arial, sans-serif;
}
.spotlight-content img {
  padding: 0 0 10px 0;
}
a.linkRR {
  line-height: 1.6em !important;
  font: 12px tahoma, arial, sans-serif;
  font-weight:bold;
  color: #628694; 
  text-decoration:none;
}
a.linkRR:hover {
  line-height: 1.6em !important;
  font: 12px tahoma, arial, sans-serif;
  font-weight:bold;  
  color: #628694 !important; 
  text-decoration:underline;
}
a.linkRR:visited {
  line-height: 1.6em !important;
  font: 12px tahoma, arial, sans-serif;
  font-weight:bold;    
  color: #628694; 
}

/* ####################################### 10. Zvents box styles ############################################ */

div.zvents_clear {clear: both;}

.zvents_invertednav {padding: 0;width: 100%;border-top: 5px solid #8ea5ad;background: transparent;voice-family: "\"}\"";voice-family: inherit;}
.zvents_invertednav ul {margin:0;margin-left: 5px;padding: 0;list-style: none;}
.zvents_invertednav li {display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;}
.zvents_invertednav a {float: left;display: block;font: bold 11px Arial;color: #000;text-decoration: none;margin: 0 1px 0 0;padding: 3px 5px;background-color: #cad5d9;border-bottom: 8px solid white;}
.zvents_invertednav a:hover {background-color: #8ea5ad;padding-top: 5px;padding-bottom: 0;border-bottom-color: #8ea5ad;color: white;}
.zvents_invertednav .current a {background-color: #8ea5ad;padding-top: 5px;padding-bottom: 0;border-bottom-color: #8ea5ad;color: white;}

.zvents_title {font:bold 24px arial;color:#8ea5ad;margin-bottom:-7px;}
.zvents_maincontainer {width:322px;border:1px solid #8ea5ad;}

.zvents_topsection {background:#fff;padding:5px 10px;font:11px arial;text-align:left;}
.zvents_topsectionnote {font:11px arial;margin-bottom:5px;}
.zvents_topsection input,form {font:11px arial;margin:0;}

.zvents_searchlinks {float:right;font:9px arial;color:#8ea5ad;}
.zvents_searchlinks a {color:#8ea5ad;}
.zvents_searchlinks a:hover {color:#8ea5ad;}
.zvents_calendarcontainer {background-color:#E6E6E6;border:1px solid #CBD6EC;padding:5px;text-align:center;margin-top:8px;}
.zvents_calendarcontainertitle {font:11px arial;float:left;}
.zvents_fivepixels {line-height:5px;}
.zvents_upcomingevents {padding-top:8px;padding-bottom:5px;font:11px arial;}
.zvents_upcomingevents ul {margin-top:0;margin-bottom:0;padding-top:8px;padding-bottom:5px;font:11px arial;}
.zvents_upcomingevents li {margin-left:-10px;list-style-type:none;font:11px arial;}
.zvents_upcomingevents a {font:11px arial;color:#000;line-height:1.3em;}
.zvents_upcomingevents a:hover {color:#8ea5ad;}

/* ####################################### 11. MEMV portlet styles ############################################ */
.mostViewedBox {
	color: #000;
	display: block;
	float: left;
	font: normal 12px arial,helvetica,sans-serif;
	margin: 0;
	padding: 0;
	width: 320px;
	position: relative;
	background: url(http://extras.mnginteractive.com/live/media/site39/2009/0812/20090812_114800_MEMV-head_bg.gif) repeat-x right 0;
	padding: 0;
	}
	
.region4 .mostViewedBox {
width: 310px;
}

.mostViewedBox a:active {
	outline: none !important;
	}

.mostViewedBox a:focus { 
	-moz-outline-style: none;
	}

ul.mostTabsBox {
	height: 25px;
	margin: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	clear:both;
	width: 245px;
	clear: both;
	background: url(http://extras.mnginteractive.com/live/media/site39/2009/0812/20090812_114800_MEMV-head_bg.gif) no-repeat 0 0;
	padding:0px;
	}


.mostTabsBox li {
	float: left;
	white-space: nowrap;
	line-height: 12px;
	margin: 0;
	padding: 0;
	background: none;
	}

.mostTabsBox li a {
	margin: 0;
	padding: 7px 9px 6px;
	font-weight: bold;
	float: left;
	text-decoration: none;
	color: #fff;
	}

.mostTabsBox li a:hover {
	color: #fff !important;
	text-decoration: underline;
	}

.mostTabsBox li.mostTabSelected {
	margin: 0px;
	padding: 0px;
	background: url(http://extras.mnginteractive.com/live/media/site39/2009/0812/20090812_114903_MEMV-top_tab.gif) no-repeat;
	color: #333;
        width:100px
	}

.mostTabsBox li.mostTabSelected a:link, 
.mostTabsBox li.mostTabSelected a:visited, 
.mostTabsBox li.mostTabSelected a:active {
	color: #333 !important;
	padding: 7px 9px 6px;
	text-decoration: none;
	}

.mostTabsBox li.mostTabSelected a:link, 
.mostTabsBox li.mostTabSelected a:visited, 
.mostTabsBox li.mostTabSelected a:active {
	background:none;
	}

.mostTabsBox li.mostTabSelected a:hover {
	text-decoration: underline;
	}

.mostHeader {
	clear: both;
	padding: 5px;
	font: normal 11px arial,helvetica,sans-serif;
	color: #666;
	}

.mostNote {
	padding-bottom: 6px;
	}

.mostRss img {
	vertical-align: middle;
	border: none;
	position: absolute;
	top: 6px;
	right: 8px;
	}

.mostTabBody {
	margin: 0pt 0pt 2px;
	padding: 8px;
	border: 1px solid #638795;
	border-top: none;
	background: #fff;
	}

.mostTabBody ol {
	padding: 0 0 0 30px;
	margin: 0;
	}

.mostTabBody li {
	font-weight: bold;
	color: #638795;
	margin-bottom: 5px;
	}

.mostTabBody li a {
	font-weight: normal;
        color: #638795 !important;
	text-decoration: none;
	}

.mostTabBody li a:hover {
	text-decoration: underline;
	color: #638795;
	}

/* ####################################### 12. Article display styles ############################################ */
.articleOptions {
  margin: 0 0 0 0;
  text-align:left;
  color: #666;
}

.articleDate {
  font: normal 11px arial,helvetica,sans-serif;
  color: #000;
}

.articleBody {
  font: normal 12px arial,helvetica,sans-serif;
  color: #000;
}

.articleBody img {padding:10px;}

/* -------------- Embedded Image Viewer/Gallery Styles -------------------- */

#photoviewer {
	width:200px; 
	padding: 0;
	border: 2px solid #638795;
	background-color: #9fb2b3;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
#photoviewer .clicktoenlargephoto {
	margin: 0;
	height: 14px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #fff;
	background-color: #9fb2b3 !important;
	border-bottom: none;
	display: block;
}
#photoviewer .photocontainer {
    margin: 0 auto;
	padding: 0;
	background-color: #fff;
	overflow: hidden;
	display: table;
	_position: relative;
}

#photoviewer .photocell {
	_position: absolute;
	_top: 50%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#photoviewer .photocell a:link img, #photoviewer .photocell a:visited img {
	border-style:none;
}

#photoviewer .photo {
	_position: relative;
	_top: -50%;
}
*html #photoviewer p {
	padding: 5px;
}
#photoviewer div.caption {
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #000;
	background-color: #eee;
	border:none !important;
}
#photoviewer ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	background-color: #9fb2b3;
	max-height: 30px;
}
#photoviewer ul li {
	float: left;
	margin: 0;
	padding: 0;
	border:none !important;
}
#photoviewer ul li a {
	display: block;
	padding: 5px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
        font-weight:bolder;
        text-decoration:none !important;
}
#photoviewer ul li a:hover {
	color: #fff !important;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
        font-weight:bolder;
        text-decoration:underline !important;
}	 
#photoviewer ul li.on {
	color: #fff;
	text-decoration: none;
	background-color: #638795;
}
#photoviewer ul li.previous {
	float: left;
	margin: 0;
	padding: 0 35px 0 0;
}
#photoviewer ul li.next {
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	border: none;
	background-color: transparent;
}
#photoviewer ul li.previous a, #photoviewer ul li.next a  {
	display: block;
	color: #fff;
	border: none;
	background-color: transparent;
}
#photoviewer ul li.previous a, #photoviewer ul li.next a:hover  {
	color: #fff;
        text-decoration:underline;
}
#photoviewer table.controlbox {
	float: left;
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	background-color: #999;
	max-height: 30px;
	width: 100%;
}
#photoviewer td li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	border-right: 1px solid #000;
}
#photoviewer tr td li {
	border-left: 1px solid #000;
}

#photoviewer td li a {
	display: block;
	padding: 5px;
	color: #333;
}	 
#photoviewer td li.on {
	color: #666;
	text-decoration: none;
	background-color: #ccc;
}
#photoviewer td li.previous {
	float: left;
	margin: 0;
	border: none;
}
#photoviewer td li.next {
	float: right;
	margin: 0;

	border: none;
	background-color: transparent;
}
#photoviewer td li.previous a, #photoviewer td li.next a  {
	display: block;
	color: #333;
	border: none;
	background-color: transparent;
}
#photoviewer .footer {
	clear: both;
	margin: 0;
	padding: 0;
        width:0px;
}

#photoviewer div.controlbox {
	height: 30px;
}

#photoviewer li {
	list-style-image:none;
}


/* ####################################### 13. Email form styles ############################################ */
input, textarea, select {
border: 1px solid #444;
margin:0 0 2px 0px;
}

.formField {
  font: normal 12px arial,helvetica,sans-serif;
  color: #444;
  text-align:left;
  display:inline;
  margin: 0 0 0 20px;
}

.formCheckbox {
  font: normal 12px arial,helvetica,sans-serif;
  color: #444;
  text-align:left;
  display:inline;
  margin: 0 0 0 -66px;
}

.formTitle {
  display:none;
}

.formNotes {
 display: none;
}

.formRequired {
  font: normal 11px arial,helvetica,sans-serif;
  color: #ff0000;
  text-align:left;
}
.formRequired b,h2 {
display:none;
}
/* ################################## 14. Advertise page styles ###################################### */
.contentblock a:link {
  text-decoration: none;
  color: #638795;
}

.contentblock a:hover {
  text-decoration: underline;
  color: #638795;
}

/* ################################## 15. Advertise page styles ###################################### */
#adPosition0 iframe {overflow:hidden; width:800px;}



/* ################################## 16. Slideshow styles ###################################### */
.gallerylayer img {padding:0px !important}

/* Editorial Calendar */
#editCal  a {font: bold 16px arial,helvetica,sans-serif; color: #000; text-decoration: none;}
#editCal  a:hover {font: bold 16px arial,helvetica,sans-serif; color: #000 !important; text-decoration: underline;}

#calEmail  a {font:  12px arial,helvetica,sans-serif; color: #000; text-decoration: none;}
#calEmail  a:hover {font:  12px arial,helvetica,sans-serif; color: #000 !important; text-decoration: underline;}
