@charset "utf-8";
/* CSS Document */


*{
padding: 0px;
margin: 0px;
}


body{
background-color: #b6af99;
margin: 0px;
padding: 0px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}

#clear {
	clear:both;
	margin: 0px;
	padding: 0px;
	    }

#container{
margin: auto;
padding: 10px 15px 0px 15px;
width: 986px;
background-color:#ffffff;
}

#leftColumn{
float: left;
width: 728px;
margin: 0px 8px 0px 0px;
padding: 0px;
background-color: #ffffff;
}

#header{
width: 728px;
height: 122px;
padding: 14px 0px 14px 0px;
}

.subHeader{
margin: 11px 0px 11px 0px;
}


#rightColumn{
float: left;
width: 250px;
padding: 0px;
overflow: hidden;
background-color: #ffffff;
}

#rightColumnTabs{
margin-top: 11px;
width: 250px;
height: 290px;
}

#rightTopBox{
width: 250px;
height: 226px;
padding: 0px 0px 0px 0px;
background-image: url(/images/topRightBox.gif);
overflow: hidden;
}

#rightTopBox ul{
margin: 17px 0px 0px 20px;
	width: 240px;
	height: 226px;	
	list-style-image: url(/images/triBull.png);
	padding-left: 20px;	
	font-size: 14px;
	font-weight: bold;
}
#rightTopBox li{
padding: 0px 0px 29px 5px;
}

#rightTopBox a {
	text-decoration: none;
	color: #333333;
}
#rightTopBox a:hover {
	text-decoration: underline;
	color: #730F11;
}

/*mostBox*/
.mostSwitcher {
  clear: both;
  position: relative;
  width: 248px;
  /* for  dedicated: width: 100%;*/
  height: 288px;  /*corresponds to 'line-height' of a.navbartitle below */
  margin: 0; border: 1px solid #444444; padding: 0;
  text-align: center;
}

a.mostSwitcherTab {
  display: block; 
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 0; border: 0; padding: 0;
  height: 30px;/* corresponds to 'top' value of .submenu below */
  line-height: 38px;
  text-align: left;
  padding-left: 16px;
  text-decoration:none;
  cursor: pointer;
}

#recentTab { width: 104px; margin-left: 5px; background-image: url(/images/switch/mRtab.jpg); background-repeat: no-repeat;}
#popularTab { width: 103px; background-image: url(/images/switch/mPtab.jpg); background-repeat: no-repeat;}

.insideMost {
	position:absolute;
  z-index: 2;
  top: 53px; /* corresponds to line-height of a.navbartitle above */
  padding: 0; margin: 0; 
	width:200px; /* If adjust this, then adjust width of .submenu below a too */
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
	font-size: 11px;
}

.insideMostContainerR{
background-image: url(/images/switch/mostRecent.jpg); 
width: 224px; 
height: 205px; 
padding: 20px 4px 0px 10px;
margin-left: 5px;
}

.insideMostContainerP{
background-image: url(/images/switch/mostPopular.jpg); 
width: 224px; 
height: 205px; 
padding: 20px 4px 0px 10px;
margin-left: 5px;
}

.hrInsideMost{
background-image: url(/images/switch/hr.png); 
background-repeat: repeat-x; 
margin: 9px 0px 10px 0px; 
height: 1px; 
width: 90%;
}

.insideMost a{
  text-decoration: none;
  color: #000000;
}
.insideMost a:hover{
 color: #621215;
 text-decoration: underline;
}

#insideMostRecent {  left: 0px; }
#insideMostPopular {  left: 0px; }

.insideMost ul { 
	color: #666666;
	padding: 0px 10px 0px 12px;
}
#insideMostRecent ul {
list-style: url(/images/switch/bulletR.gif);
}
#insideMostPopular ul {
list-style: url(/images/switch/bulletP.gif);
}



#footer {
width: 728px;
height: 28px;
padding: 18px 0px 14px 0px;
text-align: center;
font-size: 14px;
color: #333333;
font-weight: bold;
clear: both;
}

#footer a{
	color: #333333;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #730F11;
}

#legalCopy{
	width: 728px;
	float: none;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-bottom: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	}
	
/* Start Home Splash  ----- Moved this code block to the content custom page css tool For Lee to have access to -------

#splash {
width: 728px;
height: 290px;
clear: both;
margin: 11px 0px 0px 0px;
text-align: center;
color: #ffffff;
background-image: url(/resources/images/content/home/splashBg.jpg);
}

#currentIssue{
width: 225px;
float: left;
}

#currentCover{
width: 145px;
height: 194px;
margin: 30px 50px 10px 50px;
}

#currentIssueId{
width:205px;
padding:0px 0px 0px 20px;
font-size: 12px;
font-weight: bold;
}

#viewSample {
padding: 12px 0px 0px 0px;
}

#viewSample a{
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
}

#viewSample li{
background: url(/resources/images/content/home/splashbullets.gif) no-repeat 1px;
}

#conversationsBox{
float: left;
text-align: left;
}

#conversationsText{
width: 250px;
height: 100px;
margin: 96px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
}

#conversationsText ul{
margin: 0px;
padding: 0px;
}

#conversationsText ul li{
background: url(/resources/images/content/home/splashbullets.gif) no-repeat 1px;
}

#conversationsText a{
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
padding: 0px 0px 0px 20px;
}



#hr{
height: 2px;
width: 55%;
background: url(/resources/images/content/home/hr.gif) repeat-x;
margin: 10px 0px 10px 0px;
}
------------------------------------------------------- End Splash code moved for Lee----------------------*/

/*resource directory page */
#resourceContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
       width: 500px;
}

#resourceContent a {
	font-weight: bold;
	text-decoration: underline;
	color: #316AC5;
}
#resourceContent a:hover {
	text-decoration: none;
	color: #999999;
}

#resourceContent h2 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #cccccc;
display: block;
width: 180px;
padding: 7px;
}

#resourceContent h3 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.sponsoredResource{
background-color: #cccccc;
border: 2px solid #222222;
width: 460px;
margin-top: 10px;
padding: 13px 13px;
}

.nonSponsordedResource{
margin: 7px 0px 7px 0px;
}
/*end resource directory page*/
#enews-table td{
padding: 5px;
vertical-align: top;
}
#enews-table td.formLabel{
padding: 7px 5px 5px 5px;
}
/* Ads */
#leaderTop{
width: 728px;
height: 90px;
margin: 0px 0px 0px 0px;
/*
border: 1px solid #999999;
*/
}
#leaderBottom{
	width: 728px;
	float: none;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 2px;
	}
#squareOne{
	width: 250px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 0px;	
	padding: 0px;
	}
#squareTwo{
	width: 250px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding: 0px;
	}
#halfOne{
text-align: center;
	width: 250px;
	margin-top: 15px;
	padding: 0px;
	/*border: 1px solid #999999;*/
	}
#halfTwo{
text-align: center;
	width: 250px;
	margin-top: 15px;
	padding: 0px;
	/*border: 1px solid #999999;*/
	}
#halfThree{
	width: 234px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding: 0px;
	}
#halfFour{
	width: 234px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding: 0px;
	}
#halfFive{
	width: 234px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding: 0px;
	}
#halfSix{
	width: 234px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 15px;
	padding: 0px;
	}
/* End Ads */