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

body {
background-color: #1278BF; 
background: url("images/bigcitylights.jpg") no-repeat center center fixed; 
background-size: cover;
color: #000;
}
	
#wrapper  /* Size of page container  */
{
position: relative;
width: 1100px;
margin: 40px auto;
background-color: #F3F0F0; 
border-width: 6px; border-style: double; border-color: #572000; border-radius: 25px; /* Double Border */
}
		
 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; }

.border { border: 2px solid #593232; border-radius: 10px; }

a:link    {color: #593232; outline: none;}
a:visited {color: #593232; outline: none;}
a:hover   {color: #CC0920;}
a:active  {color: #593232;}

a.x { border-style: solid; border-width : 1px 4px 4px 1px; text-decoration : none; padding : 4px; border-radius: 10px;
outline: none; /* get rid of dotted borders in FireFox */ } 
a.x:link { border-color : #572000; color: #572000; }
a.x:active { border-color : #572000; color: #572000; }
a.x:visited  { border-color : #572000; color: #572000;}
a.x:hover { border-color : #CC0920; background-color: #ccc; color: #000; }

a.y:link { border-style: solid; border-width : 1px 4px 4px 1px; text-decoration : none; padding : 4px; border-color : #000; }
a.y:active { border-color : #000; }
a.y:visited  { border-color : #000;} 
a.y:hover { border-color : #CC0920; background-color: #ccc; color: #CC0920; text-decoration : none; }

a.s:link { border: 2px solid #F3F0F0; background-color: #F3F0F0; text-decoration : none; padding :  0 50px; }
a.s:active { border-color : #F3F0F0; color: #572000; outline: none;}
a.s:visited  { border-color : #F3F0F0;color: #572000; outline: none;}
a.s:hover { border: 2px solid #572000; background-color: #F3F0F0; color: #CC0920; text-decoration : none; border-radius: 10px; }

.block2 {
  display:inline-block;
  text-align: center;
  margin-left: auto ;
  margin-right: auto ;
  padding: 5px 5px 5px 5px ;
  }




img.center { display: block; margin-left: auto; margin-right: auto; }

.center { display: block; margin-left: auto; margin-right: auto; }

div.content { width: 70% ; margin-left: auto ; margin-right: auto ; }

div.clear { clear:both; }

.clear { clear:both; }

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


.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; }
 
.footer /* Used in footer include */
{
font-size: .75em;
font-family: 'Times New Roman', Times, Georgia, serif;
 } 

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


.afont0
{
font-size: .75em;
font-family: Georgia, times, 'times new roman', serif;
font-weight : bold;
}

.afont1
{
font-size: 1em;
font-family: Georgia, times, 'times new roman', serif;
font-weight : bold;
color: #000;
}
.afont2
{
font-size: 1.25em;
font-family: Georgia, times, 'times new roman', serif;
font-weight : bold;
}

.afont3  
{
font-size: 1.50em;
font-family: Georgia, times, 'times new roman', serif;
font-weight : bold;

}

.afont4  
{
font-size: 2em;
font-family: Georgia, times, 'times new roman', serif;
font-weight : bold;
color: #000;
}

.bfont0
{
font-size: .75em;
font-family: "times new roman", sans-serif, arial, helvetica;
color: #000;
}

.bfont1
{ font-size: 1em; font-family: "times new roman", sans-serif, arial, helvetica; color: #000; }

.bfont2
{ font-size: 1.25em; font-family: "times new roman", sans-serif, arial, helvetica; color: #000; }

.bfont3
{ font-size: 1.5em; font-family: "times new roman", sans-serif, arial, helvetica; color: #000; }

.bfont4
{ font-size: 2em; font-family: "times new roman", sans-serif, arial, helvetica; color: #000; }

.cfont0
{
font-size: .5em;
font-family: "times new roman", sans-serif, arial, helvetica;
font-weight : bold;
font-style: italic;
color: #000;
}

.cfont1
{
font-size: 1em;
font-family: "times new roman", sans-serif, arial, helvetica;
font-weight : bold;
font-style: italic;
color: #000;
}

.cfont2
{
font-size: 1.5em;
font-family: "times new roman", sans-serif, arial, helvetica;
font-weight : bold;
font-style: italic;
color: #000;
}

.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;
}

.tablefont {
 font-size: 1.10em;
font-family: "times new roman", sans-serif, arial, helvetica;
font-weight : bold;
font-style: italic;
color: #000;
}

.tablefont { text-align: center; vertical-align: middle; }

.nfont0 { font-size: .75em; font-family: times, 'times new roman', serif; color: #000; }  /* Nav fonts */

.nfont1 { font-size: 1em; font-weight: bold; font-family: times, 'times new roman', serif; }  /* Nav 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;}

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

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

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

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

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

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

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

.width75 { width:75%; margin: 0 auto; }

.width80 { width:80%; margin: 0 auto; }

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

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

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


/* Navagation Bar CSS Follows */


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

.pnav  {
  display: inline; list-style:none;
}

.pnav ul li{
  display: inline; list-style:none; padding : 5px; white-space:nowrap;
}







#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; 
	
}
#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;
}