/* 
    Document   : screen
    Created on : Feb 3, 2010, 2:52:44 PM
    Author     : Owner
    Description:
        Purpose of the stylesheet follows.
*/

/*
Types of CSS Selectors
1- Element selector:  the name of an xhtml element (e.g. body, p img)
2- ID selector: the name of the id preceeded by a # sign (e.g #header)
3-Context selectors: the name of the parent followed by the name or type of the
desendecent
*/

body {
    margin: 0;
    padding: 0;
    font-family: Geneva,Arial,Helvetica,sans-serif;

}
#header{
    background-color: silver;
    background-image: url(/images/blue.jpg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    color: black;
    font-weight: bold;
    margin-left:auto;
    margin-right:auto;
    border:2px solid black;   position:relative;
}
/*This is postioning using the absoulute method*/

#nav{
background-color: #476BD6;
    margin-left:auto;
    margin-right:auto;
    border:2px solid black;   position:relative;
}
#nav ul li a{
    color: white;
    font-size:1.5em;
    padding: 0 52px 0 52px;
   text-decoration: none
}
#navlist a:hover{
    color: orange
}
#nav ul,
#footer ul{
    list-style-type: none;
}
#nav li,
#footer li{
    display: inline;
}
#aside li{
    list-style: none;
}
#aside{
    height: inherit;
    width:15%;
    background-color:black;
    float:left;
}
#aulist a{
    color: white;
    font-size: 1.2em;
    text-decoration: none;

}
#aulist a:hover{
    color: orange;
}
#cwrapper{
  overflow: auto;
  color: black;
 background-color:white ;
}
/*#content{
    width: 80%;
    background-color: black;
    position: relative;
    top: 0in;
    left: 10%;
}*/
/* this begins the float method*/
#content{
    color:black;
    width: 100%;
    background-color: white;
    float:left;
    margin-left:auto;
  margin-right:auto;
  border:2px solid white;   position:relative;}
#contentau{
    color:black;
    width: 85%;
    float: left;
    background-color: white;
    text-align:center;
  }
/*
#content div,
nav, footer{
    padding: 1em;
}*/
#footer{
    background-color: silver;
    width: 100%;
  

}
.caption{
    width:75%;
    text-align: left;

   

}