* { margin: 0; padding: 0; border: 0; } /* Everything has 0 unless defined */

html {
	height: 100%;
}

body {
	background: #246C53 url('../images/bg.gif') top left repeat-x;
	font-family: arial, courier new, georgia, times new roman, verdana, trebuchet ms, lucida sans;
	/* font-family: sans-serif, serif, monospace, cursive, fantasy; */
}

/* ============================================================================= Fonts === */

a {
	color: #013b79;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

p {
	color: #000;
	font-size: 12px;
	margin: 10px 0;
	line-height: 18px;	
}

p.quote {
	font-style: italic;
}

strong {
	font-weight: 900;	
}

/* ========================================================= Headers === */

h1 {
	color: #013b79;
	font-size: 24px;
	font-weight: 800;
	margin: 10px 0;
}
		
h2 {
	color: #013b79;
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0;
}

h3 {
	color: #013b79;
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0;
}

hr {
	margin: 20px 0;
	height: 1px;
	background-color: #444;
}

/* ============================================================================= Wrapper === */

#wrapper {
	width: 852px; /* + 10px padding = 960px */
	background: #fff url('../images/wrapper-bg.gif') repeat-y;
	background-position: 0 -165px;
        min-height: 100%;
	height: auto !important;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	padding: 0 0px;
}

/* ============================================================================= Header === */

#header {
	width: 852px;
	height: 165px;
	background: #333 url('../images/header-bg.jpg') no-repeat;
}

#header a.home {
	float: left;
	display: block;
	height: 165px;		
	width: 190px;
	margin-left: 30px;
}

#header .quote {
	display: block;
	float: left;
	margin-top: 110px;
	margin-left: 480px;	
}


#header img {
	
}

#header p {
	float: right;
	background-color: #9F9F9F;
	width: 650px;
	font-size: 20px;
	line-height: 24px;
	padding: 20px;
	margin-top: 30px;
}

/* ============================================================================= breadcrumb === */

.breadcrumb {
	margin-top: 10px;
	float: right;
}

.breadcrumb a {
	color: #FFF;
	text-decoration: underline;
}

.breadcrumb a:hover {
	color: #888888;
}

.breadcrumb img {
	vertical-align: middle;
}

.breadcrumb p {
	background-image: url('../images/breadcrumb-bg.gif');
	background-color: #000;
	color: #888888;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}

/* ============================================================================= Side Menu === */

ul#side-menu {
	float: left;
	display: block;
	width: 192px;
	list-style: none;
	background: none;
	margin-top: 25px;
}

ul#side-menu li {
	font-size: 16px;
	margin: 0;
	background-color: #fff;
}

ul#side-menu li a {
	display: block;
	height: auto;
	color: #063324;
	text-decoration: none;
	padding: 10px 15px;
}

ul#side-menu li a:hover {
	color: #063324;
	background-color: #DBF3EB;
	text-decoration: underline;
	background: #DBF3EB url('../images/arrow-right-green.gif') no-repeat left center;
}

ul#side-menu li.active a {
	color: #489cc7;
	text-decoration: underline;
	background: url('../images/arrow-right-green.gif') no-repeat left center;
}

/* ============================================================================= Sub Side Menu === */

ul#side-menu li.active ul {
	background: none;
	list-style: none;
}

ul#side-menu li.active ul li {
	padding-left: 25px;
}

ul#side-menu li.active li a {
	background: none;
	height: 15px;
	font-size: 12px;
	font-weight: 200;
	text-decoration: none;
	padding: 5px;
	color: #489cc7;
}

ul#side-menu li.active ul li.active ul li a {
	background: none;
	height: 15px;
	font-size: 12px;
	font-weight: 200;
	text-decoration: none;
	padding: 5px;
	color: #489cc7;
}

ul#side-menu li.active ul li a:hover {
	text-decoration: underline;
}

ul#side-menu li.active ul li.active a {
	color: #489cc7;
	text-decoration: underline;
	font-weight: bold;
}


ul#side-menu li.active ul li.active a {
	color: #489cc7;
	text-decoration: underline;
	font-weight: bold;
}
ul#side-menu li.active ul li.non-active a {
	text-decoration: none;
	font-weight: normal;
}

/* ============================================================================= Content Area === */

#content {
	width: 792px;
        background: url('../images/body-bg.gif') no-repeat top left;
	min-height: 269px;
	padding: 0 30px;
}

#home-image {
	float: left;
	height: 350px;
}

#left-col {
	display: block;
	float: left;
	width: 200px;
	padding: 10px;
	background-color: #9F9F9F;	
}

#body {
	float: left;
	display: block;
	width: 578px;
	padding: 0px 10px;
	margin-top: 10px;
	min-height: 100%;
	
	/* border: 1px solid red; */
}

#body-wide {
	float: left;
	display: block;
	width: 700px;
	padding: 10px;
	background-color: #fff;	
}

#right-col {
	display: block;
	float: left;
	width: 140px;
	padding: 10px;
	background-color: #9F9F9F;	
}

#home-right-col {
	display: block;
	float: left;
	width: 260px;
	height: 330px;
	padding: 10px;
	background-color: #9F9F9F;	
}

#body ul {
	font-size: 12px;
	background: #fff;
	width: 430px;
	padding: 10px 25px;
	line-height: 17px;
	list-style: square;
	background: url('../images/list-bg-.gif') no-repeat top left;
	background-color: #D1E5EF;
	margin: 0 auto;
}

#body ul.small-list {
	font-size: 12px;
	background: #fff;
	width: 344px;
	padding: 10px 25px;
	line-height: 30px;
	list-style: square;
	background: url('../images/list-bg-sm.gif') no-repeat top left;
	margin: 0 auto;
} 

#body li {
	border-bottom: dotted #013b79 1px;
	list-style-position: inside;
	color: #013b79;
	padding: 5px 0;
}


#body ul.sitemap {
	font-size: 12px;
	background: #fff;
	width: 344px;
	padding: 10px 25px;
	line-height: 30px;
	list-style: square;
	background: none;
	margin: 0;
}

#body ul.sitemap ul {
	background: none;

} 

#body .sitemap li {
	border: none;
	list-style-position: inside;
	color: #013b79;
}

#body img.imgborder {
	margin: 2px;
	border: 3px #B3D2E3 solid;	
	
}

.clear {
	clear: both;
	height: 0px;
	display: block;
}

.right-image {
	float: right;
	border: 4px #666 solid;
	margin: 10px;
}

/* ============================================================================= Forms === */

form { 
	float: left;
	width: 540px;
}

form label {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 240px;
	display: block;
	float: left;
	margin: 10px;
}  

form input {
	background: #F7F7F7;
	border: solid 1px #BBB;
	border-bottom-color: #DDD;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0;
	width: 230px;
	float: left;
	margin: 10px;
}

form textarea {
	font-family: arial, verdana, sans-serif;
}

form #textareainfo {
	font-weight: normal;
	font-style: italic;
	color: #8E1922;
}

form input[type='text'], form input[type='password'], form input[type='file'], form select, form textarea {
	background: #F7F7F7;
	border: solid 1px #BBB;
	border-bottom-color: #DDD;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0;
	width: 230px;
	float: left;
	margin: 10px;
}

form input[type='text']:hover, form input[type='password']:hover, form input[type='file']:hover, form input[type='submit']:hover, form input[type='button']:hover, form textarea:hover {
	border-color: #888;
}

form input[type='text']:focus, form input[type='password']:focus, form input[type='file']:focus, form textarea:focus {
	background: #FFF;
	color: #333;
}

form .req input, form .req select, form .req select, form .req textarea {
	border: red 1px solid; 
	background: #FFF5BF;
}

input.radio {
	width: 10px;
	margin-bottom: 20px;
}

.radio-label {
	float: left;
	padding-top: 7px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

p.check-box {
	float: left;
	margin-left: 280px;
}

form input.check-box {
	width: 20px;
	height: 10px;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}

form input.button {
	clear: both;
	float: right;
	border: none; 
	height: auto;
	width: auto;
	margin: 0;
	margin-right: 25px;
	padding: 10px 20px;
	cursor: pointer;
	background-color: #336699;
	color: #FFF;
}

form input:hover.button {
	background-color: #881C1A;
	color: #FFF;
}

.req {
	color: #8E1922;
}
/* ============================================================================= Content Footer Menu === */

#footer, .push {
	height: 29px; /* .push must be the same height as .footer */
}

#footer {
	background: #CFCFCF url('../images/footer.gif') no-repeat top left;
	color: #FFF;
        margin-bottom: 0;
}

#footer p {
	font-size: 12px;
	color: #1b2516;
	padding: 5px;
	padding-right: 35px;
	text-align: right;
}

#footer a {
	color: #1b2516;
}

/* ============================================================================= Footer Menu === */

ul#footer-menu {
	width: 852px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 480px; /* need to adjust this manually if the width of the menu changes */
}

ul#footer-menu li {
	float: left;
	font-size: 10px;
	list-style-type: none;
	margin: 0 2px;
}

ul#footer-menu li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	border-right: 1px solid #FFF;
	padding: 2px 10px;
}

ul#footer-menu li.last a {
	border: none;
}

ul#footer-menu li a:hover {
	text-decoration: underline;
}

ul#footer-menu li a.this {
	text-decoration: underline;
}



/* ============================================================================= bluebox === */

#bluebox {
	float: left;
	width: 265px;
	background: #7dbada url('../images/box-bg.gif') repeat-x top left;
	margin: 10px;
}

#bluebox a {
	margin: 0;
	padding: 0px;
}

#bluebox h2 {
	color: #fff;
	font-size: 1.2em;
	margin: 0;
	padding: 6px 10px 0 10px;
	text-decoration: none;
	background: #7dbada url('../images/box-top.gif') repeat-x top left;
	font-style: normal;
	height: 25px;
}

#bluebox a:hover {
	background: none;
	text-decoration: none;
}

#bluebox img {
	float: right;
	border: solid 6px #d6ecf3;
	margin: 5px;
	margin-top: 15px;
}

#bluebox ul {
	background: none;
	width: 230px;
	list-style: square;
	color: #FFF;
	padding: 10px 15px;
	font-size: 13px;
	line-height: 17px;
}

#bluebox li {
	padding: 5px;
	padding-right: 0px;
	font-size: 1em;
	color: #013b79;
}

#bluebox a.more {
	text-align: right;
	background: url('../images/arrow-right.gif') no-repeat right center;
	display: block;
	color: #013b79;
	font-size: 12px;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-decoration: underline;
}

#bluebox a:hover.more {
	color: #013b79;
}


/* quote box */

#quotebox {
	float: right;
	width: 190px;
	margin: 10px 0 10px 0px;
	background-color: #5eb295;
	background: url('../images/quote-box-bg.gif') repeat-y top left;
	position: relative;
	left: 11px;
}

#quotebox .top {
	display: block;
	width: 190px;
	height: 8px;
	background: url('../images/quote-box-top.gif') no-repeat top left;
}

#quotebox p {
	margin: 5px;
	background: url('../images/quote.gif') no-repeat top left;
	color: #053223;
	padding: 5px 5px 15px 15px;
	
}


#quotebox p .name {
	font-weight: bold;
	float: right;
	
}

#quotebox .bottom {
	display: block;
	width: 190px;
	height: 8px;
	background: url('../images/quote-box-bottom.gif') no-repeat bottom left;
}
	
#call-to-action {
	float: right;
	width: 265px;
	background: #7dbada url('../images/box-bg.gif') repeat-x top left;
	margin: 10px;
	padding: 15px;
	border: 4px #0B5EA6 solid;
}

#call-to-action h2 {
	font-size: 18px;
}



#partners {
	float: right;	
	
}

object {
	margin: 10px 0;
	
}

.top {
	font-size: 12px;	
	
}

table {
	font-size: 12px;
}

tr {

}

td {
	border-bottom: 1px solid #246C54;
}

table strong {
	color: #246C54;
	
}