body, p, th, td {
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          13px;
    color:              #000000;
}

body {
    background-image: url('background.gif');

}

a {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #6165D9;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	color: #4346D1;
	text-decoration: none;
}

h1 {
	font-family: Veranda, Arial, Tahoma, sans-serif;
	font-size: 14px;
	color: #6165D9;
	font-style: italic;
}

h2 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 22px;
	color: #6165D9;
	letter-spacing: 5px;
	border-bottom: 1px solid #cccbcb;
	margin-left: 10;
}

h3 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: bold;
	color: #566175;
	letter-spacing: 2px;
	text-align: center;
}

h4 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	text-align: center;
}

h5 {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #668013;
	font-weight: bold;
	border-bottom: 1px dotted #808080;
}















#Contents { /* This contains everything */
    width:              753px;
    height:             550px;
    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:   #000000;
    background-image: url('../images/header_gradient.jpg');
    background-repeat: repeat-x;
}

#Menu { /* This is the general contain for all horizontal menu buttons */
    position:           relative;
    height:             26px;
    border-bottom:      1px solid #FFFFFF;
    background-color:   #FFFFFF;
}

#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:        24px;
    text-align:         center;
    vertical-align:     middle;
    text-decoration:    none;
}

#Menu a:hover {
    
}

#ButtonOrange {
	position:           absolute;
	width:              753px;
	height:             25px;
	border-right:       1px solid #FFFFFF;
	background-color:   #FFFFFF;
}

#ButtonOrangeText{
	color: 				#000000;
}

#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:              135px;
    height:             434px;
    border-right:       1px solid #FFFFFF;
    background-color:   #403e3e;
    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;
    background-color: 	#727272;
	margin-left: 1px;
}

div.leftmenu {
padding: 0px;
margin: 0px;
}

div.leftmenu a {
		display:						block;
    color:              #dddddd;
    text-decoration:    none;
    line-height:				25px;
    padding:						0px;
    margin:							0px;
    
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
    text-align:         center;
    vertical-align:     middle;
}

div.leftmenu a:hover{
	background-image: url('../images/link_hover_bkg.jpg');
	background-repeat: repeat-y;
}

/*This class is for IE w/javascript, the above works in Mozilla.*/

.leftmenuhover{
		display:						block;
    color:              #dddddd;
    text-decoration:    none;
    line-height:				25px;
    padding:						0px;
    margin:							0px;
    
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          12px;
    text-align:         center;
    vertical-align:     middle;
    background-image: url('../images/link_hover_bkg.jpg');
		background-repeat: repeat-y;
}

#TopLevelLink a{
	display: block;
	height: 24px;
	background-image: url('../images/btn_bkg.jpg');
	background-repeat: repeat-x;
	border: 1px solid #cccbcb;
	color: #000000;
}

#TopLevelLink a:hover{
display: block;
	background-image: url('../images/btn_hover_bkg.jpg');
	background-repeat: repeat-x;
}

.TopLevelCell{
margin-left: 1px;
padding-left: 1px;
width: 122px;
}

.addressTable{
	width: 100%;
	height: 400px;
	color: #FFFFFF;
}