body {
	color: #FBFFF2;
	background-color: #547F8C;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
}

/* Structure */
#Container{
background-color: #374145;
width: 780px;
height: 850px;
margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
}
#Header{
	height: 170px;
	width: 780px;
	background-color: #374145;
	background-image: url(bannerimage.png);
	background-position: left;
	background-repeat: no-repeat;
	margin: 0;
}
div.Header img {
	margin: 0;
	padding: 0;
}

.contact h1 {
	font: "Copperplate Gothic Bold", "Arial Rounded MT Bold", "Arial Black", sans-serif;
	font-size: 2.5em;
	color: #ECF7FB;
	margin-left: 30px;
	margin-top: 0px;
	padding-top: 90px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: bottom;
}
.contact h2, a.contact:link, a.contact:hover, a.contact:visited, a.contact:active {
	font: "Copperplate Gothic Bold", "Arial Rounded MT Bold", "Arial Black", sans-serif;
	font-size: 1em;
	color: #FBFFF2;
	text-align: left;
	clear: both;
	padding-top: 0px;
	margin-top: 12px;
	margin-left: 260px;
}

#2ColumnBody{
background-color: #374145;
	width: 780px;
	text-align: left;
	margin-top: 30px;
}


div.leftcolumn{
	margin-left: 15px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	width: 170px;
	text-align: left;
	float: left;
}

/*imported temporary*/
/* Show only to IE PC \*/
* html .menuhead h2 {height: 1%;} /* For IE 5 PC */

.menubox {
	margin: 0, 0, 20px, 0; /* center for now */
	width: 175px; /* ems so it will grow */
	background: url(menubottom.png) no-repeat bottom right;
	background-color: #B2C6D9;
	font-size: 100%;
	float: left;
	text-align: left;
}
.menuhead {
	background: url(menutop.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;

}
.menuhead h2 {
	background: url(menutop.png) no-repeat top left;
	margin: 0;
	padding: 22px 20px 5px;
	color: #374145;
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 1em;
}

.menuhead h3 {
	background: none;
	margin: 0;
	padding: 10px, 0px, 15px 5px;
	color: #374145;
	font-weight: bold; 
	font-size: 1.0em; 
	line-height: 0.6em;
	font-variant: small-caps;
}
.menubody {
background: none;
	margin: 0px, 0px, 40px 5px;
	padding: 0px, 0px, 40px 5px;
	color: #374145;
	line-height: 30%;
	text-align: left;
}
.menubody h3 {
	background: none;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding: 10px, 0px, 25px 5px;
	color: #374145;
	font-weight: bold; 
	font-size: 1.0em; 
	line-height: 1.1em;
	font-variant: small-caps;
}
.menubody p {
	background: none;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px, 0px, 25px 5px;
	color: #374145;
	font-weight: normal; 
	font-size: 0.8em; 
	line-height: 1.5em;
	font-variant: small-caps;
	text-align: left;
}

.menubody a, a:hover, a:link, a:active, a:visited {
clear: both;
	background: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px, 0px, 25px 5px;
	color: #374145;
	text-decoration: none;
}

.menubody a:hover {
	text-decoration: overline underline;
	color:  #CEF0F1;
}
.menubody h6 {
	background: url(menubottom.png) no-repeat bottom left;
	margin: 0;
	padding: 0px, 0px, 20px 5px;
	color: #374145;
	line-height: 30%;
}
/* end demo */
/* demo was from http://www.vertexwerks.com/tests/sidebox/ */

div.middlecolumn{
background-color: #374145;
	width: 510px;
	margin-left: 210px;
	margin-top:10px;
	vertical-align: baseline;
}
div.2ColumnSection {
clear: both;
margin: 0;
padding: 0;
}
div.1ColumnSection {
clear: both;
margin: 0px;
padding: 0px;
vertical-align: middle;
	color: #CEF0F1;
}
div.1ColumnSection p {
clear: both;
margin: 0px;
padding: 0px;
line-height: 1px;
	color: #CEF0F1;
}

div.ad p {
background-image: url(adbox.png) left;
border: none;
margin: 0;
padding: 0;
clear: both;
	height: 60px;
	width: 250px;
	background-color: #EFFAA2;
}

.spacer {
	background-color: #374145;
	color: #374145;
}

#2ColumnSection
#3ColumnSection
#4ColumnSection
#Footer

/*imported temporary*/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.leftbox {
	margin: 0, 0, 15px, 0; /* center for now */
	padding: 0, 0, 15px, 15px;
	width: 250px; /* ems so it will grow */
	background: url(aa2sbbody-r.png) no-repeat bottom right;
	font-size: 100%;
	float: right;
	vertical-align: top;
}
.rightbox {
	margin: 0, 0, 15px, 20px; /* center for now */
	width: 250px; /* ems so it will grow */
	background: url(aa2sbbody-r.png) no-repeat bottom right;
	font-size: 100%;
	vertical-align: top;
	float: left;
}
.boxhead {
	background: url(aa2sbhead-r.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	clear: both;
	background: url(aa2sbhead-l.png) no-repeat top left;
	margin: 0;
	padding: 16px 50px 5px;
	color: #547F8C; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.boxbody {
	background: url(aa2sbbody-l.png) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	color: #374145;
	text-align: left;
}
/* end demo */
/* demo was from http://www.vertexwerks.com/tests/sidebox/ */

/* there is another way at http://www.modxcms.com/simple-rounded-corner-css-boxes.html */
 
 
/* Text and Fonts */

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
ul, li {
	margin: 0;
	padding: 0;
}