/* CSS Document - Shopper's Weekly */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-color: #98CBC2;
	background-image: url(images/pagebg.gif);
	background-repeat: repeat-x;
}
body,td,th {
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
}
.address {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
}
.calendartitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #333399;
}
.dropcapstitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
	color: #009900;
}
.whitedropcapstitle {
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.highlightlink {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}
.questionoftheweek {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #558080;
}
.askedby {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}
.question {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #333366;
}
.box {
	margin: 0px 3px;
	padding: 2px;
	border: 1px solid #000033;
}
div.skyscraper {
	height: 400px;
	width: 120px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 4px;
	margin-left: 2px;
}
div.mini {
	height: 200px;
	width: 120px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 4px;
	margin-left: 2px;
}
div.banner {
	height: 110px;
	width: 600px;
}
div.leaderboard {
	height: 120px;
	width: 720px;
}
div.calendar {
	height: 600px;
	Width: 630px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 12px;
	background-color: #EFE4C9;
}
div.wkfeatures {
	Width: 630px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #FCFFFC;
	padding-top: 12px;
	padding-bottom: 12px;
}
.accentednews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990000;
}
/* Weekly Features Index Page */
#feature span.wkfeaturetitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
}
#feature a:link {
	color: #333366;
	text-decoration: none;
}
#feature a:visited {
	color: #333366;
	text-decoration: none;
}
#feature a:hover {
	color: #443366;
	text-decoration: underline;
}
#feature a:active {
	color: #333366;
	text-decoration: none;
}
/* News, weekly features and Politically Speaking pages */
#news p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	text-indent: 24px;
	margin-bottom: 6px;
	margin-top: 4px;
}
#news p.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #333399;
	text-align: center;
	text-indent: 0px;
	margin-bottom: 8px;
	margin-top: 4px;
}
#news p.subtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-indent: 0px;
	margin-bottom: 8px;
	margin-top: 2px;
}
#news p.italicfootnote {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	color: #000000;
	text-align: left;
	text-indent: 24px;
	margin-bottom: 6px;
	margin-top: 4px;
}
#news p.noindent {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	text-indent: 0;
	margin-bottom: 6px;
	margin-top: 4px;
}
#news ul {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-indent: 0;
	text-align: left;
	margin-bottom: 6px;
	margin-top: 4px;
	list-style-type: disk;
}
#news ol {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-indent: 0;
	text-align: left;
	margin-bottom: 6px;
	margin-top: 4px;
}
/* "In the News paragraphs on home page */
#inthenews p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 4px;
}
#inthenews span.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #333366;
	margin-bottom: 20px;
	margin-top: 4px;
}
#inthenews a {
	color: #333366;
	text-decoration: none;
}
#inthenews a:hover {
	color: #006666;
	text-decoration: underline;
}
/* Politically speaking box on home page */
#ps {
	text-align: center;
	width: 360px;
	margin-bottom: 6px;
	border: 1px solid #999999;
	background-color: #F0EDEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666699;
}
#ps a {
	color: #333366;
	text-decoration: none;
}
#ps a:hover {
	color: #006666;
	text-decoration: underline;
}
/* Creative Design DIV at bottom of home page */
#creativedesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #0169DC;
	font-weight: bold;
	border-top: 1px solid #B1D8D1;
	border-right: 1px solid #79BBAF;
	border-bottom: 1px solid #79BBAF;
	border-left: 1px solid #B1D8D1;
	height: 82px;
}
#creativedesign a:link {
	color: #2D796D;
	text-decoration: none;
}
#creativedesign a:hover {
	color: #009D00;
	text-decoration: underline;
}
#creativedesign a:visited {
	color: #2D796D;
	text-decoration: none;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0169DC;
}
.titleheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4px;
	margin: 1px;
	color: #79BBAF;
	text-align: center;
}
.hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4px;
	margin: 1px;
	color: #FFFFDF;
	text-align: center;
}
/* Picture Display: News and Weekly Feature */
#pic {
	text-align: left;
	width: 220px;
	margin-right: 4px;
	border: 1px solid #666666;
	float: left;
}
#pic p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-indent: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 4px;
}
/* Video Display: News  */
#video {
	text-align: center;
	width: 480px;
	background-color: #FFFFD7;
	margin: 2px;
	padding: 2px;
	border: 1px solid #F9C668;
}
/* Picture Display: Photo Of The Week */
#photoofweek {
	text-align: center;
	width: 336px;
	margin: 1px;
	border: 1px solid #666666;
}
#photoofweek p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: center;
	text-indent: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 4px;
}
/* Pollitically Speaking Display Cartoon */
#cartoon {
	text-align: left;
	width: 310px;
	margin-left: 4px;
	border: 1px solid #AAAAAA;
	float: right;
}
/* Pollitically Speaking Archive Menu Display */
#psarchive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #DAE7E7;
	text-align: left;
	margin: 2px;
	padding: 4px;
	width: 628px;
	border: 1px solid #50AF6C;
	line-height: 19px;
}
#psarchive img {
	float: left;
	margin-right: 8px;
}
#psarchive a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
#psarchive a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
#psarchive a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006666;
	text-decoration: underline;
}
#psarchive a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
/* textlinks id for text menu bar at botton of page */
#textlinks {
	background-color: #EEFFEE;
	text-align: center;
	border: 1px solid #305062;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#textlinks a {
	color: #222266;
	text-decoration: none;
}
#textlinks a:hover {
	color: #006666;
	text-decoration: underline;
}
/* ====================================================== */
/* The following CSS for Drop-Down Nav Bar - 7/20/2010 sd - edited 7/24/2010 */
#nav {
	margin:0; 
	padding:0; 
	list-style:none;
	font-family:arial;
	font-size:11px;
}	

	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
#nav li {
	float:left; 
	display:block; 
	width:118px; 
	background:#FFFFFF; 
	position:relative;
	z-index:500; 
	margin:0px;
	background-image:url(navimg/button.jpg);

}
		
/* this is the parent menu */
#nav li a {
	display:block; 
	padding:8px 5px 0 5px; 
	font-weight:800;  
	height:22px; 
	text-decoration:none; 
	color:#FFFFFF; 
	text-align:center; 
	color:#FFFFFF;
}

#nav li a:hover {
background-image:url(navimg/buttonhover2.jpg);			
}
	
		
#nav a.selected {
	color:#FFFFFF;
}
	
/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0px; 
	padding:0; 
	list-style:none;
}
		
#nav ul li {
	width:118px; 
	float:left; 
	border-top:1px solid #FFFFFF;
}
		
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
	height:14px;
	padding: 5px 5px; 
	color:#FFFFFF
}
		
#nav ul a:hover {
	text-decoration:none;	
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}