@import "typography.css";

html,body {
	color: #333;
	font: normal .85em/1.8em verdana,arial,sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
}

p {	
	margin: 0 0 10px 0;
	line-height: 1.6em;
}

p.alert { 
	color: #990000;
	font-weight: bold;
	line-height: 1.4em;
}

p.contact { 
	margin: 25px 0 10px 45px;
}

dl {
	padding: 0;
	margin: 0;
}

dt {
	padding: 0;
	margin: 10px 0 0  0;
	font-weight: bold;
}

dd {
	padding: 0;
	margin: 0 0 0 15px;
}

ul li {	font-weight: normal;}
img {
	border: 0;
	margin: 0;
	padding: 8px;
}
td {vertical-align: top;}
/*ids*/
#wrapper {
	position: absolute;
	width: 700px;
	left: 50%;
	margin: 15px 0 0 -350px;
	background: transparent url(../images/layoutmiddle.gif) top left repeat-y;
}
#header {
	height: 119px;
	background: transparent url(../images/layoutheader.gif) top left no-repeat;
}
#container{
	padding: 0;
	margin: 5px 0 0 0; /* top=distance to pull #nav and #content up into the header graphic*/
}
/* because IE is "special" */
/* * html body div#container	{ margin-top: -180px;} */
#content {
	width: 346px;
	padding: 0;
	margin: 0 0 0 40px;
}
#nav {
	position: absolute;
	left: 500px;
	top: 120px;
	width: 240px;
}
#copy {
	background: transparent url(../images/gradient.gif) top left no-repeat;
	padding: 8px 50px 0 16px;
	border-right: 1px solid #004a80;
	width: 375px;
}
#copy img.montage {
	padding: 15px 20px 0 35px;
	text-align: center;
}
.more {
	margin-top: 5px;
	float: right;
	font-weight: normal;
}

#footer {
	height: 77px;
	background: #fff url(../images/layoutfooter.gif) top left no-repeat;
	padding: 80px 0 0 0;
	text-align: center;
	margin: -45px 0 0 0;
}

#footer a {
	font-weight: normal;
}

input,textarea {
	width: 280px;
	margin: 0 0 6px 0;
	color: #333;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}

/*classes*/
.emphasis{font-weight: bold;}
/*utility classes*/
.spacing{height: 0px;}
.hidden{display: none;}
.cleaner
{
	clear: both;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}