body {
    font-family: sans-serif;
    font-face: Helvetica, verdana;
    font-size: 12px;
    color:  #EEE;

    color: #FFFFFF;
    background-color: #405774;
    text-align: center;
}

td {

    font-family: sans-serif;
    font-face: Helvetica, verdana;
    font-size: 12px;
    font-size: 12px;
    color:  #222222;

}

.page_title  {
    font-size:  48px;
    font-weight: bold;
    text-align: left;
    color: #000;
    padding: 5px;
    border-bottom: 2px solid #CD6607
}

.page_title a:link {
    text-decoration: none;
    color: #000;
}

.page_title a:visited{
    text-decoration: none;
    color: #000;
}

.page_title a:hover {
    text-decoration: none;
    color: #000;
}

.page_title a:active {
    text-decoration: none;
    color: #000;
}

.footer {
    font-size:  9px;
    text-align: center;
}

.comment_box label {

    text-align: right;
    padding:  5px;
    font-weight: bold;
}

.comment_box input {
    text-align: left;
}

strong  {
    font-size:  20px;
    font-weight:  bold;
}

.comment_box textarea {
    text-align: left;
}

.comment_box {
    padding: 10px;
    border: 1px solid #888;
    color: #000;
    background-color: #FFF;
    margin-top:  10px;
}

.form_box {
    width: 300px;

}

.comments {
    background-color: FFF;
    border: 1px solid #888;
    color:  #333333;  
    margin-top:  10px; 
    padding: 10px;    

}

.comments strong {

    color:  #000000;  
    

}

.indiv_comment {
    margin-bottom: 10px;

}



#main {
    text-align: center;
    /* 
    position: absolute;
    left:  200px;
    right: 200px;   
    */
        border: 5px solid black;

            		margin-left:  auto;
            		margin-right: auto;
            		padding-top: 5px;
            		padding-bottom: 5px;
            		padding-right: 5px;
            		padding-left: 5px;	
            		border: collapse;
                    width: 730px;
    
    color: #222;
    background-color: #B9B988;
}

#title_image {
    /* float: left; */
}

#center {

        margin-left:  275px;
        padding: 5px;

}

#main_text {   
        width: 50%;
        text-align: left;
        padding: 10px;
        width:  400px;
        font-size:  16px;


}

#nav {
        font-size:  13px;
        font-weight: bold;
        text-align: left;
        float: left;
        padding: 5px;
        margin:  5px;
}

#story_form {

        text-align: left;
        padding-top: 10px;
        width:  440px;

        border: 0px solid black;
        

}

.delete_button {
    //float: right;

}

#stories {  

        text-align: left;
        padding: 10px;
        width: 400px;

}

.story_title {
    font-weight: bold;
    font-size: 26px;
    color: #CD6607;
}

.story_hr  {
    color: #CD6607;
    background-color: #CD6607; 
    border: 1px solid #CD6607;
    height: 1px;
}

.story_text {
    font-weight: normal;
    font-size: 12px;
}

.story_box {
    padding: 10px;
    border: 1px solid #888;
    color: #000;
    background-color: #FFF;
    margin: 0px;
}

.story_author {
    font-weight: normal;
    font-size: 14px;
}

.story_links {

    float: left;
    font-size: 10px;
    font-weight: normal;

}

.clear  {
    clear: both;

}

.story_links a {
    font-weight: normal;
    font-size: 12px;
    color: #28D;
}

.story_links a:link {
    color: #33D;
    font-weight: bold;
}

.story_links a:visited {
    color: #11E;
    font-weight: normal;
}

.story_links a:hover {
    color: #082;
}

.story_links a:active {
    color: #028;
}

a:link {
    color: #02E;
}

a:visited {
    color: #00C;
}