/* 
    Document   : screen
    Created on : 3-Feb-2010, 2:52:59 PM
    Author     : Samantha
    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 Selector: the name of the parent followed by the name or type of the
    descendant
*/
body{
 margin: 0;
 padding: 0;
 font-family: 'Times New Roman',Times,serif;
}
#header{
    height: 4in;
    background-color: white;
    text-align: center;
}
/*This is positioning using the absolute method*/
#centerbox{
    position: relative;
    overflow: auto;
}
#nav{
    height: 1in;
    background-color: #D60062;
    text-align: center;
  

}

#nav ul,
#footer ul{
    list-style-type: none;
}
#nav li,
#footer ul{
    display: inline;
}

/*#subnav{
    width: 10%;
    background-color: #A600A6;
    position: absolute;
    left:0;
    top: 0in;
}
#content{
    width: 90%;
    background-color: #8E6DD7;
    position: relative;
    top: 0;
    left: 10%;
}*/


/* This begins the float layout method*/
#subnav{

}

#content{
    width: 100%;
    background-color: #8E6DD7;
    float: left;
    text-align: center;
    
}
#content div,
#subnav div,
#footer{padding: 1em;
}
#footer{
       height: 2in;
       background-color: white;
       text-align: center;
}

a:link{
    color: #6C006C;
}
a:visited{
    color: #6C006C;
}

#wrapper{
    width:80%;
    min-width: 500px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;

}

#border{
    border-style: solid;
    border-width: 20px;
    border-color: black;
}

#nav li a:hover{
    color: #8E6DD7;
    background-color: black;
}
 /* #contenthomepage{
   #contenthomepage{
    background-image: url(/images/background.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: black;
    font-weight: bold;
    border-radius: 10px;
    -moz-border-radius: 10px;
    boxshadow: 3px 3px 3px #666;
    -moz-box-shadow: 3px 3px 3px #666;}*/