@charset "UTF-8";

body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, a, img, table, tr, td, th, thead, tfoot {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

body {
	background-color: #0E2356;
	background-image: url("/images/commons/bg.png");
	background-repeat: repeat-x;
	background-position: top center;
	overflow-y: scroll;
}

img {
	border: 0;
}

h2 {
	font-family: Georgia, serif;
	font-size: 18px;
	color: #0E2356;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}

a:link {
	color: #58585A;
}

a:visited {
	color: #58585A;
}

a:active {
	color: #58585A;
}

a:hover {
	color: #000000;
}

a span {
	cursor: pointer;
}


/*================================== CONTAINER */

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}


/*================================== HEADER */

#header {
	background-image: url("/images/commons/header-bg.png");
	background-repeat: no-repeat;
	height: 265px;
	position: relative;
}

#logo, #logo span {
	width: 410px;
	height: 110px;
	display: block;
	position: absolute;
	top: 15px;
	left: 295px;
}

#logo span {
	background-image: url("/images/commons/cfm-logo-graphic.png");
	top: 0;
	left: 0;
}

#form-button, #form-button span {
	width: 190px;
	height: 155px;
	display: block;
	position: absolute;
	top: 50px;
	left: 25px;
}

#form-button span {
	background-image: url("/images/commons/form-button.png");
	top: 0;
	left: 0;
}

#eagle-graphic {
	position: absolute;
	right: 25px;
	top: 70px;
	z-index: 30;
}


/*================================== NAV */

#main-nav {
	list-style-type: none;
	width: 675px;
	height: 50px;
	position: absolute;
	top: 125px;
	left: 190px;
	background-image: url("/images/commons/nav-buttons.png");
	z-index: 31;
}

#main-nav li {
	float: left;
}

#main-nav a {
	text-decoration: none;
	display: block;
	position: relative;
	height: 50px;
	text-indent: 3px;
	line-height: 50px;
}

#main-nav a span {
	display: block;
	position: absolute;
	height: 50px;
	background-image: url("/images/commons/nav-buttons.png");
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}


/* Memorial */

#nav-memorial, #nav-memorial span, #nav-memorial-selected, #nav-memorial-selected span {
	width: 125px;
	background-position: 0 0;
}

#nav-memorial-selected span {
	background-position: 0 -50px;
}

#nav-memorial:hover span {
	background-position: 0 -100px;
}


/* Veterans */

#nav-veterans, #nav-veterans span, #nav-veterans-selected, #nav-veterans-selected span {
	width: 142px;
	background-position: -125px 0;
}

#nav-veterans-selected span {
	background-position: -125px -50px;
}

#nav-veterans:hover span {
	background-position: -125px -100px;
}


/* History */

#nav-history, #nav-history span, #nav-history-selected, #nav-history-selected span {
	width: 146px;
	background-position: -267px 0;
}

#nav-history-selected span {
	background-position: -267px -50px;
}

#nav-history:hover span {
	background-position: -267px -100px;
}


/* Thanks */

#nav-thanks, #nav-thanks span, #nav-thanks-selected, #nav-thanks-selected span {
	width: 127px;
	background-position: -413px 0;
}

#nav-thanks-selected span {
	background-position: -413px -50px;
}

#nav-thanks:hover span {
	background-position: -413px -100px;
}


/* FAQ */

#nav-faq, #nav-faq span, #nav-faq-selected, #nav-faq-selected span {
	width: 61px;
	background-position: -540px 0;
}

#nav-faq-selected span {
	background-position: -540px -50px;
}

#nav-faq:hover span {
	background-position: -540px -100px;
}


/* Contact */

#nav-contact, #nav-contact span, #nav-contact-selected, #nav-contact-selected span {
	width: 74px;
	background-position: -601px 0;
}

#nav-contact-selected span {
	background-position: -601px -50px;
}

#nav-contact:hover span {
	background-position: -601px -100px;
}



/*================================== CONTENT */

#content {
	padding-left: 510px;
	padding-right: 75px;
	padding-bottom: 50px;
	position: relative;
	top: -50px;
	margin-bottom: -50px;
	background-image: url("/images/commons/content-bg.png");
	background-repeat: repeat-y;
	z-index: 10;
}

#content h2 {
	font-size: 18px;
	margin: 40px 0 10px 0;
}

#content h3 {
	font-size: 14px; 
	margin: 25px 0 5px 0;
	font-family: Georgia, serif;
}

#content h4 {
	font-size: 12px;
}

#content p {
	/*text-indent: 25px;*/
	margin-bottom: 12px;
}

#content ul {
	margin-left: 35px;
	list-style-type: none;
}

#content li {
	margin-bottom: 10px;
}

#content dl {
	margin-left: 20px;
}

#content dt {
	font-weight: bold;
	margin: 10px 0 5px 0;
}

#content dd {
	margin-left: 20px;
	margin-bottom: 20px;
}

#history-note {
	text-align: center;
	padding-bottom: 20px;
}

.top-link {
	text-align: right;
}

.top-link a {
	font-size: 11px;
}

.search-button {
	width: 100%;
	padding: 10px 0;
	text-align: right;
}

.input-text {
	width: 100%;
	padding: 5px;
	font-size: 14px;
}


/*=================================== PAGE NAV */

#content .page-nav {
	text-align: center;
	margin: 0;
	padding: 0;
}

#content .page-nav li {
	display: inline;
	padding: 1px;
}

#content .page-nav a, #map a {
	padding: 6px 10px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}


/*================================== HEADERS */

h1 {
	width: 395px;
	height: 65px;
	position: relative;
	text-indent: 2px;
	line-height: 65px;
	margin-bottom: 15px;
	z-index: 15;
}

h1 span {
	display: block;
	width: 395px;
	height: 65px;
	position: absolute;
	top: 0;
	left: 0;
}

#header-memorial span {
	background-image: url("/images/headers/the-memorial.png");
}

#header-veterans span {
	background-image: url("/images/headers/military-veterans.png");
}

#header-history span {
	background-image: url("/images/headers/memorial-history.png");
}

#header-thanks span {
	background-image: url("/images/headers/special-thanks.png");
}

#header-faq span {
	background-image: url("/images/headers/faq.png");
}

#header-contact span {
	background-image: url("/images/headers/contact.png");
}

#content #section-eagle {
	margin-top: 100px;
}

#content #section-liberty {
	margin-top: 270px;
}


/*================================== FOOTER */

#footer {
	background-image: url("/images/commons/footer-bg.png");
	background-repeat: no-repeat;
	height: 60px;
	text-align: right;
	color: #666666;
	font-size: 11px;
	line-height: 60px;
	padding-right: 75px;
}


/*================================= IMAGE FRAMES */

.column-image {
	position: absolute;
	margin-top: -50px;
	left: 75px;
}

.brick-image {
	position: relative;
	top: 10px;
	left: 80px;
	border: 1px solid #DFDFDF;
	width: 100px;
}

.brick-image img {
	position: absolute;
	top: 30px;
	left: 30px;
}

.column-image img {
	position: absolute;
	top: 30px;
	left: 30px;
}

.frame-tl, .frame-tr, .frame-bl, .frame-br {
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
}

.frame-tl {
	background-image: url("/images/commons/frame-tl.png");
	top: 0;
	left: 0;
}

.frame-tr {
	background-image: url("/images/commons/frame-tr.png");
	top: 0;
	right: 0;

}

.frame-bl {
	background-image: url("/images/commons/frame-bl.png");
	bottom: 0;
	left: 0;
}

.frame-br {
	background-image: url("/images/commons/frame-br.png");
	bottom: 0;
	right: 0;
}

.frame-tm, .frame-bm {
	display: block;
	width: 100%;
	height: 30px;
	background-repeat: repeat-x;
	background-position: 0 0;
	position: absolute;
}

.frame-ml, .frame-mr {
	display: block;
	width: 30px;
	height: 100%;
	background-repeat: repeat-y;
	background-position: 0 0;
	position: absolute;
}

.frame-tm {
	background-image: url("/images/commons/frame-tm.png");
	top: 0;
	left: 0;
}

.frame-bm {
	background-image: url("/images/commons/frame-bm.png");
	bottom: 0;
	right: 0;
}

.frame-ml {
	background-image: url("/images/commons/frame-ml.png");
	top: 0;
	left: 0;
}

.frame-mr {
	background-image: url("/images/commons/frame-mr.png");
	top: 0;
	right: 0;
}



/*================================ FAQ */

#content #faq-list {
	margin-left: 0;
}

#content #faq-list dt {
	border-top: 1px solid #DDDDDD;
	padding-top: 20px;
}

#content #faq-list dd {
	margin-bottom: 25px;
}

#faq-nav {
	position: absolute;
	left: 50%;
	top: 90px;
	width: 300px;
	margin-left: -400px;
	margin-bottom: 100px;
}

.sample-brick {
	float: left;
	width: 110px;
	padding: 10px;
	text-align: center;
}



/*================================== MAP */

#map {
	text-align: center;
}

#map a {
	color: #58585A !important;
	border: 1px solid #58585A;
	margin-top: 10px;
	display: inline-block;
}

#map iframe {
	border: 1px solid #58585A;
}

#courthouse-photo {
	margin-left: -390px;
	margin-bottom: 20px;
	text-align: center;
}


/*================================== VETERANS */

#vet-info h3 {
}

.vet-info-boxes {
	text-align: center;
}

.vet-info-box {
	display: inline-block;
	width: 40%;
}