/*This is the heading for the navigational menu.  For example in this case the heading is the word "Menu".  This selector (menu-heading) allows the changing of many properties including background color and textr size */
.menu-heading{
background-color:#7297BE;color:white;font-weight:bold;font-size:20px;
font-family:Arial,Verdana;padding-left:5px;width:180px
}




/* This selector controls the look of the menu body.  It will NOT control the size or color of the links, because that will be covered by the "A:link,hover and active" selctors.  Therefore this link  controls background color, margins and border settings; in short, everything except text properties */
.menu-body {
	BORDER-RIGHT: #cccccc 1px dotted; FONT-SIZE: 0.9em; BACKGROUND: #fbfbfb; BORDER-LEFT: #cccccc 1px dotted; WIDTH: 180px; BORDER-BOTTOM: #cccccc 1px dotted; padding: 5px 0 px 0px 5px; height:230px
}



/*This refer to the box on the lower left of the homepage where announcements and news are placed*/
.newsbox{ 
background-color:#99A7B1;color:white;font-weight:bold;font-size:12px;
font-family:Arial,Verdana;padding:0px 5px;width:200px
}



/*These selectors change the appearance of the link*/
A:link {
	COLOR: #cc3300;TEXT-DECORATION: none;FONT-WEIGHT: bold
}
A:visited {
	COLOR: #cc3300;TEXT-DECORATION: none;FONT-WEIGHT: bold
}
A:hover {
	COLOR: #000000; TEXT-DECORATION: underline;FONT-WEIGHT: bold
}
A:active {
	COLOR: #cc3300; TEXT-DECORATION: none;FONT-WEIGHT: bold
}




/*  The table on the page that contains all other table and cells.  This table is slightly smaller than the width of the screen to adjust for differences in browser display styles*/
.tablemain{
width:790px;padding:0px 2px
}



/*This refers to the main text content on the page. It is positioned in the center of the page and contains information about the relevant subject matter */
td.homepage-content{
background-color:#ffffff;color:#333333;font-weight:normal;font-size:12px;
font-family:Arial,Verdana;padding-left:5px;width:390px;text-align:justify;
padding:0px 20px
}




/*This refers to the main text content on the secondary pages (all pages except the homepage. It is positioned in the center of the page and contains information about the relevant subject matter */
.secondpage-content{
background-color:#ffffff;color:#333333;font-weight:normal;font-size:12px;
font-family:Verdana,Arial;padding-left:5px;text-align:justify;
padding:0px 20px
}




/* This is the heading for the main content on the homepage.  For example, it might be the word "Welcome" or  "Introduction".  */
h1.homepage-content-header{
color:#99A7B1;font-weight:bold;font-size:16px;font-family:Arial,Verdana;
background-color:#E8F0F2;padding:2px;text-align:left
}



/*Controls the borders of the links if necessary*/
.linkarea{

}