@charset "utf-8";
/* CSS Document */
body {
	height:100%;
	font: 100%/1.5 arial, sana serif;
	margin: 0;
	padding: 0;
	background: #10191e;
	background-image: url('images/BKG.jpg') ;
	background-repeat: no-repeat;
	background-position:center;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, {
	margin-top: 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
h2{
	margin-top: 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding: 25px 15px 0 15px;
	 /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
	}
	
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 798px;

	height: 100%;
    min-height: 100%;
    height: auto !important;
	margin: 0 auto;
	position: relative;
	background: #fff;
	
	
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */


#header_container { 

background:#253740; 
z-index:900;
border-top: 2px solid #578ba1;
height:110px; left:0; 
position:fixed; 
min-width:100%; 
top:0; }

.wrap {
	min-height:100%;
		position:relative;
		margin:0 auto;
        width:798px;
	}

#header{
	line-height:60px; 
	margin:0 auto; 
	width:940px;
	}
 

#header .fleft{
	margin-top: 2px; 
	padding: 6px 75px;
	float: left;
	
}
#header .fright {
	margin-top: 53px; 
	padding: 0 85px 0 0;
	float: right;
	font-size: 1.2em;
	color: #fff;
	letter-spacing: 1px;
	

	
}

#header_container nav {
	margin-top: 105px;
	min-width: 100%;
	height: 35px;
	background: #bb0616;
	border-top: 4px solid #578ba1;
	border-bottom: 3px solid #578ba1;
	
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
#header_container nav ul {
	list-style: none;
	margin-top: 6px;
	margin-left: 35px;
	

	
}
#header_container nav ul li {
	/* [disabled]display: inline; */
	float: left;
	font-family: arial, sans serif;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 1px;
	
	
}
#header_container nav ul li a { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	color: #fff;
	padding: 12px 40px;
	text-decoration: none;
	
}

#header_container nav ul li a:hover{ /* this changes the background and text color for both mouse and keyboard navigators */
	color: #540b05;
	padding: 12px 40px;
	text-decoration: none;
	
}
#header_container nav li a.active{ /* this changes the background and text color for both mouse and keyboard navigators */
	color: #540b05;
	padding: 12px 40px;
	text-decoration: none;
	
}

.content {
	height:900px;
	margin-top: 150px;
	color: #333;
	padding: 8px;
	font: 1.1em arial, sans serif;
	border-top: 5px solid #bb0616;
	
}


/* ----- headers ----- */
             
.content h1{
	color: #bb0616;
	padding: 10px 10px 5px 5px;
	margin: 8px 10px 0px 10px;
	font: normal 155% arial, sans serif;
	letter-spacing: 1px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.content h1 img {
	display: inline-block;
   float: right;
   	margin: 0px 10px 5px 10px;
}
.content h2{
	color:  #741407;
	font: normal 150% arial, sans serif;
	padding: 5px 0px;
	margin-bottom: 0px;
}

.content p {
	padding: 0px;
	margin-top: 0px;
	line-height: 25px;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; 
}
.center{
line-height:135%;
	text-align:left;
	margin: 0px 10px 0px 10px;
	padding: 10px 5px 5px 5px;
	width: 752px;
}
.center a{
	color: #741407;
	font: normal 110% arial, sans serif;
	text-decoration:none;
	padding-left: 35px;
	
	}
.center a:hover{
	color: #bb0616;
	}
	
.center ul {
	height: 100%;
	padding: 10px 0 20px 5px;
	list-style: none;	
}
.center li {
	float: left;
	font: Arial, sans serif;
	margin: 5px 5px 5px 5px;
	padding-left: 13px;
	clear: both;	
}
.center2 {
line-height:155%;
font: normal 120% arial, sans serif;
	text-align:left;
	margin: 0px 10px 0px 10px;
	padding: 10px 5px 5px 5px;
	width: 752px;
}
.center2 a{
	color: #741407;
	font: normal 110% arial, sans serif;
	text-decoration:none;
	padding-left: 35px;
	
	}
.center2 a:hover{
	color: #bb0616;
	}
	
.center2 ul {
	height: 100%;
	padding: 10px 0 20px 5px;
	list-style: none;	
}
.center2 li {
	float: left;
	font: Arial, sans serif;
	margin: 5px 5px 5px 5px;
	padding-left: 13px;
	clear: both;	
}
		
.left {
	
	text-align:left;
	float:left;
	margin: 1px 5px 0px 10px;
	padding: 10px 0px 5px 5px;
	width: 375px;
}
.left p{
	margin-top: 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding: 0 10px 0 2px;	
	line-height:135%;
}
.left ul {
	height: 100%;
	padding: 0px 0 20px 0px;
	list-style: none;
	font-weight: bold;	
}
.left li {
	float: left;
	font: bold 90% Arial, sans serif;
	margin: 5px 5px 5px 5px;
	padding-left: 13px;
	clear: both;	
}

.right {
	text-align:left;
	float:right;
	padding: 15px 5px 0 0px;
	width: 375px;
}
.right p{
	margin-top: 0px;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding: 0 5px 0 5px;
}
	
#list{
	margin-top: 210px;
	}

.right img {
	padding: 10px 0 15px 15px;
}

.right ul {
	height: 100%;
	padding: 15px 0 20px 0px;
	list-style: none;
	font-weight: bold;
}
.right li {
	float: left;
	font: bold 90% Arial, sans serif;
	margin: 0px 5px 15px 0px;
	clear: both;	
}

button {
   display: inline-block;
   float: right;
   	margin: 0px 10px 10px 10px;

   padding: .8em 1.1em;
   border: .05em solid #540b05; 
   border-radius: .4em;
   background-color: #bb0616;
   color:  #FFF;
   text-shadow: 0 .063em #540b05;
   text-decoration: none;
   font: bold 1em;
   box-shadow: inset 0 .063em #540b05, inset 0 -0.188em #540b05;
}
button:hover {
   background-color: #741407;
   box-shadow: 0 .125em #540b05, inset 0 .063em #bb0616, inset 0 -0.188em #bb0616;
}



/* ----- footer ----- */
#footer { 
	background: #253740;
	min-width:100%; 
	clear: both;
	color: #fff;
	font-size: 1em;
	text-align: center;
	padding: 5px 0px 20px 0px;
	border-top: 4px solid #578ba1;
	border-bottom: 2px solid #578ba1;
 	top:0;
}

	

}




/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}