html 
{
    background-color: #0010ca;
    padding:          0px;
    margin:           0px;
    border:           none;
    width:            100%;
    height:           100%;
}
body 
{
    font-family:      Helvetica, sans-serif;
    padding-bottom:   0px;
}
.main
{
    margin-left: 10%; 
    margin-right: 10%; 
    background-color: white;
}
.top_div
{
    margin-left: 10%; 
    margin-right: 10%;
}
/*DEFAULT stylesfor LINKS*/
a img 
{
    border:           0px white;
    margin:           0px;
    padding:          0px;
    width:            91%;
}
a:link 
{
    text-decoration:  none;
    color:            blue;
}
a:visited 
{
    text-decoration:  none;
    color:            purple;
}
a:hover 
{
    text-decoration:  underline;
    color:            #165788;
}
a:active 
{
    text-decoration:  none;
    color:            blue;
}
/*FOOTER STYLINGS */
#footer
{
    border:           1px solid black;
    border-left:      0px;
    border-right:     0px; 
    margin-left:      10%;
    margin-right:     10%;
    background-color: #d6d6d6;
}
#footer span{
    font-size:        10px;
    text-align:       center;
    display:          block;
}
/* BEGIN STYLES FOR THE TOP MENU 
  * Thanks to the Dynamic Drive CSS Library for the starting styles that I built this off of.
  * Check out many great examples at
  * URL: http://www.dynamicdrive.com/style/ 
  */
.top_menu
{
    padding:          0px;
    width:            100%;
    font-weight:      bold;
    font-size:        90%;
    font-family:      Verdana;
    background-color: black;
}
.top_menu a, .top_menu a:link, .top_menu a:hover, .top_menu a:active, .top_menu a:visited 
{
    text-decoration:  none;
    color:            white;
}
.top_menu ul
{
    border:           0px;    
    width:            100%;
    background:       url("images/normal_background.gif") center center repeat-x;
    padding:          5px 0px; 
    margin:           0px;
    text-align:       center; 
    clear:            both;
}
.top_menu ul li
{
    display:          inline;
}
.top_menu  li a
{
    padding-left:     20px;
    padding-right:    20px;
    padding-top:      5px;
    padding-bottom:   5px;
    margin:           0px;
    text-decoration:  none;
    border:           0px;
}
.top_menu li a:hover
{
    background:       url(images/on_hover.gif) center center repeat-x;
    color:            white;
}
.top_menu li a:active
{
    background:       url(images/on_click.gif) center center repeat-x;
    color:            #FC3;
}
/*Styles Specifically for the FIRST ROW of the MENU--must come after the other styles for inheritance reasons */
#top_menu_first_row 
{
    padding-top:      0px;
    padding-bottom:   0px;
    overflow:         visible;
    background-color: white;
    background-image: none;
    border:           0px;
    clear:            none;
    text-align: 	  left;
}
#top_menu_link 
{
    text-decoration:  none;
    color:            white;
}
#top_menu_logo 
{
    border:           none;
    margin:           0px;
    padding:          0px;
    vertical-align:   middle;
}
#top_menu_heading 
{
    color:            black;
    font-size:        2em;
    text-align:       center;
    margin:           0px;
    padding:          5px;
    clear:            none;
    display:          inline;
}

/*Side Table*/
.side_table
{
	padding: 2px;
	border-spacing: 2px;
}

.side_table td
{
	border-width: 0px;
    background-color: #d6d6d6;
	text-align: center;

}

.side_table td a
{
	color: #000000;
	font-weight: 500;
}

.side_table td a:hover
{
	color: #FFFFFF;
	font-weight: 500;
}

.side_table td:hover
{
	background:       url(images/on_hover.gif) center center repeat-x;
	color:            #FFFFFF;
}

.side_table td:active
{
	background:       url(images/on_click.gif) center center repeat-x;
	color:            #FC3;
}