/*Style sheet for the home page of the Morris Ring site. JPM 15th October 2007*/
body 		{
	  		font: 10pt/1.1  times, serif;
	  		background: white url(../images/bkgnd.gif);
	  		text-align: center;
	  		padding: 0;
	  		margin: 0 10px;
      		}
#container {
	        width: 750px;
	        text-align: left;
	        border: 1px solid  #88cc88;
	        margin: 0 auto;
	        color: #363;
	        bottom: auto;
	        background: white;
            }
 
#header 	{
			font-family: times, serif;
          	text-align: center; color:#333; background: #8c8; 
		  	font-weight: bold; font-size:88%;
          	letter-spacing: 0.2em; 
          	font-variant: small-caps; margin: 0; padding: 0.2em;
          	}
          
#footer     {font-family: times, serif; font-variant: small-caps;
			 font-weight: bold;
			 position: relative;
             clear: both;
             background: #8c8;
	         color: #333;
	         padding: 2px;
	         text-align: center;
	         font-size:110%;
	         }
	         
#introduction		{
					float: right;				
					width: 600px; height: 255px;
					background: white url(../images/bampton2003.jpg) 4px 17px no-repeat; /*238 x 360 */
                	padding: 2; margin: 2px; 
                	font-family: times, serif;
                	font-variant: small-caps;
                	font-size: 125%;
                	text-align: justify;                	
                	/*border: 1px solid  #88cc88;*/
                	}
                	
p#intro				{width: 230px; margin: 2px 2px 10px 2px; padding: 2px; float: right;}

#google_search		{float: left; /*border: 1px solid  #88cc88;*/ margin: 0 10px; text-align: center;}

#contacts			{
					float: left;
                	padding: 2px; margin: 2px; 
                	font-family: times, serif;
                	font-variant: small-caps;
                	font-size: 95%;
                	width: 58%;
                	text-align: left;
                	/*border: 1px solid  #88cc88;*/
                	}
.sf_trad			{
					 float: right;
					 width: 38%;      			 
         			 margin: 2px;
         			 padding: 5px 0 0 0;
         			 font-variant: small-caps;
                	 font-size: 110%;
                	 /*border: 1px solid  #88cc88;*/               
					}

#start				{font-size: 140%; font-weight: bold;}

#update				{text-align: center; font-weight: bold;	}

#ring_news_col		{
					float: left; 
					width: 29%; 
					height: auto;
					vertical-align: top;                 	 
                	border: 1px solid  #dd0000; 
                	background: white;
                	padding: 2px; margin: 2px;
                	font-size: 100%;                	
                	}
                	
.news_highlight 	{border: 1px solid  #dd0000;
                	background: white;
                	padding: 2px; margin: 2px;
                	font-size: 90%; font-weight: 500;
                	text-align: justify;
                	line-height: 1.2;
                	 }
                	
#slideshow_col 		{
					float: right; 
					width: 67%; 
					height: auto;
		   			vertical-align: top; 
           			/*border: 1px solid  #88cc88;*/
          			margin: 2px; padding: 2px;           			
           			font-size: 100%;           			
           			}  
           			
#stats				{
           			float: right; 
					width: 99%; 
		   			vertical-align: top;
		   			height: auto;
		   			vertical-align: top; 
           			/*border: 1px solid  #88cc88;*/
          			margin: 2px; padding: 2px;           			
           			font-size: 100%;           			
           			}         		
.obit				{border: 2px solid black; 
					 padding: 5px; width: 304px; 
					 margin: 5px 20px;}
					 
.nopips				{list-style-type: none; margin-left: 0; padding-left:0;}
.nopips_news		{list-style-type: none; margin-left: 0; padding-left:0; margin-bottom: 20px; margin-top: 20px;}

h4.news				{font-size: 130%; margin: 10px 4px 4px 20px; line-height: 130%; color: #dd0000;}
h4.more_news		{font-size: 120%; margin: 0; padding: 0; text-align:center;  color: #dd0000;}

a:link    {color: #33f; text-decoration: none; z-index:1;}
a:visited {color: #f36; text-decoration: none; z-index:1;}
a:hover   {color: #93c; text-decoration: underline; z-index:1;}
a:active  {color: #3f6; text-decoration: none; z-index:1;}

/* Suckerfish Dropdowns - Thanks guys! See http://www.htmldog.com/articles/suckerfish/dropdowns/ 
Left to generate three sub-menus, I only use one of these */
#menu_pos		{margin-top: 5px; float: left;}
#nav, #nav ul 	{ /* all lists */
				padding: 1px;
				margin: 1px;
				list-style: none;
				float : left;
				width : 130px;
				font-size: 95%;
				}

#nav a.daddy 	{background: url(../images/rt_arrow.png) center right no-repeat;
				 }
#nav a.daddy:hover {color : #060;
					background-color : white;
				 	}			 
	
#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 15px;
		margin-bottom : -1px;
		width: 130px;
		background: white;
		}
	
#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 140px;
		margin-top : -18px;
		}
	
#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		}
	
#nav li a {
		width: 130px;
		w\idth : 130px;
		display : block;
		color : #060;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		border : 1px solid #060;
		padding : 0 5px;
		}
	
#nav li a:hover {color : white; background-color : #060;
		}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;
		}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		}
	
li img {float: left; margin:2px;}

.bottom_silos
{
	display: inline;
	float: left;
	width: 181px;
	height: auto;
	border: 1px solid #88cc88;
	background: #white;
	margin: 1px;
	padding: 1px;
	font-size: 80%;
}

.bottom_silos h3
		{
		text-align: center;
		margin: 0;
		padding: 0;		
		}

.bottom_silos ul, .bottom_silos li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.bottom_silos ul.menu-item
{
	height: 150px;
	margin: 0;
	padding: 0 0 0 2em;
	margin-top: 6px;
	overflow: auto;
}

.bottom_silos ul.menu-item li
{
	margin: 0 0 5px 0;
	text-indent: -1.2em;
}

#silo_position 
{
	width: 100%; 
	clear: both;
}