/*Use IDs when there is only one occurence per page. 
  Use classes when there are one or more occurences per page. 
*/

body
{
	padding: 0px;
	margin: 10px;
}
div#body
{
	/*position: absolute;
	left: 0px;
	top: 0px;
	width: 936px;
	height: 690px;*/
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	/*text-align: center;*/
}
div#header
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 936px;
	height: 75px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
	vertical-align: bottom;
}
div#menu
{
	position: relative;
	left: 0px;
	/*top: 75px;*/
	top: 0px;
	width: 936px;
	height: 38px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
	vertical-align: bottom;
	font-size: 9.1pt;
}
div#content
{
	position: relative;
	left: 0px;
	top: 5px;
	width: 936px;
	height: 507px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
}
div#footer
{
	position: relative;
	left: 0px;
	top: 6px;
	width: 936px;
	height: 28px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
	font-size: 7.6pt;
	color: #5a726c;
	vertical-align: bottom;
}
div#logo
{
	position: absolute;
	left: 16px; 
	top: 10px;
	width: 280px;
	height: 66px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
}
div#phonenum
{
	position: absolute;
	left: 296px; /*logo right border*/
	bottom:0px; /* Aligns to bottom when position is ABSOLUTE*/
	width: 624px; /* Tot width - (right and left margin of 16 each) - width of logo*/
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: right;
	font-weight: bold;
	font-size: 7.6pt;
	color: #5a726c;
}
/*
Space between right border of menu and left border of next menu is 47.
I set width of div to just fix text by sight and then find left of next div by (left of this div) + (width of this div) + 47. 
I then added 20 to the width of each menu div so that text will fit dispite rendering differences of browsers.

***The format of the menu text is really determined by the format of the hyperlink.
   The format of the active menu (the one with link disabled) is actually determined by the enclising div (since there is no anchor tag).
*/
div#menu1
{
	/* Positions the menu div.  The font formats here set that of the menu whose link is disabled.*/
	display: inline;
	position: absolute;
	left: 20px;
	bottom: 0px;
	width: 65px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8.6pt;
	text-align: left;
	color: #AAAAAA;
	font-weight: normal;
}
div#menu2
{
	display: inline;
	position: absolute;
	left: 112px;
	bottom:0px;
	width: 84px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8.6pt;
	text-align: left;
	color: #AAAAAA;
	font-weight: normal;
}
div#menu3
{
	display: inline;
	position: absolute;
	left: 223px;
	bottom:0px;
	width: 326px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8.6pt;
	text-align: left;
	color: #AAAAAA;
	font-weight: normal;
}
div#menu4
{
	display: inline;
	position: absolute;
	left: 396px;
	bottom:0px;
	width: 77px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8.6pt;
	text-align: left;
	color: #AAAAAA;
	font-weight: normal;
}
div#menu5
{
	display: inline;
	position: absolute;
	left: 500px;
	bottom:0px;
	width: 94px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8.6pt;
	text-align: left;
	color: #AAAAAA;
	font-weight: normal;
}
div#menu6
{
	display: inline;
	position: absolute;
	left: 621px;
	bottom: 0px;
	width: 103px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8.6pt;
	text-align: left;
	color: #AAAAAA;
	font-weight: normal;
}
div#menu7
{
	display: inline;
	position: absolute;
	left: 751px;
	bottom: 0px;
	width: 97px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8.6pt;
	text-align: left;
	color: #AAAAAA;
	font-weight: normal;
}
iframe#contentframe
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 936px;
	height: 507px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
div#copyright
{
	position: absolute;
	left: 16px;
	bottom: 0px;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
	font-size: 7.6pt;
	/*color: #5a726c;*/
	color: #999999;
	vertical-align: bottom;
}
img.linkbullet
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
A#StyledLnk
{
	font-size: 8.6pt;
	font-weight: bold;
}
A:link
{
    /*font-weight: normal;
    font-size: 9pt;
    color: #cd7f32;
    font-style: normal;
	font-family: Tahoma;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
    text-decoration: none;
    color: #CD7F32;
	font-size: 8.6pt;
	font-weight: normal;
}
A:visited
{
	/*font-weight: normal;
    color: #cd7f32;*/
	text-decoration: none;
	color: #CD7F32;
	font-size: 8.6pt;
	font-weight: normal;
}
A:hover
{
    /*font-weight: normal;
    font-size: 9pt;
    color: #5a5a5a;
    font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-VARIANT: normal;*/
    text-decoration: none;
    /*color: #5a726c;*/
    color: #CD7F32;
	font-size: 8.6pt;
	font-weight: bold;
}
A:active
{
	/* active must be defined after hover.
       Active is in effect while mouse is down on link.
       Here we make it same as hover.
    */
    color: #CD7F32;
	font-size: 8.6pt;
	font-weight: bold;
}
p.clssContentHdr
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif; /*text-align: right;*/
	font-size: 9pt;
	font-weight: bold;
	color: #5a726c;
}