@charset "utf-8";
body {
	margin: 0; padding: 0; color: #333;	background-image: url(../images/bg/bg.jpg); background-repeat: repeat-x; background-position: center top; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; line-height: 1.3; background-color: #3C6A8C;
}
p       {
	margin-top: 0; padding-right: 20px;	padding-left: 20px;	font-weight: normal;
}
h1 , h2, h3, h4, h5, h6{
	color: #3C6A8D; font-weight: normal; padding-left: 20px; padding-right: 20px;
}
ul, ol, dl {
	padding: 0; margin: 0;
}
a img {
	border: none;
}
a:link {
	color: #97B9D2;
	text-decoration: none;
}
a:visited {
	color: #97B9D2;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #233E52;
}
.squiggly {
	color: #97B9C7;
}

#container {
	width: 900px; margin: 0 auto; background-color: #FFF; background-image: url(../images/bg/bg_container.jpg); background-repeat: no-repeat; background-position: right bottom;
}
#header {
	background-image: url(../images/bg/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 175px;
	position:relative;
}
#header ul{
	list-style:none; float: left; background-image: url(../images/bg/bg_50.png); position:absolute; left:20px; bottom:0px;
}
#header li {
	float: left;
}
#header li a:link, #header li a:visited {
	display: block; color:#fff; font-size:0.85em; text-decoration:none; line-height:2.15em; padding-top: 0.2em; padding-right: 1em; padding-bottom: 0.2em; padding-left: 1em;
}
#header li a:hover {
	color:#2C4E67;
}
/* ~~ These are the columns for the layout. ~~ */
#sidebar1 {
	float: right;
	width: 200px;
	padding-bottom: 10px;
	font-size: 0.95em;
	line-height: 1.25em;
}
#sidebar1 img {
	padding-right: 10px;
}
#content {
	padding: 10px 0; width: 700px; float: right;
}
#content img {
	padding-right: 15px; padding-left: 10px;
}
#content ul  {
	padding-left: 40px;
}

#footer {
	background-color: #3c6a8d; height: 125px; color: #FFF; font-size: 0.75em; line-height: 0.75em; padding-right: 0; padding-left: 0; width: 100%; background-image: url(../images/bg/bg_footer.jpg); background-repeat: repeat-x; background-position: center top; text-align: center;
}
.indent {
	font-size: 0.95em; line-height: 1.2em; color: #333; padding-left: 40px; padding-right: 60px; text-align: justify;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left; margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both; height:0; font-size: 1px; line-height: 0px;
}