/* 

STYLE SHEET FOR [Three columns]
Created by [BILL OSWALD AKA Oz]
[http://www.billoswald.net]

this version for www.billoswald.net


ToC

	1. defaults  
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes:
This will be a standard for replacing existing simple sites designed using table.
From then on tables will only be used for their true purpose.
Vary overall width by;  narrow.....#wrap width  760 or 770  
						wide.......#wrap width 1000 .
Reset #middle margin statements 

*/



/* --------- 1. defaults  --------- */

		{
		margin: 0;
		padding: 0;
		}

body 	
		{
	font: 75% Arial, Sans-Serif;

line-height:  background: ; 		background-color: #000000;
		}
		
		
		
/*  --------- 2. structure  --------- */

#wrapper
		{
		}
		
#wrap 	
		{ 
		padding: 0px  0px 0px 0px; width: 984px; margin: auto; border: solid 1px #840000;
		background-color: #781000;
		}
				
#masthead 
		{
		}
		
#header 
		{
		margin: 0; padding: 0; border: 
		/*border: solid 1px #781000; background-color: #781000;*/
		}		
		
#header h1 
		{
		margin: 0; padding: 5px; color: #d5ddcd;
		}
		
#header h1 a 
		{
		color: #fff;
		text-decoration: none;
		}

#header h1 a:hover 
		{
		color: #000;
		text-decoration: none;
		}
		
#header h2 
		{
		color: ;
		font-size: ;
		font-weight: ;
		padding: 0 0 0 0px;
		letter-spacing: px;
		line-height: px;
		}
		
#logo 	{
		}
		
#head_link 
		{
		margin: 0; padding: 2px; text-align: right; 
		border: solid 1px #781000; background-color: #781000;
		}
		
#head_link a 
		{
		margin-left: 5px; margin-right: 5px;
		text-decoration: none; color: #781000;
		}
		
		
		
#navContainer
		{ 	
		}
		
#wrap 
		{ 
		padding: 0px  0px 0px 0px;  margin:20px auto; background: #d5ddcd;
		}
		
#left 
		{ 
		float: left; width: 160px; border: solid 1px #d5ddcd;
		}
		
#left ul 
		{
		padding: 5px 10px 10px 10px; margin-left: 10px; 
		}
		
		
		
#middle {
		margin-left: 175px; margin-right: 181px; /*margin-top: 10px;*/ border: solid 1px #d5ddcd; 
		}		
		
		
#right 
		{ 
		float: right; width: 186px; margin-right: 2px; border: solid 1px #d5ddcd;
		}
		
		
#bottom wide 
		{
		float: right; width: 800px; margin-left:50px;
		}
	
#footer 
		{ 
		clear: both; margin: 0; text-align: center; 
		border: solid 1px #781000;background-color: #840000; 
		}
		
#content 
		{
		}
		
.box 
		{
		width: 95%;  margin-bottom: 10px; padding: 5px; 
		background-color: #FFFFFF; border: solid 1px #840000;
		}
		
.box2 
		{ 
		margin: auto; margin-bottom: 10px; padding: 5px; 
		background-color: #00ffff; border: 2;
		}
		
.box3
		{
		width: 95%; margin: auto; margin-bottom: 10px; padding: 5px; 
		background-color: #FFFFFF; border: groove 3px rgb(147,3,10);
		border-left-color: green; 
		border-left-width: 15px; 
		border-bottom-style: ridge; 
		border-bottom-color: yellow; 
		border-bottom-width: 25px; 

		}

.box a 
		{
		text-decoration: none; color: #781000;
		}
		
.box a:hover 
		{
		text-decoration: underline;
		}
		
.box ul 
		{
		margin: 0; padding-left: 15px; list-style: circle;
		}		
		
				
	/* float-clearing rules */
.separator 
		{
		clear: both;
		}

.separatorInvisible 
		{
		clear: both;
		height: 1px;
		}

.clearFix:after 
		{
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/* ---------- 3. links and navigation ---------- */
/*
a 
		{
		COLOR: #0000ff; text-decoration: none;
		}
		
a:visited 
		{
		COLOR: #6587E0; text-decoration: none;
		}		
		
a:hover 
		{
		hover {COLOR: #333; text-decoration: underline;
*/		}

#head_link
		{
		border: solid 1px #781000; background-color: #781000;
		}
		
#head_link a 
		{
		text-decoration: none; color: #781000;
		}
		
#head_link a:hover 
		{
		text-decoration: underline;
		}
				

#navigation 
		{		
		border: solid 1px #ff0000; background-color: #840000; margin-bottom: 10px; padding: 3px; 
		}

#navigation a 
		{
		border: solid 1px #5a6156; text-decoration: none; background-color: #004e4a; color: #d5ddcd; padding: 3px;
		}
		
#navigation a:hover
		{
		border: solid 1px #d5ddcd; background-color: #d5ddcd; color: #781000; 		}

#navigation ul
		{ 
		}

#navigation li 

		{
		}
		
/* ---------- 4. fonts ---------- */

html 
		{
		font-size: 16 px; font: serif
		}

body 
		{
		font-family: veranda; arial, sans-serif; font-size: 14px;
		}

h1, h2, h3, h4, p, ul
		{
		font-family: veranda; arial, sans-serif; font-size: 14px;
		}

h1 
		{
		}

h2 
		{

		 margin: 0 0 10px; padding: 10px 0 3px;
		}

h3 
		{
		padding-left: 0px; padding-bottom: 3px; color: #840000; border-bottom: solid 1px #000000;
		}
		
h4 		{
		}
		
h5
		{
		padding-left: 5px; color: #5a6156;
		}
		
h6
		{
		font-size 10px; font-style: italic;
		}
				
#footer h5 
		{
		margin: 0;
		}

#centext 
		{
		text-align: center;
		}		

p 
		{
		margin: 5px 0 10px 0;
		}

ul 
		{
		padding: 0; margin: 0 0 10px;
		}
		
li 
		{
		font-size: 10px; color: #0000FF; list-style-type: none;
		}
/* ---------- 5. images ---------- */

a img 	
		{
		border: none; 
		}