@charset "utf-8";
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: #F1EEE7;
}

img {vertical-align:top;}
a img { border:0;}

ul { margin-left:40px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html, input, textarea
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.688em;
		line-height:1.273em;
		color: #002B7F;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#72922a;text-decoration:none;}
a:hover{ text-decoration:underline;}
p {padding-top:15px;}
h1, h2, h3 {padding-bottom:15px; font-weight:bold;}
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em;}
h3 { font-size: 1.4em;}

#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height:475px;
}
#header-right {
	float:right;
	width:265px;
	margin-top:20px;
	text-align:center;
}
.box1 {background:#fff url(../img/box1-corner-bottom-right.gif) bottom right no-repeat; width:100%; height:312px;}
.box1 .corner-bottom-left {background:url(../img/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .corner-top-right {background:url(../img/box1-corner-top-right.gif) top right no-repeat;}
.box1 .corner-top-left {background:url(../img/box1-corner-top-left.gif) top left no-repeat; width:100%;}
.box {background:#fff url(/img/box-tail-bg.gif) top right repeat-y;}
.box .tail-bottom {background:url(../img/box-tail-bg.gif) bottom repeat-x;}
.box .corner-bottom-right {background:url(../img/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(../img/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(../img/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(../img/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:14px 15px 17px 14px;}
.box .indent2 {padding:14px 15px 27px 26px;}
.box .indent3 {
	padding:19px 0 0 0;
}

.box2 {background:url(../img/box2-tail-bg.gif) top repeat-x;}
.box2 .right-bg {background:url(../img/box2-right-bg.gif) top right no-repeat;}
.box2 .left-bg {background:url(../img/box2-left-bg.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:12px 24px 30px 13px;}

.col-1, .col-2 {float:left;}
.col-3 {float:right;}
.col-1, .col-2 {
	width:292px;
}
.col-pad {padding-right:45px;}
.col-pad2 {
	padding-right:18px;
}

#mainContent {
	padding:10px 0;
	overflow:hidden;
}
#footer {
	background:#b8b4aa url(../img/footer-bg.jpg) top right no-repeat; padding:25px 53px 0 53px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#666;
}
#footer a {
	color:#666;
}
.left { float:left;}
.right {float:right;}
.url { text-align:center; letter-spacing:1.8em; }
.clear  { clear:both;}
.link {background:url(../img/link-tail-bg.gif) top repeat-x; display: inline-block; color:#fff; text-decoration:none; font-size:9px; line-height:1em; white-space:nowrap;}
.link span {background:url(../img/link-right-bg.gif) top right no-repeat; display:block;}
.link span span{background:url(../img/link-left-bg.gif) top left no-repeat; padding:5px 18px 6px 25px;}
.link:hover {background:url(../img/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(../img/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(../img/link-left-bg-hover.gif) top left no-repeat;}