@charset "UTF-8";

/* styleEco.css - Style Sheet for EcoC²S (EcoC2S) Home page */

/*html*/
html {
    background-color: #fff;
    text-align: center;
}

/*body*/
body {
margin: auto;
width: 860px;
background-color: #F0E68C; /*Khaki*/
font-style: normal;
font-size: 100%;
font-family: "liberation sans", freesans, "Nimbus Sans L", helvetica, verdana, arial, "Arial Unicode MS", sans-serif;
}

body#index a#menu-index,
body#about a#menu-about,
body#services a#menu-services,
body#resume a#menu-resume,
body#portfolio a#menu-portfolio,
body#order a#menu-order,
body#contact a#menu-contact,
body#resources a#menu-resources,
body#media a#menu-media,
body#tutor a#menu-tutor,
body#sage a#menu-sage,

/*body alterations*/
.indented
   {
   padding-left: 5%;
   padding-right: 5%;
   }

i {font-style: italic;}
b {font-weight: bold;}

p#icon {text-align: center; display : block; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; border: none; padding: 0; }
p#free {text-align: center; display : block; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; border: none; padding: 0; }
p {font-style: normal; font-size: 100%; margin-left: 2%; margin-right: 2%; margin-top: 0; margin-bottom: 0; border: none; padding: 0;}
p.first {text-align: center; margin-left: auto; margin-right: auto;}
p.center {text-align: center; margin-left: auto; margin-right: auto;}
p#new {font-style: normal; font-size: 100%; margin-left: 20%; margin-right: 15%; margin-top: 0; margin-bottom: 0; border: 2px; border-top-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-right-width: 2px; border-style: dashed; border-color: green; padding: 0; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}
p#attribution1 {text-align: left; margin-left: 2%; margin-right: 2%; margin-top: 0; margin-bottom: 0; border: none; padding: 0; font-size: 85%; font-family: "liberation sans", freesans, "Nimbus Sans L", helvetica, verdana, arial, "Arial Unicode MS", sans-serif;}
p#attribution2 {text-align: left; margin-left: 2%; margin-right: 2%; margin-top: 0; margin-bottom: 0; border: none; padding: 0; font-size: 85%; font-family: "liberation sans", freesans, "Nimbus Sans L", helvetica, verdana, arial, "Arial Unicode MS", sans-serif;}
p#copy1 {font-style: normal; font-size: 97%; margin-left: 2%; margin-right: 2%; margin-top: 0; margin-bottom: 0; border: none; padding: 0;}
p#copy2 {font-style: normal; font-size: 97%; margin-left: 2%; margin-right: 2%; margin-top: 0; margin-bottom: 0; border: none; padding: 0;}
p#footer1 {text-align: center; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; border: none; padding: 0; font-size: 90%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}
p#footer2 {text-align: center; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; border: none; padding: 0; font-style: oblique; font-size: 90%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}

h1 {text-align: center; margin-left: auto; margin-right: auto; font-weight : 900; font-size : 117%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}
h6 {text-align: left; margin-left: auto; margin-right: auto; font-weight : 900; font-size : 67%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}
hr {margin-left: 0%; margin-right: 0%; }
blockquote, blockquote p {text-align: center; margin-left: 2%; margin-right: 2%; margin-top: 0; margin-bottom: 0; border: none; padding: 0; font-style: italic; font-size: 95%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}

ul {text-align: left; margin-left: 3%; margin-right: auto; font-size : 100%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}
li {text-align: left; margin-left: 3%; margin-right: auto; font-size : 100%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "Nimbus Mono L", "Nimbus Roman No 9 L", "Liberation Mono", FreeMono, times, palatino, "times new roman", serif;}

/*links*/
a:link {color : #000080;} /* for unvisited links */
a:visited {color : #800080;} /* for visited links */
a:active { color: rgb(255, 0, 102); } /* when link is clicked */
a:hover { color: rgb(0, 96, 255); } /* when mouse is over link */
a:link, a:visited, a:active, a:hover {text-decoration : underline;}

/*menu*/
ul#menu { margin: 0 0; padding: 0; position: absolute; }

ul#menu ul { list-style-type: none; padding: 5px 0 }

ul#menu li { display: block; float: left; width: 140px; margin: 0 1px; text-align: left; margin-left: auto; margin-right: auto; font-size : 133%; font-family: "liberation serif", "linux libertine", Gentium, "Doulos SIL", "Charis SIL", freeserif, "times new roman", times, palatino, serif; }

html>/**/body ul#menu a, html>/**/body ul#menu a:visited  { font-weight: bold; font-size: 0.72em; padding: 0.2em; display: block;
text-decoration: none; text-align: center; background-image: url(../images/arc_tab_hover.png)
}

ul#menu a, ul#menu a:visited { font-weight: bold; font-size: 0.72em; padding: 0.2em;  display: block;
text-decoration: none; text-align: center; background-image: url(../images/arc_tab_hover.gif)
}

html>/**/body ul#menu a:hover { color: #FFFF00; background-image: url(../images/arc_tab_use.png) }
ul#menu a:hover { color: #FFFF00; background-image: url(../images/arc_tab_use.gif) }

html>/**/body ul#menu a.current  { text-decoration: none; color: #CCFFCC; background-image: url(../images/arc_tab_visited.png) }
ul#menu a.current  { text-decoration: none; color: #CCFFCC; background-image: url(../images/arc_tab_visited.gif) }

html>/**/body ul#menu a.current:hover { color: #FFF; background-image: url(../images/arc_tab_visited.png) }
ul#menu a.current:hover { background-image: url(../images/arc_tab_visited.gif); color: #FF0033 }

ul#menu li ul  { display: block; visibility: hidden; position: absolute; margin: 0; left: 0; width: 800px }

ul#menu li ul ul li { display: block; visibility: hidden }

ul#menu li:hover ul, ul#menu li:hover ul ul li { visibility: visible; z-index: 1 }