a:link{color:#783E50; text-decoration:none}
a:active{color:#FF0000; text-decoration:underline}
a:visited{color:#336699; text-decoration:none}
a:hover{color:#FF0000; text-decoration:underline overline}

	body
	{
		margin: 0;
		padding: 0;
		font: 75% Tahoma, arial, helvetica, sans-serif;
		text-align: center;
		color: black;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #336699;
	}

	#container
	{
		margin: 1em auto;
		width: 90%;
		text-align: left;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		padding-top: 0px;
		background-color: #ffffcc;
	}

	#logo
	{
		width: 180px;
	}

	#menubar
	{
		width: 180px;
		padding-top: 10px;
		padding-left: 5px;
	}

	#title
	{
		float: right;
		font: 200% Tahoma, arial, helvetica, sans-serif;font-weight: bold; color:#336699;
	}
	
	#tagline
	{
		text-align: center;
		font: 50% Tahoma, arial, helvetica, sans-serif;font-weight: bold; color:#336699;
	}

	#content
	{
		float: right;
		width: 75%;
		padding: 30px;
	}

	#pic1
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:left;
	}

	#pic2
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:left;
	}

	#pic3
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:right;
	}

	#pic4
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:left;
	}

	#pic5
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:left;
	}

	#pic6
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:right;
	}

	#pic7
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:left;
	}

	#pic8
	{
		width:145px;
		height: 145px;
		padding-top:20px;
		float:left;
	}

	#pic9
	{
		width:145px;
		height: 145px;
		padding-top:20px;
 		float:right;
	}
H1			{font-size:18pt;font-family:Arial,Helvetica,sans-serif; color:#000040; line-height:normal; font-weight:bold}
H2			{font-size:16pt;font-family:Tahoma,Arial Black,sans-serif; color:#783E50; line-height:normal; font-weight:bold}
H3			{font-size:12pt;font-family:Tahoma,Arial Black,sans-serif; color:#333333; line-height:normal; font-weight:bold}

.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -4px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -4px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: -4px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: -4px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.excontent
{
	border-right: 1px solid;
	padding-right: 0px;
	border-top: 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: 1px solid;
	padding-top: 0px;
	border-bottom: 1px solid;
	background-color: #ffffcc;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}