@import url(color.css);
@import url(typography.css);

/* Normalize those browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


html {
    text-align: center;
}

body {
    position: relative;
    width:770px;
    margin: 0 auto;
    text-align: left;
}

img {
    padding: 1.5em ;
}
a:hover, a:active{
    text-decoration:underline;
}
p {
    padding-bottom: .8em;
}

h3{
    font-weight:bold;
    font-size:1.2em;
    text-decoration:underline;
    margin-bottom:.5em;
}

li{
    list-style:circle;
    margin-left: 3em; 
}

#quotes li{
    list-style:none;
    margin-left: 3em; 
}

div#branding {
    margin: 0 auto;
    text-align:center;
    padding: 3px;
}

div#content {
   /* position:relative;*/
    width: 90%;
    margin: 0 auto;
    padding: 10px;
}

div#content_main {
    width: 100%;
    padding: 1em 0;
}


div#description {

}

div#promo1 {
    text-align: center; 
    padding: 2em;   
}
div#promoRight {
    float:right;
    margin-right: 1em;
    padding: 2em;   
}
div#description img{
    float:left;
    width: 200px;
}



#quotes li {
    margin-left: 3em;
    padding-bottom: 1.5em;
    width: 80%;
}

#quotes cite {
    display:block;
    padding-left: 3.5em;
}

div#navigation {
    width: 100%;
    text-align:left;
    background-color: #8E2808;
}
div#navigation li {
    display: inline;
}

div#navigation li a{
    padding: 5px;    
    text-decoration: none;
    color: #fff;
}

div#navigation li a:hover{
    padding: 5px;    
    text-decoration: none;
    color: #999;
}

.redlink {
    width: 100%;
    text-align:center;
    background-color: #8E2808;
}

.redlink a{
    padding: 5px;    
    text-decoration: none;
    color: #fff;
}

.redlink a:hover{
    padding: 5px;    
    text-decoration: none;
    color: #999;
}


div#footer {
    text-align: center;
    margin-top:10px;
    width: 100%;
    background-color: #3e3e3e;
    color: #999;
    font-size: .8em;
}

div#footer a{
    color: #bbb;
}
div#footer a:hover {
    color: #777;
}