body, p, th, td {
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          13px;
    color:              #000000;
}

body {
    background-color:   #60743D;
}

#Contents { /* This contains everything */
    width:              753px;
    height:             553px;
    border:             2px solid #FFFFFF;
    margin:             5px auto;
    position:		relative;
}

#Header { /* This contains the CTC Atlanta header image */
    position:           relative;
    height:             88px;
    border-bottom:      1px solid #FFFFFF;
    background-color:   #979E69;
}

#Menu { /* This is the general contain for all horizontal menu buttons */
    position:           relative;
    height:             29px;
    border-bottom:      1px solid #FFFFFF;
    background-color:   #224A13;
}

#Menu a { /* This style applies to all anchors in the horizontal menu.
             It's better to define this here once than to have to define
             it for every single button in the horizontal menu. */
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
    line-height:        29px;
    text-align:         center;
    vertical-align:     middle;
    text-decoration:    none;
    color:              #FFFFFF;
    display:            block;
}

#Menu a:hover {
    background-color:   #60743D;
}

#ButtonOrange { /* This really isn't a button but it's a placeholder in the row of buttons */
    position:           absolute;
    width:              134px;
    height:             29px;
    border-right:       1px solid #FFFFFF;
    background-color:   #A54209;
}

#Button1 {
    position:           absolute;
    left:               135px;
    width:              103px;
    height:             29px;
    border-right:       1px solid #FFFFFF;
}

#Button2 {
    position:           absolute;
    left:               239px;
    width:              103px;
    height:             29px;
    border-right:       1px solid #FFFFFF;
}

#Button3 {
    position:           absolute;
    left:               343px;
    width:              103px;
    height:             29px;
    border-right:       1px solid #FFFFFF;
}

#Button4 {
    position:           absolute;
    left:               447px;
    width:              103px;
    height:             29px;
    border-right:       1px solid #FFFFFF;
}

#Button5 {
    position:           absolute;
    left:               551px;
    width:              103px;
    height:             29px;
    border-right:       1px solid #FFFFFF;
}

#Button6 {
    position:           absolute;
    left:               655px;
    width:              98px;
    height:             29px;
}

#LeftMenuBody { /* This container holds the left vertical menu and the body container of the website */
    position:           relative;
    height:             434px;
    /*background-color:   #979E69;*/
    background-color:   #FFFFFF;
}

#LeftMenu {
    position:           absolute;
    width:              134px;
    height:             434px;
    border-right:       1px solid #FFFFFF;
    background-image: 	url('/images/leaf_graphic.jpg');
    background-color:   #224A13;
    text-align:         center;
    font-size:          12px;
}

#BodyContainer { /* This container holds the body and the bottom border */
    position:           absolute;
    left:               135px;
}

#Body {
    position:           relative;
    width:              618px;
    height:             412px;
}

#BottomBorder {
    position:           relative;
    width:              618px;
    height:             21px;
    border-top:         1px solid #FFFFFF;
}

div.leftmenu {
    padding:            10px 0px;
}

div.leftmenu a {
    color:              #979E69;
    text-decoration:    none;
    line-height:        20px;
}

div.leftmenu a:hover {
    color:		#FFFFFF;
}