body
  {margin: 0px;}

img
  {
  margin: 0px;
  padding: 0px;
  border: none;
  } 

.hfmtit {color: red; font-family: verdana, serif; 
font-size: 44px; font-style: normal; line-height: 80px; }

.hfmbig {color: black; font-family: arial, sans serif; 
font-size: 14px; font-style: normal; line-height: 15px; }
.hfmblue {color: blue; font-family: arial, sans serif; 
font-size: 10px; font-style: normal; line-height: 15px; }
.hfmred {color: red; font-family: arial, sans serif; 
font-size: 10px; font-style: normal; line-height: 15px; }
.hfmmed2 {color: blue; font-family: arial, sans serif; 
font-size: 10px; font-style: normal; line-height: 15px; }
.hfmtext {color: black; font-family :verdana, sans serif; 
font-size: 10px; font-style: normal; line-height: 15px; }
.brenbab {color: pink; font-family: arial, sans serif; 
font-size: 10px; font-style: normal; line-height: 20px; }


#index {
	background-color: orange;
	position: absolute;
	text-align: right;
	padding: 4px;
	top: 500px;
	left: 50px;
	border: none;
	height: 300px;
	width: 300px;
	z-index: 0;
	}


  .menu {color: #333333; font-family: arial, sans serif; 
font-size: 9px; font-style: normal; line-height: 2.3em; }
.main {color: #333333; font-family: arial, sans serif; 
font-size: 10px; font-style: normal; line-height: 9px; }

#brendanwhat {
	background-color: transparent;
	position: absolute;
	text-align: left;
	padding: 0px;
	top: 35px;
	left: 60px;
	border: none;
	height: auto;
	width: auto;
	z-index: 0;
	}


#hfmtit {
	background-color: cornflower blue;
	position: absolute;
	text-align: center;
	padding: 0px;
	top: 0px;
	left: 210px;
	border: none;
	height: auto;
	width: auto;
	z-index: 1;
	}

#thunderimage {
	background-color: transparent;
	position: right;
	text-align: right;
	padding: 0px;
	top: 470px;
	right: 380px;
	border: none;
	height: auto;
	width: auto;
	z-index: 12;
	}

#hfmbody {
	background-color: transparent;
	position: absolute;
	text-align: center;
	padding: 6px;
	top: 50px;
	left: 15px;
	border: 2px;
	height: auto;
	width: 700px;
	z-index: 10;
	}


#mailbox {
	background-color: transparent;
	position: absolute;
	text-align: left;
	padding: 2px;
	top: 10px;
	left: 10px;
	border: none;
	height: auto;
	width: auto;
	z-index: 9;
	}


  


	
a.name:link	{	
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	padding: 1px;
	font-weight: normal;

	font-family: verdana, sans serif;
	color:  silver;
	background:	 white;
	text-decoration: none;
	
	}	
		
a.name:visited	{
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	padding: 1px;
	font-weight:	normal;
	
	font-family:   verdana, sans serif;
	color:  grey;
	background:  white;	
	text-decoration: none;
	
	}	
		
a.name:visited:hover	{	
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	
	font-family:   verdana, sans serif;
	font-weight:	normal;
	color:  silver;
	background:	 white;
	text-decoration: none;
	
	}
	
a.name:active	{	
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	font-weight:	normal;

	font-family:   verdana, sans serif;
	color:  silver;
	background:	 white;
	text-decoration: none;
	
	}	
		
a.name:hover	{	

	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	font-family:   verdana, sans serif;
	font-weight:	normal;
	color:  silver;
	background:	 white;
	text-decoration: none;
	
	}

a.nameon:link	{	
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	padding: 1px;
	font-weight: normal;

	font-family: verdana, sans serif;
	color:  silver;
	background:	 white;
	text-decoration: none;
	
	}	
		
a.nameon:visited	{
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	padding: 1px;
	font-weight:	normal;
	
	font-family:   verdana, sans serif;
	color:  cornflower blue;
	background:	 white;	
	text-decoration: none;
	
	}	
		
a.nameon:visited:hover	{	
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	
	font-family:   verdana, sans serif;
	font-weight:	normal;
	color:  silver;
	background:	 white;
	text-decoration: none;
	
	}
	
a.nameon:active	{	
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	font-weight:	normal;

	font-family:   verdana, sans serif;
	color:  cornflower blue;
	background:	 white;
	text-decoration: none;
	
	}	
		
a.nameon:hover	{	

	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	border-left: solid black 1px;
	font-family:   verdana, sans serif;
	font-weight:	normal;
	color:  cornflake blue;
	background:	white;
	text-decoration: none;
	
	}

a.norm:link	{	
	border: none;
	padding: 1px;
	font-weight: normal;

	font-family: verdana, sans serif;
	color:  blue;
	background:	white;
	text-decoration: none;
	
	}	
		
a.norm:visited	{
	border: none;
	padding: 1px;
	font-weight:	normal;
	
	font-family:   verdana, sans serif;
	color:	blue;
	background:	white;	
	text-decoration: none;
	
	}	
		
a.norm:visited:hover	{	
	border: none;
	
	font-family:   verdana, sans serif;
	font-weight:	normal;
	color:	silver;
	background:	white;
	text-decoration: none;
	
	}
	
a.norm:active	{	
	border: none;
	font-weight:	normal;

	font-family:   verdana, sans serif;
	color:	blue;
	background:	white;
	text-decoration: none;
	
	}	
		
a.norm:hover	{	

	border: none;
	font-family:   verdana, sans serif;
	font-weight:	normal;
	color:	silver;
	background:	white;
	text-decoration: none;
	
	}