/*  WillisMainStyles.css */

@import url(undohtml.css);

body
	{ font: 1em "comic sans ms", "comic sans", TSCu_Comic, cursive;
	  text-align: center;
	  width: 100%;
	  background-color: #000000;
	  color: #ffcc66;
	  margin-top: 5px;
	  margin-bottom: 5px;
	  margin-left: 5px;
	}

#container { width: 800px;
				 margin: 10px 10%;
				 text-align: left;
				 line-height : 1.25em;
			  }	

#header { width: 700px;
			 height : 200px;
			 background : url(images/Banners/WillisBanner7.jpg) no-repeat;
			 position: relative;
			 margin-left: 100px;
			 color: #ffcc66;
			 background-color: inherit;
		  }					 

#navleft { float: left;
			  position: relative;
			  width: 220px;
			  margin: 5px auto 5px auto;
			  line-height: 44px;
			 }

#maincontent { margin-left: 230px;
					margin-right: 10px;
				 }	

#content { width: 550px;
			  margin-left: 230px;
			  margin-right: auto;
			}

#content p { font-size: .8em;
			    letter-spacing: .08em;
				 margin-bottom: 10px;
				 line-height: 1.25em; }		

p:first-letter 	{ font-size: 1.25em;
						  font-style: italic;
					   }

#content p a { font-family: "comic sans ms", "comic sans", TSCu_Comic, cursive;
					color: #ff9900;
		 			background-color: inherit;
					text-decoration: none; }						

#footer  {clear: both;
			 background : url(images/MiscGraphics/BottomBar.png) no-repeat;
			 font-weight: bold;
		    color: inherit;
			 background-color: inherit;
			 letter-spacing: .08em;
			 line-height: 1em;
			 margin-bottom: 10px;
			 border-top: 1px solid rgb(173,59,18);
			}					

/* Guestbook styling - mostly to center without using <center> tags, which are prohibited in XHTML Strict */

#guestbook { margin-left: 325px;
				 margin-top: 15px;
 			  }

#guestbook h3 { margin-left: -300px; }
/* End Guestbood styling */			

h3				 {font: normal .65em "Comic Sans MS", "comic sans", TSCu_Comic, cursive;  
		        color: rgb(255, 204, 102);
		        background-color: inherit;
		        text-align: center;
			     letter-spacing: 0.08em;
				 }

h3.validate a { text-decoration: underline; }				 

h4	        {font: normal .65em "Comic Sans MS", "comic sans", TSCu_Comic, cursive;
				color: rgb(255, 153, 0); 
	         background-color: inherit;
			   letter-spacing: 0.08em;
			  }		   

h4.whuppin  	{font-size: .65em;
		   	 	 font-weight: bold;
		   	    color: #ff9900;
		   	    background-color: inherit;
		   	    text-align: center;
				   }

h4 a:link { color: #ff9900;
				background-color: inherit; }					

h4 a:visited { color: #ff9900;
					background-color: inherit; }				

a.notice { font-weight: bold;
		   }						 

.copyright 	
		{
		  font-family: arial, sans-serif;
		  color: #ffcc66;
		  background-color: inherit;
		  font-size: .65em;
		  font-weight: bold;
		  text-decoration: none;
		 }

.imagefloatR img {padding: 2px;
			     border: none;
              margin: 0 0 10px 10px;
				  float: right;
				  width: auto;
				 }			 

.imagefloatR h3, .imagefloatL h3 { font-size: .8em;
			        	letter-spacing: .08em;
				 	  	margin-bottom: 10px;
						text-align: left; 
					 }				 

.imagefloatL img {padding: 2px;
			     border: none;
              margin: 0 10px 10px 0;
				  float: left;
				  width: auto;
				 }					 

a:link
		{font-family: arial, sans-serif;
		 color: #ff9900;
		 background-color: inherit;	
		 font-weight: bold;
		 text-decoration : none;
		}

a:visited
		{font-family: arial, sans-serif;
		 color: #ffcc66;
		 background-color: inherit;	
		 font-weight: bold;
		 text-decoration : none;
		}	

a:hover
		{font-family: arial, sans-serif;
		 color: #ffcc66;
		 background-color: inherit;	
		 font-weight: bold;
		 text-decoration : none;
		}	

a:active
		{font-family: arial, sans-serif;
		 color: #ff9900;
		 background-color: inherit;	
		 font-weight: bold;
		 text-decoration : none;
		}			 

.button { width: 190px;
          border: none;
			 vertical-align : 50px;
			 padding: 12px;
		  }