/* CSS Document for wood type fluid layout
   christian-coder.com 
   Author: Jeff Ludwig 
   Feel free to glean inspiration, as much inspiration as this document shows
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Global style declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
body { Font-Family: Georgia, "Times New Roman", Times, serif;
	Font-Size: 14px;
	Background: #bbccff url(/images/background/wood2.jpg) no-repeat fixed 0 0; }
#masthead { 
	Margin: 0 1%;
	Width: 98%;
	Border-Bottom: 3px solid #880000; }
#masthead h1 { Color: #eedd00;
	Font-Family: "Times New Roman", times, serif;  }

/* Rounded corners
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.column_top, div.column_bottom, div#sidebar {
	Width: 100%;
	Margin: 0;
	Padding: 0; }
div.column_top, div.column_bottom { Height: 16px; }
div.column_top { Margin-Bottom: -3px; }


/* Sidebar declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#sidebar li { 
	Color: #eeeeee; }
div#sidebar li:hover > ul { 
	Color: #ffffaa; }
div#sidebar h2, div#sidebar h2 a:link, div#sidebar h2 a:visited { 
	Color: #eeeeee; }
div#sidebar li a:link, div#sidebar li a:visited { Color: #eeeeee; }
div#sidebar li a:hover, div#sidebar h2 a:hover { Color: #ffffaa; }

/* Content window declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content_container { Width: 94%;
	Margin: 0 3%; }
#content_container div.column_top img, #content_container div.column_bottom img { Display: none !important; }
* #content_container div.column_top { Background: url(/images/templates/borders/top_woodtile.png) repeat-x;
/*	Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background/wood-strip.jpg', sizingMethod='scale') !important; */ }
* #content_container div.column_bottom { Background: url(/images/templates/borders/bottom_woodtile.png) repeat-x; 
/*	Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background/wood-strip.jpg', sizingMethod='scale') !important; */ }
#content { Background-Color: #ffeebb; }

#content h1 { Border-Bottom: 1px solid #cc0000;
	Color: #222222; }
#content h1 .highlight  { Color: #445588; }
#content .shadowTitle h1 { 	Color: #ffaa66; }
#content .highlightTitle p { Color: #774422; }
#content h2 { Background-Color: #553322; 
	Border: 1px solid #ffff88;
	Border-Width: 1px 0;
	Color: #eedddd; }
#content h3 { Color: #cc0000; }
#content p, #content div.testimonyAuthor { Color: #442211; 
	Line-Height: 2em; }
#content li { Color: #bb4411;
	Line-Height: 2em; }
#content a { Color: #880000; 
	Text-Decoration: underline; }
#content ul li a { Color: #880000; }
#content a:hover { Color: #bb4411; 
	Text-Decoration: underline; }
#content ul li a:hover { Color: #bb4411; }

#content form.nav select { Background-Color: #bbddff;
	Border: #1144aa solid 1px; }
#content form.nav input { Background-Color: #bbddff;
    Border: #1144aa solid 1px;
	Border-Bottom-Color: #ffff88;
	Border-Right-Color: #ffff88; }




/* Footer window declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer { 
	Border: #1144bb solid 1px;
	Border-Left-Width: 2px;
	Border-Right-Width: 2px; 
	Color: #ffffff;
	Background: #bbccff url(/images/background/wood-strip.jpg) repeat-y; }
#footer a, #footer a:link, #footer a:visited { Color: #ffffcc; 
	Text-Decoration: none; }
#footer a:hover { Color: #ffee99; }


/* Re-styling of menus (drop down rather than pull out)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Sidebar declarations that pertain directly to the menu system
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#sidebar_container {
	Width: 90%;
	Margin: 10px 5% 0;
}

#sidebar_container div.column_top, #sidebar_container div.column_bottom { Display: none; }

div#sidebar h2 { Clear: both; 
	Font-Weight: bold; 
	Background: none;
	Border: 0; 
	Padding: 0;
	Margin: 0;
	Font-Size: 80%;
	Line-Height: 1.9; }	
div#sidebar ul { 
	Display: block; 
	Float: left;
	Height: 20px;
	Padding: 0px 5px 3px; 
	Margin: 0; }

div#sidebar li {
	Display: block; 
	Float: left; 
	Padding: 3px 8px;
	Margin: 0;
	
	Text-Align: center; 
	Line-Height: 1.9;
	List-Style-Type: none;
	Font-Size: 80%; }

div#sidebar li a, div#sidebar li ul li a { Width: 150px; 
	Text-Decoration: underline; }
div#sidebar li a:hover, div#sidebar li ul li a:hover { Text-Decoration: none; }
div#sidebar li.submenu > a { Padding-Left: 0px; }
div#sidebar li.submenu { }

div#sidebar li a:link, #sidebar li a:visited { Text-Decoration: underline; }
	

div#sidebar li ul { display: none; }
div#sidebar li:hover > ul {
	Position: absolute;
	Display: inline;

	Width: 150px;
	Border-Top: 1px solid #ffffcc;
	Margin-Top: -0.1em;
	Z-Index: 99; }
		
div#sidebar li:hover > ul > li { 
	Display: block; 
	Font-Size: 100%;
	Width: 150px;
	Margin: 0;
	Padding: 4px 8px;
	
    Background: #bbccff url(/images/background/wood-strip.jpg) repeat-y; 
	Border: 1px solid #ffffaa; 
	Border-Top: 0; }


div#sidebar span.disposable { Display: none; }

h2.styles { Color: #ffffaa; }
ul.styles li { Color: #442211; }
ul.styles li a, ul.styles li a:link, ul.styles li a:visited { Color: #442211; }
ul.styles li a:hover { Color: #ffffaa; }