/* Design CSS Document Table of Contents:
	Reset
	HTML Tags	
		headers
		basic content
		lists
		tables
		links
		Forms
	IDs
	Classes

==================================
	 Reset 
================================== */

/* ================================== 
	HTML Tags
================================== */
html {}

body {
background-color:green;

color:black;

}


/* ========== Headers ========== 
h1, h2, h3, h4, h5, h6, caption, th , legend {
font-family:Georgia, serif;
color:black;
}*/

/* ========== Basic content  ========== */


/* ========== Lists  ==========  
ul li { ist-style-type:disc;}
ul li li { list-style-type:circle; }
ul li li  li {list-style-type:square;}
ul li li  li  li {list-style-type:none;}
ul li li  li  li:before{ content:"-"; padding-right:15px;}
ul li li  li  li:before { content:none; padding-right:0px;}*/

/* ========== Tables  ==========  */


/* ========== Links ==========  
a:link { 
color:#CCFFFF
}
a:visited { 
color: #CCFFFF; 
}
a:hover {
color:#CCCCFF;
}
a:active, a:focus {
color: #9393B8;
}

a img, a:link img, a:visited img, a:hover img, a:active img, 
a img:link, a img:visited, a img:hover, a img:active { 
background-color:#eae6cb;
border: .25em solid #b9a87c;
}

a:hover img, a img:hover {
border-color:DarkViolet; border-style:double;
}
a:active img, a img:active, a:focus img, a img:focus { 
border-color:Violet; border-style:double;
}

a:focus img, a img:focus {
border-style:dashed;
}*/

/* ========== Forms  ==========  */


/* ================================== 
	IDs (in Alphabetical order)
================================== */
/* ========== B  ==========  */
#banner {
background-image:url('cartoon_cloud.png');
background-position:-15px top;
background-repeat:repeat-x;
min-height:108px;
padding:.5em 5px .5em 32px;
font-weight:bold;
color:#738A9E;
}
#banner a{
font-size: 4.5em;
vertical-align: middle;
text-decoration:none;
padding-left: 55px;
}
#banner a:link, #banner a:visited  {color: #738A9E; }
#banner a:hover, #home #nav a:hover{color:#2EB8B8; /* dark Turquoise*/}
#banner a:active {color: Turquoise;} 

#bodywrapper{
background-image:url('cartoon_sky.jpg');
background-position:center bottom;
background-repeat:repeat-x;
background-color:#55B7FF;
}
/* ========== C  ==========  */


/* ========== F  ==========  */
#footer {
text-align:center;
background-color:#D3EEFF;
background-image:url('cartoon_grass.png');
background-position:center bottom;
background-repeat:repeat-x;
height:173px;

/*position:absolute; bottom:-173px;
margin-bottom: -173px;*/
position: relative;bottom:-173px;
}
#footer , #footer  *{color:black;}

/* ========== H  ==========  */

/* ========== N  ==========  */
#nav {
border-top:2px solid Turquoise;
border-bottom: 5px solid Turquoise;
background-color: #2EB8B8;
padding-left:5px;
margin-top:-2em;
}
#nav , #nav li {-moz-border-radius: 10px ;
border-radius:10px  ;
}

#nav li { margin-bottom: .5em; 
}
#nav li li {border-left: 5px solid PaleTurquoise ;}


/* ========== S  ==========  */

/* ================================== 
	Classes (in Alphabetical order)
================================== */

/* ========== A  ==========  */

.alphaoutline { font-weight:bold;  list-style-type:upper-alpha;}
.alphaoutline li ol  li, .alphaoutline li p { font-weight:normal;}
.alphaoutline li  ol  li { font-weight:normal; list-style-type:decimal; }
.alphaoutline li  ul li { list-style-type:disc;}
.alphaoutline li  ul ul li { list-style-type:circle;}


.ajw, a.ajw{font-family:Georgia, serif; text-transform:lowercase; font-style:italic; color:teal;  }
.ajw span, a.ajw span{ color:black;} 


.function-to-do/include {background-color:blue;}
/*

*/