<!--
body {background-color: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; border-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}

div.site_container1 { width: 100%; text-align: center; }

div.site_container2 {
    display: block;
    padding: 0px;
    width: 100%;
    margin: 0px;
    position: relative;
    text-align: left;
}

div.banner {
	width: 100%;
	height: 108px;
	background-image: url("graphics/banner.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #001A65;
}

div.bar {
    width: 100%;
	height: 24px;
    background-image: url("graphics/bar_bkg.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

#top_nav { padding: 3px 0px 0px 10px; margin: 0px; list-style: none; font-size: 75%; }

#top_nav li { float: left; font-weight: bold; padding: 0px 3px 0px 3px; }

#top_nav span.left { display: block; float: left; width: 6px; height: 18px; background: url("graphics/but_left.gif") repeat-x left top; }
#top_nav span.right { display: block; float: left; width: 6px; height: 18px; background: url("graphics/but_right.gif") repeat-x left top; }

#top_nav a:link { display: block; float: left; height: 17px; text-decoration: none; color: #009; padding: 1px 0px 0px 0px; background: url("graphics/but_bkg.gif") repeat-x left top;}
#top_nav a:visited { display: block; float: left; height: 17px; text-decoration: none; color: #009; padding: 1px 0px 0px 0px; background: url("graphics/but_bkg.gif") repeat-x left top;}
#top_nav a:hover { display: block; float: left; height: 17px; text-decoration: none; color: #C00; padding: 1px 0px 0px 0px; background: url("graphics/but_bkg.gif") repeat-x left top;}
#top_nav a:active { display: block; float: left; height: 17px; text-decoration: none; color: #C00; padding: 1px 0px 0px 0px; background: url("graphics/but_bkg.gif") repeat-x left top;}

div.two_col_container {
    width: 100%;
	background-image: url("graphics/top_bkg.gif");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
}

div.left_col {
	width: 200px;
	float: left;
	padding: 30px 20px 20px 20px;
}

div.content {  }

div.right_col {
	padding: 20px 20px 20px 0px;
	margin-left: 240px;
	min-height: 480px;
}

div.right_col_content {
    position: relative;
	float: left;
	width: 99%;
}

div.box_container {
	width: 50%;
	float: left;
}

div.box_container2 {
	width: 50%;
	float: left;
	margin-left: -1px;
}

div.left_box {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-right: 10px;
	background: url("graphics/box_bkg.gif") repeat-x left top;
}

div.right_box {
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-left: 10px;
	background: url("graphics/box_bkg.gif") repeat-x left top;
}

div.box_tl {
    background: url("graphics/box_tl.gif") no-repeat left top;
    margin: 0px -1px -1px -1px;
}

div.box_tr {
    background: url("graphics/box_tr.gif") no-repeat right top;
}

div.box_bl {
    background: url("graphics/box_bl.gif") no-repeat left bottom;
}

div.box_br {
    background: url("graphics/box_br.gif") no-repeat right bottom;
    padding: 10px 10px 1px 10px;
    position: relative;
}

div.pic_container {
	float: left;
	text-align: center;
	font-size: 85%;
	height: 270px;
}

div.footer {
    width: 100%;
	height: 20px;
	padding: 4px 0px 0px 0px;
    background-image: url("graphics/bar_bkg.gif");
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
    border-top: 1px solid #999;
    font-size: 70%;
    font-weight: bold;
}

div.footer2 {
    width: 100%;
	height: 20px;
	padding: 8px 0px 4px 0px;
	text-align: center;
	font-size: 65%;
}

div.left { float: left; }
div.right { float: right; margin: 0px 0px 0px 10px; }
div.clearer { clear: both; margin: 0px; padding: 0px; border: 0px; line-height: 1px; height: 1px; font-size: 1%; }
div.spacer { clear: both; margin: 0px; padding: 0px; border: 0px; line-height: 0px; height: 10px; font-size: 0px; }

img {border: 0px;}
img.right {float: right; margin: 0px 0px 0px 10px;}
img.left {float: left; margin: 0px;}
img.left2 {float: left; margin: 0px 10px 10px 0px;}

img.box {float: right; margin: 0px 0px 10px 10px; vertical-align: bottom;}
img.box_logo {float: left; margin: 0px 10px 10px 0px;}

h1 {font-size: 120%; padding: 0px; margin: 10px 0px 15px 0px; position: relative; float: left;}
h2 {font-size: 100%; padding: 0px; margin: 0px 0px 15px 0px;}
h2.box {font-size: 90%; padding: 0px; margin: 0px 0px 10px 0px; float: left;}

h3 { font-size: 90%; padding: 0px; margin: 0px;}

p {line-height: 16px; margin: 10px 0px 15px 0px; font-size: 80%;}
p.clear {clear: left;}
p.box {clear: left; margin-top: 0px;}
p.box2 {margin: 0px 0px 10px 0px; padding-left: 10px;}
p.small {line-height: 16px; margin: 0px 0px 10px 0px; font-size: 70%;}
p.more {text-align: right; font-weight: bold; font-size: 75%; margin: 5px 0px 5px 0px;}
p.left_col {text-align: center; font-weight: bold; margin: 5px 0px 30px 0px;}

span.large {font-size: 120%;}

a:link {text-decoration: none; color: #009;}
a:visited {text-decoration: none; color: #009;}
a:hover {text-decoration: underline; color: #C00;}
a:active {text-decoration: underline; color: #C00;}

ul.left {margin: 10px 0px 15px 10px; padding: 0px 0px 0px 10px;}
ul.left li {font-size: 80%;}


-->