/* Design CSS Document Table of Contents:
	Reset
	HTML Tags	
		headers
		basic content
		lists
		tables
		links
		Forms
	IDs
	Classes

==================================
	 Reset 
================================== */

/* ================================== 
	HTML Tags
================================== */
html {}

body {
color:white;
background-color:black;
}

/* ========== Headers ========== */
h1, h2, h3, h4, h5, h6, caption, th , legend {
font-family:Georgia, serif;
color:LightYellow;
}

/* ========== 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:/*MediumVioletRed;*/ #CCFFFF
}
a:visited { 
color: /*PaleVioletRed;*/#CCFFFF; 
}
a:hover {
color:/*DarkViolet; #CC99FF;*/ #CCCCFF;
}
a:active, a:focus {
color:/*Violet;*/ #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  ==========  */
label  small {color:salmon; font-weight:normal;} 

/* ================================== 
	IDs (in Alphabetical order)
================================== */
/* ========== B  ==========  */
#banner {
background-color:#2EB8B8 /*PaleTurquoise*/ ;
color: #58166E;
}
#banner a{
font-size: 4.5em;
}
#banner a:link, #home #nav a:link, #banner a:visited , #home #nav a:visited  {color: #58166E; /*purple*/}
#banner a:hover, #home #nav a:hover{color: #0029A3; /*blue*/}
#banner a:active {color: lightyellow} 


/* ========== C  ==========  */
#contentWrapper {
border-top:2px solid MediumTurquoise ;
border-bottom:5px solid MediumTurquoise ;
-moz-border-radius: 0px 0px 15px ;
border-radius:0px 0px 15px;

padding: .5em 1%;
margin-right:155px;
} 

/* ========== F  ==========  */
#footer {
text-align:center;
background-color:#99995C /*#eae6cb DarkTurquoise*/;
}
#footer , #footer  *{color:black;}

/* ========== H  ==========  */
#home #bkgrd img{
display: none;}
#home #bkgrd {
Width: 420px;
Height:366px;
background-image:url('../imgs/MaraElephant.png');
background-position:95% bottom ;
background-repeat:no-repeat;
}
#home #bkgrd:active {background-image:url('../imgs/MaraElephant-hover.png');}

#home #nav {
background-color:transparent;
border:none;
padding-left:0px;
}
#home #nav  li {
background-color:LightYellow ;
padding-left:/*15px*/70px;
min-height:75px;
background-position:5px 2px; 
background-repeat:no-repeat;
}
#home #nav  li li {
margin-top:0px; 
margin-right:0; 
min-height:1em;
background-color:transparent; 
border-color:turquoise;}

#home #nav  #resume{background-image:url('../imgs/iconResume-of_paper_sheet.png'); } 
#home #nav  #teach{background-image:url('../imgs/iconPhilosophy-english_ime.png'); } 
#home #nav  #bio{background-image:url('../imgs/iconBio-address_book.png'); } 
#home #nav  #portfolio{background-image:url('../imgs/iconPortfolio-notebook.png'); } 
#home #nav  #student{background-image:url('../imgs/iconStudent-art_supplies.png');  } 
#home #nav  #community{background-image:url('../imgs/iconCommunity-banner_design.png'); } 
#home #nav  #contact{background-image:url('../imgs/iconContact-email_envelope_mail.png'); } 
/* ========== N  ==========  */
#nav {
border-top:2px solid Turquoise;
border-bottom: 5px solid Turquoise;
background-color: #2EB8B8;
padding-left:5px;
}
#nav , #nav li {-moz-border-radius: 0px 0px 0px 15px;
border-radius:0px 0px 0px  15px;
}

#nav li { margin-bottom: .5em; 
}
#nav li li {border-left: 5px solid PaleTurquoise ;}


/* ========== S  ==========  */
#student .gallery {min-width:500px;}
/* ================================== 
	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;}


/*
PaleTurquoise #009999
Turquoise 
MediumTurquoise 
DarkTurquoise 

PaleVioletRed 
MediumVioletRed 
Violet
DarkViolet #58166E;

LightYellow 
Yellow 
*/