/* 
    Document   : screen
    Created on : May 17, 2010, 9:54:03 AM
    Author     : Marc Briggs
    Description:
        Purpose of the stylesheet follows.

Six ways of controlling xhtml using css
1- declare an element name [e.g body]
2- declare an id [e.g #header]
3- declare a class [e.g. .home]
4- declare a context selector[e.g #nav ul]
5- declare a pseudo-class selector [e.g. a:link]
6- use an attribute selector (e.g. a[title~=home page])
*/

root { 
    display: block;
}

body{
background-color: #75562B;
margin: 0;
padding: 0;

}




#outercontainer {
background:none repeat scroll 0 0 #8C7656;
margin:auto;
position:relative;
top:20px;
width:900px;
}
#container {
background-color:#8C7656;
margin:auto;
padding:10px;
top:10px;
width:900px;
}

#header{
 height: auto;
 width: 100%;
 background-color: #8C7656;
 float: left;
 font: bold large "Times New Roman";
color: #13779F;
}

#nav{
 background-color: #8C7656;
 padding: 0;
 margin: 0;
 }

 #nav ul {
    margin: 0;
    padding: 0;
    font: bold medium "Palatino Linotype", "Book Antiqua", Palatino, serif;
 }
 #nav li{
     display: inline;
     padding: 0;
     margin: 0;
     list-style-type: none;
     text-align: center;
}

/*style the links in the navigation bar */
#nav ul li a{
    display: inline-block;
    width: 13%;
    padding: 3px .5em 0 .5em;
    margin-left: 1px;
    border: 1px solid #000;
    background-color: #75562B;
    text-decoration: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -o-border-top-left-radius: 4px;
   -o-border-top-left-radius: 4px;

}

#nav a:link{
    color: #000;
    }
#nav a:visited{
    color: #000;
    outline: none;
}
#nav a:hover,
#nav a:focus{
    color: #000;
    background-color: #EFEFEF;
    border-color: #000;
    border-bottom: 1px solid #EFEFEF;
   
}


.home #nav a[title~=home],
.assignments #nav a[title~=assignments],
.myresume #nav a[title~=myresume],
.highschool #nav a[title~=highschool],
.mission #nav a[title~=mission],
.college #nav a[title~=college]{
    color: #8C7656;
    background-color: #EFEFEF;
    border-color: #000;
    border-bottom: 1px solid #EFEFEF  
}

#content{
 background-color: #EFEFEF;
  margin: 0 70px 0 70px;
}

#content p{
 margin: 0 30px 0 30px;
 font: normal 16px "Georgia", "Times New Roman", serif;
 line-height: 20px

}

#content h1{
    text-align: center;
    font: normal xx-large "Arial", "Times New Roman";
}
#content h2{
    text-align: left;
    font: normal x-large "Georgia", "Times New Roman";
}
#content h3{
    text-align: left;
    font: normal larger "Georgia", "Times New Roman";
}
#content h4{
    text-align: left;
    font: normal large  "Georgia", "Times New Roman";
}

#content img{
    display: block;
    margin-left: auto;
    margin-right: auto }

#content ul.gallery{
    margin: 0;
    padding: 0;
    position: relative;
}
#content ul.gallery li{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: inline;
}
#content ul.gallery li img{
    border: none;
}

#footer{
  background-color: #8C7656;
  padding:0;
  margin:0;
  
}

 #footer li{
     display: inline;
     padding: 0;
     margin-left: 3px;
     list-style-type: none;
     text-align: center;
}
#footer a:link{
    color: #00668F;
    }
#footer a:visited{
    color: #00668F;
    outline: none;
}