body
{
margin: 0px;
padding: 0px;
border: 0px;
}

body {
background-color: #F5F5F5; 
background: url("images/thewall.jpg") no-repeat center center fixed; 
background-size: cover;
color: #572000;
}
	
#wrapper  /* Size of page container  */
{
position: relative;
width: 1220px;
margin: 50px auto;
background-color: #FFF; 
border-width: 6px; border-style: double; border-color: #572000; border-radius: 25px; /* Double Border */
}

#bodywrapperForm  /* Size of Form Page Container  */
{
position: relative;
width: 1220px;

margin: 0px auto;
border-width: 6px; border-style: double; border-color: #572000; border-radius: 25px; /* Double Border */
background-color: #F3F0F0;
background-size: cover; 
background-repeat: no-repeat;
}




		
 h1, h2, h3, h4, h5, h6 
{ font-family: "times new roman", sans-serif, arial, helvetica; font-weight : bold; 
font-style: italic; text-align: center; }
 
 h1 { font-size: 2em; }
 h2 { font-size: 1.75em; }
 h3 { font-size: 1.50em ; }
 h4 { font-size: 1.25em; }
 h5 { font-size: 1em; }
 h6 { font-size: 0.75em; }

a:link    { color: #000;  text-decoration : none; outline: none; }
a:visited { color: #000; outline: none; }
a:hover   { color: #CC0920;  outline: none; }
a:active  { color: #000; outline: none; }

a.x:link {border-style: solid; border-width: 2px; border-color: #572000; color: #572000; padding: 4px; }
a.x:visited  { border-color : #572000; color: #572000; }
a.x:hover { border-color : #572000; background-color: #ccc; color: #000; }
a.x:active { border-color : #572000; color: #572000; }
a.x { text-decoration: none; outline: none;  }

/* Used on Footer */
a.f:link { border-style: solid; border-width : 2px 2px 2px 2px; text-decoration : none; padding : 5px; 
 border-radius: 25px; border-color : transparent; color : #572000; margin: 0 5px; outline: none; }
a.f:visited  { border-color : #F3F0F0; color : #572000; outline: none; }
a.f:hover  { border-color : #000; background-color: #FFF; color: #000; text-decoration : none; } 
a.f:active { #000; }


.t1size { height:150px; }     /* Title 1 Header Height Width */
.t2size { height:250px; }     /* Title 1 Header Height Width */

.fleft { float:left; display: block; }

.fright{float:right; display: block; }

.infleft {float:left; display: inline; }

.infright{float:right; display: inline; }

.cf:after {
  content: ' ';
  display: block;
  clear: both;
}

  /* Center image in box Horizontal and Vertical */ 
.boximg { 
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto; 
	border: 2px solid #572000; 
	border-radius: 15px;
	/* padding:7px 12px; */
 }
 
.textbox {
	text-align: center;
    position: relative;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto; 
	padding-top:30px
 }

.bb  { border: 2px solid #000; } /* Border Black */
 

img.bb  { border: 2px solid #000; border-radius: 10px; }  /* Image Border Black */

img.center { display: block; margin-left: auto; margin-right: auto; }  /* Center Image */


.headerfont  /* Header Font */
{ font-size: 4em; font-family: Georgia, times, 'times new roman', serif; font-weight : bold; font-style: italic; }

.headerfont1  /* Header Font */
{ font-size: 3em; font-family: times, "times new roman", serif, arial; font-weight : bold; font-style: italic; }


.titlefont { font-size: 3em; font-family: "comic sans MS", sans-serif; font-weight : bold; font-style: italic; }

.titlefont1 { font-size: 1.5em; font-family: "comic sans MS", sans-serif; font-weight : bold; font-style: italic; }

.titlefont2 { font-size: 2em; font-family: "comic sans MS", sans-serif; font-weight : bold; font-style: italic; }


/* A Fonts  */
.afont1 { font-size: .5em; font-family: Georgia, times, 'times new roman', serif; color: #593232; }

.afont2 { font-size: .75em; font-family: Georgia, times, 'times new roman', serif; color: #593232; }

.afont3 { font-size: 1em; font-family: Georgia, times, 'times new roman', serif; color: #593232; }

.afont4 { font-size: 3em; font-family: Georgia, 'times new roman', serif; font-style: italic; font-weight: bold; }

.afont5 { font-size: 2.75em; font-family: Georgia, 'times new roman', serif; font-style: italic; font-weight: bold; }

.afont20 { font-size: 1em; font-family: Georgia, times, 'times new roman', serif; font-weight : bold; color: #EA4800; font-style: italic; }






.tfontsm  /* Very Small Text Font */
{ font-size: .75em; font-family: Georgia, times, 'times new roman', serif; }

.tfontlsm  /* Large Small Text Font */
{ font-size: .85em; font-family: Georgia, times, 'times new roman', serif; }

.tfont0  /* Text Font */
{ font-size: 1em; font-family: Georgia, times, 'times new roman', serif; }

.tfont1  /* Text Font Bold */
{ font-size: 1em; font-family: Georgia, times, 'times new roman', serif; font-weight: bold; }
 
 .tfont2  /* Text Font Bold */
{ font-size: 1.25em; font-family: Georgia, times, 'times new roman', serif; font-weight: bold; }
 
.footer /* Used in footer include */
{
font-size: .75em;
font-family: 'Times New Roman', Times, Georgia, serif;
 } 

.footer1 /* Used in footer include */
{
font-size: 1em;
font-family: 'Times New Roman', Times, Georgia, serif;
 } 

.ffont75 { font-size: .75em; font-family: Georgia, times, 'times new roman', serif; }  /* Footer fonts */












.pleft { text-align: left; }

.pright { text-align: right; }

.pcenter { text-align: center; }

.vmiddle { vertical-align: middle; }

.vtop { vertical-align: top; }

.styleI {font-style: italic;}

.width10 { position: relative; width:10%; margin: 0 auto; }

.width15 { position: relative; width:15%; margin: 0 auto; }

.width20 { position: relative; width:20%; margin: 0 auto; }

.width25 { position: relative; width:25%; margin: 0 auto; }

.width30 { position: relative; width:30%; margin: 0 auto; }

.width32 { position: relative; width:32%; margin: 0 auto; }
.width33 { position: relative; width:33%; margin: 0 auto; }

.width35 { position: relative; width:35%; margin: 0 auto; }

.width40 { position: relative; width:40%; margin: 0 auto; }

.width45 { position: relative; width:45%; margin: 0 auto; }

.width48 { position: relative; width:48%; margin: 0 auto; }
.width49 { position: relative; width:49%; margin: 0 auto; }

.width50 { position: relative; width:50%; margin: 0 auto; }

.width60 { position: relative; width:60%; margin: 0 auto; }

.width65 { position: relative; width:65%; margin: 0 auto; }
.width68 { position: relative; width:68%; margin: 0 auto; }

.width70 { position: relative; width:70%; margin: 0 auto; }

.width80 { position: relative; width:80%; margin: 0 auto; }
.width83 { position: relative; width:83%; margin: 0 auto; }

.width90 { position: relative; width:90%; margin: 0 auto; }

.width100 { position: relative; width:100%; }

.bnborder { border: 2px solid #572000; }

.hr80  { width:80%; color: #572000; margin: 0 auto; height: 1px; }








/* Navagation Bar CSS Follows */


/* Used for Centering Nav */
.main-container {
    float:left;
    position:relative;
    left:50%;
}
/* Used for Centering Nav */
.fixer-container {
    float:left;
    position:relative;
    left:-50%;
}

#nav{
    font-family:Arial,Verdana,sans-serif;
	font-size:1.25em;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:15px;
	position:relative;
}
#nav a{
     display:block;
     background-color: #F3F0F0;
	 border-width : 1px 4px 4px 1px;
	 border-style: solid;
	 border-color : #572000; 
	 text-decoration : none;  
     color: #572000; 
	 padding : 5px; 
	 border-radius: 5px;
}
#nav a:hover{
     border-color : #000; 
	 background-color: #CCC;
	 color: #000; 
	 text-decoration : none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background: #572000; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:5px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#ccc;
	text-decoration:inherit;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background:#F3F0F0;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background: #CCC;
}

/* End Navagation Bar CSS */