@font-face {
        font-family: child;
        src:    url('fonts/child-webfont.ttf'),
                url('fonts/child-webfont.eot');
        }
        
@font-face {
        font-family: futura;
        src     url('fonts/futubk-webfont.ttf'),
                url('fonts/futubk-webfont.eot');
}
 
body {
        width: 1280px;
        overflow-x: hidden;
        }

#container {
   
        margin: 0 auto -400px;
        border-right: 2px solid #d6d6d6;
        border-top: 2px solid #d6d6d6;
        border-left: 2px solid #d6d6d6;
        border-bottom: 2px solid #d6d6d6;
        margin-left: 162px;
        width: 955px;
        box-shadow: 0 0 12px #777777;
}       

h1  {
        font-family: 'child';
        text-align: left;
        color: #C00000;
        font-size: 30px;
}

h2  {   font-family: 'child';
        text-align: left;
        color: #C00000;
        font-size: 20px;
}

h3 {    font-family: 'child';
        text-align: left;
        color: #33CC33;
        font-size: 25px;
}

h4 {    font-family: 'child';
        text-align: left;
        color: #220494;
        font-size: 20px;
        }
        
p   {
        font-family: 'futura';
        font-size: 14px;
        text-align: left;
        color: #585858;
}

#header {
        position: absolute;
        width: 955px;
        height: 530px;
        background:     url("artwork/header1.png") no-repeat 100% 0px;
                                                    
}

#border {
        width: 100%;
        height: 130px;
        background:     url("artwork/handbanner.png") no-repeat 100%;
        margin-top: 400px;                }

#sidebar {
        float: right;
        
        width: 250px;
        height: auto;
        padding-bottom: 0px;
        background:     url("artwork/sidebar.png") repeat-y  200px;
}
        


#sidebar h2 {
        font-family: 'child';
        text-align: left;
        color: #C00000;
        font-size: 25px;
        
}

#sidebar p {
        margin-left: 0px;
        margin-right: 50px;

}

#main {
        clear: left;
        overflow: auto;
        height: auto;
        width: 630px;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
        border-right: solid 1px #d6d6d6;
        
        }
        
#main ul {
        font-family: 'futura';
        font-size: 14px;
        text-align: left;
        color: #585858;
}

#main a {
        font-family: 'futura';
        font-size: 14px;
        text-align: left;
        color: #220494;
        text-decoration: none;
}

#main a:hover {
        color: #C00000;
}

#tweets {
        float: right;
        height: 350px;
        width:  200px;
        border-right: 1px solid;
        border-left: 1px solid;
        padding-left: 3px;
        padding-right: 3px;

}

p.center {
        width:  600px;
        margin: 0 auto;
}

p.policy {
        margin-left: 225px;
}

#footer {
        position: relative;
        margin-top: 0px;
        clear: both;
        height: 400px;
        background:     url("images/footer1.png") no-repeat 100% 0px;
        }

#table {
        width: 955px;
        padding: 20px;
}

#table a {
        text-decoration: none;
        color: black;
        font-family: sans-serif;
        font-size: small;
}

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

#navigation li {
        padding-bottom: 10px;
        
}

#navigation ul a {
        color: #169942;
        font-family: 'child';
        font-size: 18px;
        text-decoration: none;
                            
}


#navigation ul li a.active {
        color: #84c124;
}

#navigation a:hover {
        color: #220494;
}

#bottomfooter {
        position: absolute;
        height: 150px;
        width: 955px;
        padding-top: 20px;
        
        }
        
p.bottomfooter {
        text-align: center;
}

p.quotes {
        text-align: center;
        font-style: italic;
        color: #0099FF;
        padding-bottom: 3px;
        padding-top: 3px;
        
}