/* CSS Document */

/* CSS Document */

	
body {	background: #35140a;
		margin: 0px 6px 0px 0px;
   		padding: 0;
   		text-align: left;
		font:11px/13px Verdana, Arial, Helvetica, sans-serif;}
		
#Date {
		color:#660000;
		margin: 0px 6px 0px 0px;
   		padding: 0;
   		text-decoration:underline;
   		text-align: left;
		font:11px/13px Verdana, Arial, Helvetica, sans-serif;}
		
#headline {
		color:#000000;
		margin: 0px 6px 0px 0px;
   		padding: 0;
	    font-style: italic;
	    line-height: 18px;
   		text-align: left;
		font:11px/14px Verdana, Arial, Helvetica, sans-serif;}
		

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a {		color:#660000; text-decoration:none;}
a:hover { text-decoration: underline; color: #660000; }
a:visited { text-decoration: none; color: #660000; }
.red {		color:#660000;}

h1 { font: bold italic 15px/17px Georgia, "Times New Roman", Times, serif; color: #000; margin: 0 0 5px 0; padding:0; }
h2 { font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif; }
h3 { font: bold italic 20px/22px Georgia, "Times New Roman", Times, serif; color: #000; margin: -5px 0 0 0; padding:0; }

ul, ol {
	margin:5px 10px;
	padding:5px 10px;}
	
li {
	margin:0;
	padding:4px 0;}
	


.copyright {
	text-align: center;
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif; color:#696969; 
}


.caption { font: italic 10px/13px Verdana, Arial, Helvetica, sans-serif;}

#shell { 	width:800px;
			margin: 0px auto;
   			padding: 0;}
			
#top { 	width:800px;
			height:113px!important;
			height:111px;
			background: #000  url("../images/Btop2.gif") top left no-repeat;
			margin: 0;
			padding: 0;
			display:block;
			float:left;
			text-align:left;}
			
#content { 	width:800px;
			background: #35140a  url("../images/Bback2.gif") top left repeat-y; 
			display:block;
			float:left;}
			
#flash { 	width:740px;
			margin: 0 0 0 10px!important;
			margin: 0 0 0 5px;
			background: #35140a; 
			display:block;
			float:left;}
		
			

			
#center { 	width:780px;
			margin: 0 0 0 10px!important;
			margin: 0 0 0 5px;
			padding:20px 0;
			background: #ffffff  url("../images/shadback2.gif") top left repeat-x; 
			display:block;
			float:left;}

			
#c1 { 	    width:483px;
			margin: 0 27px 0 20px!important;
			margin: 0 27px 0 10px;
			vertical-align:top;
			text-align:left; 
			display:block;
			float:left;}
			
#c1trends { 	    width:523px;
			margin: 0 27px 0 20px!important;
			margin: 0 27px 0 10px;
			vertical-align:top;
			text-align:left; 
			display:block;
			float:left;}
			
			
#cfull { 	width:736px;
			margin: 0 27px 0 20px!important;
			margin: 0 27px 0 10px;
			vertical-align:top;
			text-align:left; 
			display:block;
			float:left;}
			
						
			
#c1trend { 	width:554px;
			margin: 0 27px 0 20px!important;
			margin: 0 27px 0 10px;
			vertical-align:top;
			text-align:left; 
			display:block;
			float:left;}
			
			
#c2 { 	    width:197px;
			margin: 0;
			padding:12px;
			border: thin  solid #B4A153;
			background: #f3f2ec url("../images/highlightback2.gif") top left no-repeat;
			vertical-align:top;
			text-align:left; 
			display:block;
			float:left;
			color:#ffffff;}
			
#c2trends { 	    width:137px;
			margin: 0;
			padding:12px;
			border: thin  solid #B4A153;
			background: #f3f2ec url("../images/highlightback2.gif") top left no-repeat;
			vertical-align:top;
			text-align:left; 
			display:block;
			float:left;
			color:#ffffff;}
	
						
#c2sub { 	width:197px;
            height:258px;
			margin: 0;
			padding:12px;
			vertical-align:top;
			text-align:left;
			display:block;
			float:left;}
			
#c2trend { 	width:170px;
			margin: 0;
			padding:102px 0 0 0 !important;
			padding:115px 0 0 0;
			vertical-align:top;
			text-align:left;
			display:block;
			float:left;}			
			
			
#square { 	width:135px;
            height:135px;
			margin: 0;
			padding:0 5px 10px 5px;
			vertical-align:top;
			text-align:left;
			display:block;
			float:left;
			}
			
			

#squarepic {border: thin  solid #B4A153;
			}
	
#trendintrol {	display:block;
				float:left;
				width:310px;
				padding:0 10px 0 0;
			}
			
#trendintror {	display:block;
				float:left;
				width:310px;
				padding:0 0 0 10px;
			}
			
#story a {	display:block;
			color:#000000;
			float:left;
			}
#story a:hover {	display:block;
			color:#000;
			float:left;
			text-decoration:none;
			background-color:#d0cec5;
			}
			
#storytrend {	display:block;
			color:#000;
			float:left;
			text-decoration:none;
			width:100%;
			}
			
#divider { 	width:483px;
			height: 1px;
			display: block;
			float:left;
			margin: 12px 0;
			padding:0;
			background: url("../images/divider.gif") top left no-repeat;
		}

#divider2 { 	width:483px;
			height: 1px;
			display: block;
			float:left;
			margin: 8px 0;
			padding:0;
			background: url("../images/divider.gif") top left no-repeat;
		}
		
						
#bottom { 	width:800px;
			height:114px;
			padding:40px 0 0 0;
			background: #35140a  url("../images/Bfoot2.gif") top left no-repeat; 
			display:block;
			float:left;
			line-height: 18px;
			color:#bbbab1;
			}
			
#bottom a {		color:#bbbab1; text-decoration:none;}
#bottom a:hover { text-decoration: underline; color: #bbbab1; }
			
#logo { 	margin: 13px 0 0 20px;
			float:left; 	
			display: block;
			}
			
.image { 	border: thin  solid #B4A153;
			font: italic 10px/12px Verdana, Arial, Helvetica, sans-serif;
			margin:0 0 5px 0;}
			
		/* Navigation */

#nav {
	width: 513px;
	height:40px;
	margin: 35px 0 0 30px;
	padding: 0 0 0 0px;
	float: left;
	display:block;
	background: url("../images/navfull2.gif") top left no-repeat;
	text-align:left;
}

#subnav ul#submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 40px;
	}

#subnav ul#submenu li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 40px;
}

#subnav ul#submenu {
	width: 513px;
	height: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
#subnav ul#submenu li, ul#submenu a {
	height: 40px;
	display: block;
	}

#subnav #aboutmenu { left: 0; width: 131px;}
#subnav #trendsmenu { left: 170px; width: 162px;}
#subnav #contactmenu {left: 406px; width: 197px;}

#subnav #aboutmenu a:hover { background: url("../images/navfull2.gif") 0 -40px no-repeat;}
#subnav #trendsmenu a:hover { background: url("../images/navfull2.gif") -170px -40px no-repeat;}
#subnav #contactmenu a:hover { background: url("../images/navfull2.gif") -406px -40px no-repeat;}

/* you are here */
/*/*/
#about #subnav #aboutmenu { background: url("../images/navfull2.gif") 0 -40px no-repeat;}
#trends #subnav #trendsmenu { background: url("../images/navfull2.gif") -170px -40px no-repeat;}
#contact #subnav #contactmenu { background: url("../images/navfull2.gif") -406px -40px no-repeat;}

/* FORM */

.searchbox {
	font-style: italic;
	padding: 0 0 10px;
	}
	
.stretchy { width: 99%; }


.catname {
text-align: center;
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

.catdesc {
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

.catimage {
vertical-align:top;
}

.catimage {
vertical-align:top;
}

.catname {
vertical-align:top;
text-align: center;
}

.catnavigation {
vertical-align:middle;
text-align: left;
}