﻿/* CSS for FHF Website:  resources.htm */

body {
	height: 100%;
	background-color: #E8E8E8;

	}

html {
	height: 100%;	
	
	}
/** HEADER */

#header1 {
	width: 778px; 
	height: 120px; 
	margin: 0 auto; 
	background-color: #800000;
	
	

	}
.txt {
            position: absolute;
            top: 10px;
            margin-left:0px;
            font-size: 36px;
            color: #FFFFFF;

}

.txt1 {
            position: absolute;
            top: 60px;
            margin-left:250px;
            font-size:36px;
            color: #FFFFFF;

}
.txt2 {
            font-size:16px;
            color: #000000;
            font-weight:bold;
            font-style:italic;
           

}

.txt3 {
           text-align:center;
           font-size:20px;
           color: #800000;
           text-decoration:underline;
}

.txt4 {
          
           text-align:center;
           font-size:19px;
           color: #800000;
           font-weight:bold;
          
}
.txt5 {
           text-align:center;
           font-size:20px;
           color: #000000;
           font-weight:bold;
           text-decoration:underline;
}
.txt6 {
           font-size:16px;
           font-weight:bold;
           color: #000000;
           text-align:center;

          }
          
.txt7 {
		font-size: 14px;
}

.txt8 {
		color: black;
		font-weight: bold;
}

.txt9 {
	font-family: "Times New Roman";
	 color: black; 
	
}

/** 2-COLUMN LAYOUT */

.two-col {
}

.two-col .colA {
    position: absolute;
    top:130px;
	margin-right:-2px;
	width: 145px;
	height:800px;
	
}

.two-col .colB {
	position: absolute;
    top:0px;
	width: 0px;
	margin-left: 0px;
}

.pgback {
	 background-color: #FFFFFB;
	 width: 778px;
	 top: 115px;
	 margin-left: 200px;
	 height: 1115px;
	 text-align: left;
	 
}

/** BOX2 */

.box2 {
       position: absolute;
       top:5px;
       margin-left:-2px;
       height:300px;
       width:201px;
}
.box3 {
       position: absolute;
       top: 350px;
       background-color: #CCCCCC;
       border-style:solid;
       border-width:1px;
       border-color: #800000;
       width: 170px;
       height:220px;
       Margin-left: 5px;
       font-weight:normal;
       font-size:13pt;
       color:black;
       text-align: center;
       padding-left:10px; 
     
}

.tbl{
	   border-style: none;
	   border-color: inherit;
	   border-width: 2px;
	   background-color:#CCCCCC;
	   height: 25px;
	   width: 201px;
	   font-family: "Times New Roman";
	   border: 1px solid #FFFFFF;
	   font-size: large;
	   text-align: center;
	   font-weight: bold;

	  
}
.box4 {
       position: absolute;
       margin-left: 205px;
       height:301px;
       width:223px;
       top:140px
}

.box5 {
       position: absolute;
       top: 140px;
       margin-left:440px;
       padding-left: 10px;
       height:275px;
       width:315px;
       background-color:#CCCCCC;
       border-style:solid;
       border-width:1px;
       border-color:#800000;

}
.box6 {
       position: absolute;
       top:480px;
       margin-left:470px;
       height:301px;
       width:300px;
      
}


.box7 {
       position: absolute;
       top:480px;
       margin-left:195px;
       height:600px;
       width:250px;
       border-top-style:solid;
       border-left-style:solid;
       border-right-style:solid;
       border-bottom-style:solid;
       border-top-width:1px;
       border-right-width:1px;
       border-left-width:1px;
       border-bottom-width:1px;
       border-color:#800000;
       text-align:center;

}

.box8{
    position: absolute;
    top:1030px;
   	width: 220px;
	height: 200px;
	margin-left: 145px;
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	font-size:14pt;
	font-weight:bold;
	background-color:#CCCCCC;
	border-top-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-top-width:1px;
    border-right-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-color:red;
	
}

.box9 {
       position: absolute;
       top:1830px;
       left: 375px;
       height:301px;
       width:243px;
      
}


.box10 {
       position: absolute;
       top: 1040px;
       left: 39px;
       height:90px;
       width:400px;
       top:1110px
}
.box11 {
       position: absolute;
       border-top-style:solid;
       border-left-style:solid;
       border-right-style:solid;
       border-bottom-style:solid;
       border-top-width:1px;
       border-right-width:1px;
       border-left-width:1px;
       border-bottom-width:1px;
       border-color:red;
       width: 630px;
       height:30px;
       text-align:center;
       Margin-left: 145px;
       font-weight:bolder;
       font-size:14pt;
       background-color:white;
       color:black;
       top:150px;
}
.box12 {
       position: absolute;
       width: 300px;
       height:120px;
       text-align:center;
       Margin-left: 145px;
       font-weight:bolder;
       font-size:12pt;
       background-color:#CCCCCC;
       color:black;
       top:200px;
}
.box13{
       position: absolute;
       margin-left:145px;
       height:240px;
       width:300px;
       top:330px
}
.box14 {
       position: absolute;
       top: 200px;
       margin-left:475px;
       height:700px;
       width:300px;
       background-color:#CCCCCC;
       color:black;
       font-size:20px;
       font-family:"Courier New", Courier, monospace;
       text-align:center;
       
      
}

.box15{
    position: absolute;
    top:520px;
   	width: 300px;
	height: 400px;
	margin-left: 145px;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size:10pt;
	font-weight:bolder;
		
}

.box16{
    position: absolute;
    top:200px;
   	width: 8px;
	height: 700px;
	margin-left: 455px;
	background-color: #800000;
	font-weight: 600;	
}
.box17{
    position: relative;
    top:0px;
   	margin-left: 597px;		
}

.box18{
  	



}


/** CONTENT */

#content {
	width: 778px;
	margin: 0 auto;
	background-color: #FFFFFB;
	height: 1000px; /* height; 1045px with 2 events in box2 */
}

.content {
	margin: 0 auto;
	
	
}
     
a:link
{
	font-family: Times New Roman;
	font-size: large;
	color: navy;
	text-decoration: none;
}

a:active
{
	font-family: Times New Roman;
	font-size: large;
	color: navy;
	text-decoration:none;
}

a:visited
{
	font-family: Times New Roman;
	font-size: large;
	color:navy;
	text-decoration: none;
	}

.l1 a:visited
{
	font-family: Times New Roman;
	font-size: large;
	color: #0066FF;
	text-decoration: underline;
	}
	
	
/** Header Text **/

 



.headertbl2 {

            text-align: center;

            width: 445px;

}

 

.headertxt3 {

            font-size: large;

            color: #FFFFFF;

 

}

 

.headertxt4 {

            text-align: center;

            font-size: xx-large;

            color: #FFFFFF;

            width: 645px;


}

.headertbl {

             width: 645px;

             text-align:left;

}

/** Footer */

.ftxt {
	font-size: small;

}

.hrline {
	width: 778px; 
	height:  4px;
	color: #800000;
	border-collapse;
	direction: ltr;
}

.ftpic {
	 height: 76px;
	 width: 778px;
	 margin: 0 auto;
}

.ftlinks {
	position: absolute;
	top: 1115px;
	margin-left: 105px;
	font-size: small;
	background-color: #FFFFFF;
	width: 760px;
	text-align: center;
}





