body {
	background: #FFFFFF;			/* can't assume all browsers provide white background by default */
	color: #464646;
	font-family: Arial,sans-serif;
	font-size: 110%;
	margin: 3px;
}

div#emailAddrBanner {
	background: #FFFFFF;
	color: #A0A0A0;
	font-size: 1.5em;
	font-style: italic;
	height: 42px;
	padding: 9px 22px 0 0;
	text-align: right;
}

p#leftBlurb {
	background: #A2A2AA;
	clear: both;
	color: #FFFFFF;
	float: left;
	font-size: 75%;
	height: 109px;
	margin: 0 5px 5px 0;
	padding: 5px 5px 11px 5px;
	width: 145px;
}

h1 {
	border-bottom: 1px solid #CACACA;
	color: #464646;
	font-size: 120%;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0 0 1px 0;
	text-align: left; 
}

h2 {
	border-bottom: 1px solid #DBDA77;
	color: #AAAA22;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 8px 0;
	text-align: justify;
}

#contactUs h2 {
	border-bottom: none;
	border-top: 1px solid #DBDA77;
	margin: 1em 0 0 0;
	padding: 0.3em 0 0 0;
}

#freeSites h2 {
	background-color: #CFDB22;
	border-bottom: 0;
	color: #464646;
	font-size: 80%;
	font-weight: normal;
	margin: 12px 0 8px 0;
	padding: 2px;
	text-align: justify;
}

a {
	color: #1C4091;						/* override default link text color */
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
}

p {
	font-size: 70%;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

#midbar p.contact {
	color: blue;
	margin-top: 0.3em;
	padding-left: 20px;
}

a:hover {
	color: #FF6000;
}

#midbar a.contact {						/* override global 'a' styles for 'Contact us' mailto link */
	color: blue;
	font-size: 100%;
	text-decoration: underline;
}

#topbar {
	width: 735px;
}

#topMenu {
	border-bottom: 0px solid #9999AA;	/* "horizontal rule" across page below tabs */
	font-size: 75%;
	margin: 0px 0px 0px 5px;			/* empirical top margin for IE6; suppress ul's default left margin */
	padding: 3px 0px 2px 5px;			/* top+bottom padding must match "li a" rule below; left+right should be zero */
}

#topMenu li {
	display: inline;					/* show in horizontal sequence */
	list-style: none;					/* suppress bullets */
}

#topMenu li a {
	background: #A2A2AA;				/* pale blue */
	border: 1px solid #9999AA;			/* grey-blue border around tabs */
	color: #FFFFFF;						/* override default link text color */
	margin: 0 3px 0 0;					/* extra horizontal gap between tabs */
	padding: 3px 17px 2px 17px;			/* don't underline link text */
	text-decoration: none;				/* don't underline link text */
}

#topMenu li a#topMenuThis {				/* special styling for "this" page's tab */
	background: #FFFFFF;				/* set to the same color as the page background */
	border-bottom: 1px solid #FFFFFF;	/* set base line to same color as tab (rest of border as in "#topMenu li a") */
	color: #000000;
}

#topMenu li a:hover {
	background: #E1E1E1;				/* grey background */
	color: #E21D89;						/* OS pink #E21D89 (was white) text */
}

#topMenu li a#topMenuThis:hover {		/* override hover rule for "this" page's tab, keeping basic properties */
	background: #FFFFFF;				/* keep basic background color (from "#topMenu" rule) */
	color: #000000;						/* or #6666CC? keep basic text color (from "#topMenu li a#topMenuThis" rule) */
}

#contentbar td {
	padding: 0;							/* equivalent to <table cellpadding="0"> */
}

#leftbar {
	font-size: 80%;
	width: 155px;
}

#leftbar p {
	color: gray;
	font-weight: bold;
	margin: 15px 0 0 7px;
	padding: 0;
}

#leftbar ul {
	margin: 5px 0 0 0;
	padding: 0;
}

#leftbar li {
	border: 1px solid #CCCCCC;
	display: block;
	height: 17px;
	list-style: none;
	margin: 0 0 3px 0;
	padding: 0;
}

#leftbar a {
	display: block;
	height: 12px;
	margin: 0;
	padding: 3px 3px 3px 10px;
	text-align: left;
	text-decoration: none;
	width: 140px;
}

#leftbar a:link {
	background: #E1E1E1;
	color: #1C4091;
}

#leftbar a:active {
	background: #F8F8F8;
	color: #3366FF;
}

#leftbar a:visited {
	background: #E1E1E1;
	color: #1C4091;
}

#leftbar a:hover {
	background: #A2A2AA;
	color: #FFFFFF;
}

#midbar div {
	border-right: 1px solid #CACACA;
	margin: 10px 0 10px 0;				/* so (right) border stops 10px short */ 
	padding: 0 15px 0 15px;				/* for space left+right of content */
}

#midbar h4 {
	margin: 5px 0;
	padding: 0;
}

#midbar p {
	margin: 10px 0 5px 0;
	padding: 0;
	text-align: justify;
}

#midbar ul {
	color: #464646;
	font-size: 70%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 2em;
}

#midbar li {
	line-height: 1.2em;					/* browser defaults vary, so define this */
}

#freeSites #midbar li {
	margin-bottom: 3px;
}

#midbar a {
	color: #1C4091;						/* override default link text color and size */
	font-size: 100%;
	font-weight: normal;
	text-decoration: underline;
}

#rightbar {
	background-color: #FFFFFF;			/* arbitrary grey just to show its area during design */
}

#rightbar p {
	margin: 10px;
	padding: 0;
}

#rightbar div {
	margin-left: 4px;
}

#boxbar {
	margin-bottom: 3px;
}

#boxbar td {
	background-color: #FFF8FF;
	padding: 0px 0px 4px 0px;
}

#boxbar a {
	color: #1C4091;						/* override default link text color */
	display: block;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#boxbar a:hover {
	color: #E21D89; /* #FF0000 */
}

#tailbar {
	background-color: #E1E1E1;
	font-size: 70%;
	font-weight: normal;
	margin-top:5px; 
}

#tailbar td {
	padding: 2px;
}