@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background-color: #404F73;
}

a:link, a:hover, a:active { color: #00f; }
a:visited { color: #00f; }

.imlinks {
	font-size: 10px;
	line-height: 10px;
}

div#leftside {
	width: 175px;
	float: left;
	margin-left: -20px;
	padding-top: 1px;
	text-align: right;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

div#rightside {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
}

/* BOX */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(box.png) no-repeat bottom right;
}

.cssbox {
	width: 607px !important; /* intended total box width - padding-right(next) */
	width: 592px; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 20px auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head {
		background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
		padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 {
	background-position: top left; margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 17px 0 2px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
	text-indent: -14px;
	font: italic 22px Arial, Helvetica, sans-serif;
	color: #FFF;
}

/* set the lower-left corner image */
.cssbox_body {
	background-position: bottom left; margin-right: 25px; /* interior-padding right */
	padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}