
/*HTML STYLES */

html, 
body, 
form {
	margin: 0px; /* never change */
	padding: 0px; /* never change */
}

body, 
li, 
div, 
td, 
p, 
input, 
select, 
option, 
textarea, 
button {
	font-size: 14px ;
	font-family: georgia, times, serif ;
}

body, 
li, 
div, 
td, 
p {
	line-height: 22px ;
}

body {
	background-color: #325C74 ;
	color: #000 ;
}

table {
	border-collapse: collapse ;
}

img {
	-ms-interpolation-mode: bicubic; 
}

h1 {
	color: #325C74 ;
	font-size: 38px ;
	line-height: 42px ;
	letter-spacing: -3px ;
	font-weight: normal ;
	margin-top: 0px ;
}

h2 {
	color: #325C74 ;
	font-size: 24px ;
	line-height: 28px ;
	letter-spacing: -2px ;
	font-weight: normal ;
	margin-top: 0px ;
}

h3, .inline_h {
	color: #325C74 ;
	font-size: 16px ;
	letter-spacing: -1px ;
	font-weight: bold ;
	margin-top: 0px ;
}

h4 {
	font-size: 1.3em; 
	font-weight: bold; 
}

h5 {
	font-weight: bold;
}

h6 {
	margin: 0px;
	font-weight: bold; 
}

h6 + p {
	margin-top: 5px; 
}

a, 
a:link, 
a:active, 
a:visited, 
a:hover {
	color: #325C74 ;
}

a:active, 
a:visited {
	color: #414547 ;
}

a:hover {
	color: #587A8E ;
}

/*	TEMPLATE STYLES	*/

.body {
	margin: 0px; /* dont change */
	padding: 10px 10px; 
}

.container {
	width: 980px;
	margin: auto;
	border: solid 1px #ccc;
}

.page_top {
	height: 150px; 
	background-color: #145163;
	border-bottom: solid 1px #ccc;
}

.page_top a img {
	border: 0px; 
}

.info_bar {
	background-color: #711028;
	padding: 15px;
	text-align: center;
	
	font-weight: bold;
	color: #fff;
}

.navigation_bar {
	background-color: #711028;
	border: solid 0px #ccc;
}

.page_body_div {
	border-top: solid 1px #ccc;
}

.page_body_table {
	width: 100%;
}

.nav_cell {
	background-color: #145163;
	width: 250px;
	border: solid 0px #ccc;
	vertical-align: top;
}

.content_cell {
	background-color: #fff;
	border: solid 0px #ccc;
	vertical-align: top;
}

.content {
	padding: 15px ;
}

.foot, 
a.foot:link, 
a.foot:active, 
a.foot:visited, 
a.foot:hover {
	color: #ccc; 
}

a.button, 
a.button:link, 
a.button:active, 
a.button:visited, 
a.button:hover {
	background-image: url(/images/button_bg.png) ;
	border: 2px outset #587A8E ;
	background-position: center ;
	display: block ;
	color: #fff ;
	margin: 0px 8px 8px 8px ;
	padding: 8px 12px ;
	font-size: 24px ;
	letter-spacing: -2px ;
	text-decoration: none ;
}

a.button:hover {
	background-image: url(/images/info_bg.png) ;
	border: 2px outset #B0B9BC ;
	color: #414547 ;
}

a.link_white:link, 
a.link_white:active, 
a.link_white:visited, 
a.link_white:hover {
	color: #fff ;
	text-decoration: none ;
}

a.link_white:hover {
	text-decoration: underline ;
}

a.link_gray:link, 
a.link_gray:active, 
a.link_gray:visited, 
a.link_gray:hover {
	color: #414547 ;
	text-decoration: none ;
}

a.link_gray:hover {
	text-decoration: underline ;
}

/* MISC STYLES */

.img_float {
	float: right;
	border: solid 1px #145163;
	margin: 0px 0px 10px 10px; 
}

hr {
	margin: 6px 0px; 
	padding:0;
	border: none; 
	border-top: solid 1px #000;
	border-bottom: solid 1px #ccc;
	opacity: 0.4;
}

/*	COMMON STYLES	/*

/* TinyMCE specific rules */

body.mceContentBody {
   background: #fff;
}

.mceContentBody a {
	color: #711028 !important; /* Should match standard anchors; FF requires a important here for mceContentBody */
}

a:link img, 
a:active img, 
a:visited img, 
a:hover img {
	border-style: solid;
	border-width: 1px; 
	border-color: #711028;
}

a:hover img {
	border-color: #c00;
}

/*Misc Standard Styles*/

table.w100 {
	width: 100%; 
}

table.vat td {
	vertical-align: top; 
}

.important {
	color: #711028;
}

.required {
	text-align: center;
	color: #711028;
}

.even_row, 
.row_0 {
	background-color: #eee;
}

.odd_row, 
.row_1 {
	background-color: #fff;
}

.good, 
.status1 {
	color: #456314;
}

.bad, 
.status0 {
	color: #711028;
}


.print_only {
	display: none; 
}

@media print {
	
	.print_only {
		display: block;
	}
	
	.no_print {
		display: none; 
	}
	
	.content {
		width: 100%; 
		margin: 0px; 
		float: none;
	}
	
}
.bullets p {
	background-image: url(/images/li.png) ;
	background-position: left center ;
	background-repeat: no-repeat ;
	margin: 10px 0px 10px 15px ;
	padding-left: 20px ;
}

.float {
	float: right ;
	clear: right ;
	margin: 0px 0px 5px 15px ;
}

.size {
	width: 320px ;
}

.border {
	border: 1px solid #325C74 ;
	background: #fff ;
	padding: 1px ;
}
