/* 
    Document   : screen
    Created on : May 17, 2010, 9:54:50 AM
    Author     : Squire
    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)
*/

root { 
    display: block;
  
}

body{
    background-image: url(../images/metaltile.jpg);
    background-attachment: fixed;
    background-color: #4D8ACD;
    margin: 0;
    padding: 0;
    font-family: fantasy;
    margin-left: 5%;
    margin-right: 5%

}

#content div img{
    padding: 10px;
    float: left;
    display: inline;
}
.left{
    float:left;
    margin: 3px;
}

 p{
    text-align:left;
    padding:20px;
    margin-left: 50px;
}

#header{
height: 60px;
font-family: cursive;
font-size: 25px;
text-align: left;
margin-top: 15px;
}
  #header img
, #header h5{
    display:inline;
}

#center{
position: relative; /*this controls the div and its children*/
overflow: auto;
/*background-image: url(../images/whitetrans3.png);*/
background-attachment: fixed;
border-color: #EEEB00;
border-left: solid #EEEB00 2px;
border-right: solid #EEEB00 2px;
border-top: solid #EEEB00 2px;
background-color: white;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
}

#subnav{
width: 15%;
height: 800px;
float: left;
font-family: fantasy;
position: relative;

}

#rightcol{
width: 96%;
float: left;
position: relative;
}

#rightcol div{
   
}


#nav{

/* font-family: fantasy */
}

#nav ul{
    list-style-type: none;
    margin: 0;
    padding: 20px 2px 0 0;
}

#nav ul li {
    display: inline;
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}
#nav div {
    text-align: center;
}

#footer {
    text-align: center;
    background-attachment: fixed;
    border-color: #EEEB00;
    border-bottom: solid #EEEB00 2px;
    border-left: solid #EEEB00 2px;
    border-right: solid #EEEB00 2px;
    background-color: white;

    
}
/*#contentright {
    float:right;
    position: fixed;
    top:230px;
    right: 130px;
}*/
#content{
    position: relative;
}
#content div h1 {
    display:inline;
}

#content div h3 {
    display:inline;
    padding-right: 20px;
}
/*#brokenphoto{
    position: absolute;
    top: 120px;
    left: 150px;*/

#content dl dd{
    padding-left: 150px;
}
object{
padding-left: 30px;
}
#content ul{
padding-left:600px;}