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

/* Global style declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
body { Background: #bbccff url(/images/background/sky.jpg) no-repeat fixed 0 0;
	Width: 1024px; }
#masthead { Border-Bottom: 3px solid #006600; }


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

div#sidebar { Background: #bbccff url(/images/background/sky2.jpg) no-repeat fixed 0 0; }
div#sidebar li { Color: #113399; }
div#sidebar li > ul > li { /* Background: url(/images/templates/bullets/link.png) no-repeat 2px 8px !important; */ }
div#sidebar li:hover > ul { Background: #bbccff url(/images/background/sky2.jpg) no-repeat fixed 0 0;
	Color: #113399; }
div#sidebar h2, div#sidebar h2 a:link, div#sidebar h2 a:visited { 
    Background: #003399 url(/images/background/sky.jpg) no-repeat fixed 0 0;
	Color: #ccddff; }
div#sidebar li a:link, div#sidebar li a:visited { Color: #113399; }
div#sidebar li a:hover, div#sidebar h2 a:hover { Color: #ccddff; }


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

div#sidebar ul { Margin-Bottom: 10px; }

div#sidebar li {
	Display: block;
	Padding: 3px 0 4px 14px;
	Margin-Left: 4px;
	Border-Bottom: 1px dashed #6688ee;
	
	Text-Align: left; 
	Line-Height: 1.3;
	List-Style-Type: none;
	Font-Size: 90%; }

div#sidebar li a { 
	Padding-Left: 16px;
	Background: url(/images/templates/bullets/link.png) no-repeat 0px 6px; }
div#sidebar li ul li a { 
	Padding-Left: 16px;
	Background: url(/images/templates/bullets/link.png) no-repeat 0px 4px; }
div#sidebar li.submenu > a {
	Padding-Left: 0px;
	Background: none; }
div#sidebar li.submenu { 
	Margin-Left: 18px;
	Padding-Left: 16px;
	Background: url(/images/templates/bullets/leftmenu.png) no-repeat 0px 8px; }

div#sidebar li a:link, #sidebar li a:visited { Text-Decoration: none; }
	
div#sidebar li ul { display: none; }
div#sidebar li:hover > ul {
	Display: block; 
	Position: absolute;
	Width: 200px;
	Margin-Left: 20px;
	Z-Index: 99;
	
	Border: 1px solid #002288;
	Border-Bottom-Width: 3px;
	Border-Left-Width: 2px; }
	
div#sidebar li:hover > ul > li { 
	Border: 0px none;
	Border-Bottom: 1px dashed #6688ee;

	Margin-Left: 2px; }

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


/* Location bar declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#location { Background: #bbccff url(/images/background/sky2.jpg) no-repeat fixed 0 0; }
div#location li { Color: #002277; }
div#location li a:link, div#location li a:visited { Color: #1155aa; }
div#location li a:hover, div#location h2 a:hover { Color: #ff8833; }

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

#content { Background: #bbccff url(/images/background/sky3.jpg) no-repeat fixed 0 0; }
#content h1 { Background: #bbccff url(/images/background/sky.jpg) no-repeat fixed 0 0; 
	Color: #225599; }
#content h1 .highlight  { Color: #ccddff; }
#content .shadowTitle h1 { Background: #ccddff url(/images/background/sky.jpg) no-repeat fixed 0 0; 
	Color: #225599; }
#content .highlightTitle p { Color: #ccddff; }
#content h2 { Background: #bbccff url(/images/background/sky2.jpg) no-repeat fixed 0 0; 
	Color: #002255; }
#content h3 { Color: #000088; }
#content p, #content div.testimonyAuthor { Color: #224499; }
#content li { Color: #1144bb; }
#content a { Color: #002288; 
	Text-Decoration: underline; }
#content ul li a { Color: #002288; }
#content a:hover { Color: #1144bb; 
	Text-Decoration: underline; }
#content ul li a:hover { Color: #1144bb; }

#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: #4499ff;
	Border-Right-Color: #4499ff; }



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

#footer { 
	Border: #1144bb solid 1px;
	Border-Left-Width: 2px;
	Border-Right-Width: 2px; 
	Color: #1133aa;
	Background: #bbccff url(/images/background/sky2.jpg) no-repeat fixed 0 0; }
#footer a { Color: #001166; 
	Text-Decoration: none; }