/* 
    Document   : screen
    Created on : Jan 31, 2010, 1:18:34 AM
    Author     : betsaberuizhatem
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   CSS Selectors (case sensitive)
1- Element- you declare the element name (e.g. body)
2- ID selector - it controls, elements that have and ID attibute. (e.g. #header, #footer)
   they are 100% wide until you change it and they are as tall as the content
3- Context selector: the name of the parent followed by the name or type of the descendant (e.g. #nav ul)
4- Class selector - controls elements and is reusable (e.g. .red )
*/

body{
    margin: 0;
    padding: 0;
    font-size: 11pt;
    line-height: 1.3em;
    color: #630;
    background-color: transparent;
}

body h1, h2, h3, h4, h5, h6{
    color: #BA6046;
}


a:link {
	color:#630;
}    /* unvisited link */
a:visited {
	color:#BA6046;
} /* visited link */
a:hover {
	color:#0A6978;
}   /* mouse over link */
a:active {
	color:#0000FF;
}  /* selected link */


#header{
    background-color: #0A6978;
    margin: 0;
}

#header img{
    border:0;
}

#nav{
    height: .5in;
    width: 100%;
    background-color: #052F38;
}

#nav ul{
    margin-top: 0;
    list-style: none; /* this gets ride of the bullets */

}

#nav li{
  display: inline; /* this makes the list to go inline instead of a block */
  font-size: 13pt;

}

#nav a{
    color:#BA6046;
    padding: 1em;
}

#nav a:hover{
    color: #fff;
}

#midbox{
    min-height: 5in;
    width: 80%;
    position:relative;
    overflow:auto; /* no matter how big your children get grow with them */
    background-color: #F6FBF4;

}

#content{
    min-height: 5in;
    float: left;
    width: 70%;
    background-color: #fff;
}

#content div{
    padding: 3em;
}

#subnav{
    min-height: 5in;
    float: right;
    width: 30%;
   
}

#subnav li{
    list-style: none; /* this gets ride of the bullets */
    line-height: 1.5em;
}

#subnav div{
    padding-top: 3em;
    padding-left: 2em;
    padding-right: 2em;
}

#footer{
    min-height: 3in;
    width: 100%;
    background-color: #E5C162;
    color: #0A6978;
    clear: both;
    position:relative;
    overflow:auto; /* no matter how big your children get grow with them */
    font-size: 10pt;
    
}

#footerwrapper{
    width:100%;
    min-height: 3in;
}

.footercolumn div{
    float:left;
    width: 28%;
    padding: 2em;
}