html,body{margin:0;padding:0}
body{font: 76% Verdana, Arial, Helvetica, sans-serif;text-align:center}
p{margin:0 10px 10px 10px}
ax{display:block; color: #981793; padding:10px}
a{color: #981793;}

#header {
	height:212px;
	baaaackground: url(images/hpim1927_paste.jpg) no-repeat;
	background: url(images/header1.jpg) no-repeat;
}

#header:hooover {
	background: url(images/hpim1927.jpg) no-repeat;
	color: #000000;
}

#header a{padding:0px; text-decoration: none;}
#header a:link{color:#14556B;}
#header a:visited{color:#14556B;}
#header a:hover{color:#14556B;}
#header a:active{color:#14556B;}

#header h1{
	font-size: 3em;
	font: Verdana, Arial, Helvetica, sans-serif;
	coooooolor:#2a3767;
	coooolor:#931834;
	color:#fff;
	height:80px;
	line-height:60px;
	margin:0;
	padding-right:10px;
	padding-top:25px;
	letter-spacing: -3px;
	text-align:right;
}

#header #byline {
	color: #000000;
	font-size: 2em;
	margin-bottom: 10px;
	padding-right:10px;
	font-weight: bold;
	letter-spacing: 1px;
	fooooont-variant: small-caps;
	text-align:right;
}

#header #xlinks {
	color: #fff;
	letter-spacing: -3px;
	font-size: .9em;
	margin-bottom: 3px;
	padding-right:10px;
	font-weight: bold;
	letter-spacing: 1px;
	fooooont-variant: small-caps;
	text-align:right;
	float:bottom;
}

#xlinks a{	padding:0px;	text-decoration: none;}
#xlinks a:link{color:#fff;}
#xlinks a:visited{color:#fff;}
#xlinks a:hover{color:#fff;}
#xlinks a:active{color:#fff;}


#container{
		text-align:left;
		width:760px;margin:0 auto;
}
#container p{padding-right:10px;}
#container h2{
	font-size: 1.8em;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#931834;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	letter-spacing: -1px;
}
h2 a{text-decoration: none;}
h2 a:link{color:#931834;}
h2 a:visited{color:#931834;}
h2 a:hover{color:#931834;}
h2 a:active{color:#931834;}

#topwrapper{
	float:left;
	width:760px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 1em;
	baaackground: url(images/bargradient.jpg) no-repeat;
}

#wrapper{float:left;width:100%;}

#content{margin: 0 220px;}
#content p{
	line-height:1.4;
	paaaadding-right:10px;
	maaaaargin-right:10px;
}
#content img{
	padding-left:90px;
}





#colright{
	float:left;
	width:200px;
	margin:0;
	padding:0;
	margin-left:-200px;
	background:#71abce;
}
#colright ul{
	list-style-type:square;
	font-size: 1em;
	background:#71abce;
	padding-right:10px;
}
#colright h2{
	background:#ffffff;
}
#colright div{
	background:#71abce;
}
#colright .top{
	height: 15px;
	background:url(images/roundtop.jpg) no-repeat left top;
}
#colright .bottom{
	height: 15px;
	background:url(images/roundbot.jpg) no-repeat left bottom;
}




.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#35a8ff; margin:0 5px;}
.b2f {height:1px; background:#35a8ff; margin:0 3px;}
.b3f {height:1px; background:#35a8ff; margin:0 2px;}
.b4f {height:2px; background:#35a8ff; margin:0 1px;}
.contentf {background: #35a8ff;}
.contentf div {margin-left: 5px;}

#colleft{
	float:left;
	width:200px;
	margin:0;
	padding:0;
	margin-left:-760px;
	background:#71abce;
}
#colleft h2{
	background:#ffffff;
}
#colleft ul{
	list-style-type:square;
	font-size: 1.2em;
	background:#71abce;
}
#colleft .top{
	height: 15px;
	background:url(images/roundtop.jpg) no-repeat left top;
}
#colleft .bottom{
	height: 15px;
	background:url(images/roundbot.jpg) no-repeat left bottom;
}
#h2 a{text-decoration: none;}
#h2 a:link{color:#931834;}
#h2 a:visited{color:#931834;}
#h2 a:hover{color:#931834;}
#h2 a:active{color:#931834;}


#footer{
	background: #333;
	clear:left;
	width:100%;
	color: #FFFFFF;
 }
#footer a{	color: #FFFFFF;text-decoration: none; }
#footer a:link{color:#fff;}
#footer a:visited{color:#fff;}
#footer a:hover{color:#fff;}
#footer a:active{color:#fff;}
#footer p{margin:0;
	padding:5px 10px;
	text-align:left;
	font-size: 1em;
}

#backwrapper1{float:left;width:100%; background: url(images/puzzle2gl_760.jpg); no-repeat left top;}
#backwrapper{float:left;width:100%;}
#backwrapper1 p{padding-right:10px;}
#backwrapper h1{
	font-size: 2.5em;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#2a3767;
	margin:0;
	padding-left:20px;
	letter-spacing: -3px;
	text-align:left;
	text-decoration: underline;
}

#backwrapper h2{
	font-size: 1.8em;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#931834;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	letter-spacing: -1px;
}

#backwrapper h3{
	font-size: 1.4em;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#2a3767;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	letter-spacing: -1px;
}
#backwrapper h4{
	font-size: 1.2em;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#2a3767;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	letter-spacing: -1px;
}

#menu {
	width: 760px;
	height: 28px;
	margin: 0 auto;
	background: url(images/menugradient.jpg) no-repeat;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	display: inline;
}
#menu a {
	display: block;
	float: left;
	width: 140px;
	height: 28px;
	padding-top: 0px;
	margin-left: 10px;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.5em;
	color: #000000;
}
#menu a:hover {
	background: url(images/menuon1x28.jpg);
	color: #000000;
}

.imgleft {
	float:left;
}

.imgright {
	float:right;
	clear:right;
	padding-left: 10px;
}
.imgrightclearboth {
	float:right;
	clear:both;
	display:block;
	width:100%;
	text-align: right;
	padding:10px;
}

div.figure{
	float:right;
	clear:right;
	margin: 15px 10px 5px 10px;
	border: 1px solid #666666;
	width: 300px;
	paaaadding:10px;
}
.figure p{
	font: bold .7em/normal verdana, Arial, Helvetica;
	color: #333;
	text-align: center;
	background-color: #e6f3ff;
	border: 1px solid #666;
	padding: 5px;
}

div.figurel{
	float:left;
	clear:left;
	margin: 15px 10px 5px 10px;
	border: 1px solid #666666;
	width: 300px;
	paaaadding:10px;
}
.figurel p{
	font: bold .7em/normal verdana, Arial, Helvetica;
	color: #333;
	text-align: center;
	background-color: #e6f3ff;
	border: 1px solid #666;
	padding: 5px;
}

.taright {text-align:right;}