body{
    background-color:#5c707f; 
    background-image:url(images/layout_05.jpg);
    background-repeat:repeat-x;
}   
#wrapper{
    
    width:700px; /* this creates the width of the layout */
    margin:auto;/* this centers the wrapper div */
    background-image:url(images/layout_03.jpg);
    background-repeat:repeat-y;
}
#main,#nav,#footer{
    /*pad all these the same amount*/
    padding:10px;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,li{
    /*remove margin on all block level elements*/
    margin:0;
}
#top{
    background-color:#336699;
}

#main{
    /*background-color:#ffccdd; remove color*/
    /*give main a large right margin,
    to keep it away from the edge of the floated element*/
    margin-right:180px;
    margin-left:120px;
}
#nav{
    background-color:#ffffff;
    font-family:verdana;
    font-size:14px;
    font-weight:bold;
    float:right;
    width:170px;
}
#footer{
    background-color:#333333;
    color:white;
    font-family:arial;
    font-size:12px;
    /* make sure all floated elements are cleared
    in this case, don't show the footer,
    until the floated side is cleared    */
    clear:both;
} 
/* style the p and headings */

#main p{
    font-family:arial;
    font-size:16px;
    margin-bottom:10px;
    line-height:1.7;
}
#main h2{
    color:white;
    font-size:26px;
}



#main h3{
    border-top:dotted 2px #AD005B;
    /*pad the heading to keep the top border off of it*/
    padding-top:10px;
    color:white;
    margin-top:15px;
}


#main li{
    color:white;
}
#side h3{
    border-top:dashed 1px black;
    padding-top:10px;
    color:white;
    margin-top:15px;
    font-size:12px;
}
/* styles for links */

a {
    text-decoration:none;
}
/* link psuedo-classes
 a:link{color:blue;}
a:visited{color:purple;}
a:hover{color:orange;}
*/

#nav a{
    color:#005796;
    /* to make side link buttons */
    background-color:gray;
    border:solid 1px white;
    border-left:solid 10px #AD005B;
    padding:1px 5px 2px 5px;
    /* make them into blocks */
    display:block;
    text-align:center;
    /* see- alistapart.com/articles/taminglists */
}
#nav a:hover{
    color:white;
    border-left-color:white;
    text-align:center;
}

#main a{
    color:white;
    text-decoration:underline;
}


#side a{
    color:red;
}
#side a:hover{
    border-top:solid 1px black;
    color:white;
}

#footer a{
    color:black;
    }