/* Real elements */
body {
	padding: 0px ;
	margin: 0px
}
a {
	color: #3E91EB ;
}
a:hover {
	color: #005A6A
}
hr {
	color: white ;
	background: white ;
	width: 95% ;
	text-align: center ;
	height: 1px ;
	/*
	border-top: 0px ;
	border-right: 0px ;
	border-left: 0px ;
	*/
	border: 0px ;
	border-bottom: 1px dashed #3E91EB
}

/* This makes the blue box */
#xh1 {
	background: #3E91EB url( 'bgbar.png' ) bottom repeat-x;
	/*border-bottom: 1px solid #005A6A ;*/
	height: 30px ;
}
#webaddy, #title {
	color: white ;
	font-size: 25px ;
	z-index: 5
}
#title {
	position: absolute ;
	top: 2px ;
	left: 2px
}
#webaddy {
	position: absolute ;
	top: 2px ;
	right: 13%
}

#content {
	border: 0px ;
	width: 78% ;
	padding: 1% ;
	margin: 0px ; 
	float: left ;
}
#xh2 {
	position: absolute ;
	right: 20% ;
	top: 35px ;
	width: 1px ;
	height: 700px ;
	background: url( 'vertbar.png' ) no-repeat top left 
}

#links {
	/*
	position: absolute ;
	right: 5px ;
	top: 65px ;
*/
	padding-top: 65px ;
	margin: 0px ;
	width: 18.5%; 
	float: right ;
}
#footer {
	clear: both ;
	text-align: right ;
	position: relative ;
	top: 85px ;
	background: #eeeeee ;
	padding: 10px ;
}

/* IE does not render items that are at the bottom of the page but have a top: position specified
   because they are "off" the rendering canvas, so we need a spacer the size of the footer
   to allow IE to know to leave some more rendering space for the footer.  Disappointingly, the
   KDE html component also does this. */
#xf1 {
	height: 85px
}
#adwords {
	border: 0px solid black;
	width: 120px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	background: #dedede
}
#logo {
	background: url('logo.jpg');
	width: 78px;
	height: 100px;

	position: absolute ;
	top: 2px ;
	right: 5%
}

/* Generic styles */
#content .header, #content .subheader {
	color: #3E91EB
}

.header {
	font-size: 130% ;
	font-weight: bold
}
.subheader {
	font-size: 115% ;
	font-style: italic
}
.note {
	font-size: 75% ;
	font-style: italic
}