/*div{
    border-width:   2px;
    border-color:   black;
    border-style:   dotted;
    margin:         2px;
}*/

body{
    background: #ffffff url('./images/man_small.gif') repeat-y top left;
}

#body_container{
    width:          800px;
    /*overflow:       hidden;*/
    margin-left:    auto ;
    margin-right:   auto ;
    font-family:    Verdana;
    background-color:#ffffff;
}

a:hover{
    color:          red;
}

a{
    color:          black;
    text-decoration:none;
}

p{
     text-indent:   5%;
}

#header{
    clear:          both;
    height:         100px;
    width:          auto;
}

/*
Removing the time to make the page simpler
#time{
    width:          18%;
    height:         auto;
    font-weight:    900;
    font-size:      medium;
    padding-top:    20px;
    padding-bottom: 20px;
    text-align:     center;
}*/

#banner{
    /*width:          79%;Since the time has been removed this is no longer required*/
    padding:        2%;
    height:         auto;
    font-size:      220%;
    border-bottom:  1px solid gray;
    /*float:          right;Since the time has been removed this is no longer required*/
}

#main{
    /*height:         650px;*/
    width:          auto;
    /*margin:         5px 0px 5px 0px;*/
    padding:        2px;
    overflow:       hidden;
}

#content{
    width:          78%;
    height:         auto;
    float:          right;
}

#menu{
    width:          17%;
    height:         auto;
    background:     #F0F0F0;
    padding:        10px;
    float:          left;
}

#menu_header{
    background:     #E8E8E8;
    padding:        5%;
}

#menu_list{
    margin-left:    10%;
    margin-top:     10%;
    text-decoration:none;
    line-height:    150%;
}

#footer{
    clear:          both;
    margin-top:     3%;
    text-align:     center;
    border-top:         1px solid gray;
    padding:        10px;
}

#content_header{
    background:     #E3E3E3;
    padding:        1%;
}

#sub_topics{
    margin-top:     10px;
    padding-bottom: 1%;
    border-bottom:  1px solid gray;
}

#sub_topics a{
    padding-right:  1%;
    color:          gray;
}

#sub_topics a:hover{
    color:          red;
}

#sub_topics a.selected{
    color:          black;
}

.hidden{
    display:        none;
}

.topic_header{
    margin-top:     10px;
    background:     #DEDEDE;
    padding:        1%;
}

.topic_content{
    position:       relative;
    text-align:     justify;
    padding-left:   10px;
    padding-right:  10px;
    line-height:    175%;
    overflow:       hidden;
    height:         100px;
    clear:          both;
}

.topic_content_full{
    position:       relative;
    text-align:     justify;
    padding-left:   10px;
    padding-right:  10px;
    margin-top:     10px;
    line-height:    175%;
    overflow:       hidden;
    clear:          both;
}

.topic_content_full a, .topic_content a{
    border-bottom:  1px dashed gray;
}

.topic_dttm{
    font-style:     italic;
    font-size:      70%;
    padding-left:   1%;
}

.topic{
    border-bottom:  1px solid gray;
    overflow:       hidden;
    margin-top:     2%;
    /*padding-bottom: 2%;*/
}

.more, .even_more, .home{
    text-align:     right;
    padding-right:  3%;
    margin-bottom:  1%;
    margin-top:     1%;
}

div code p{
    line-height:    75%;
    text-align:     left;
}
