<style type="text/css">

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
	

body{
        margin-right:auto;
      	margin-left:auto;
      	padding: 0px;
      	font-family: "Goudita Sans", "Verdana", "Arial", sans-serif;
      	font-size: 0.9em;
      	height:100%;
      	width:100%;
        background-image: url(SMpatternbackground.gif);
      	background-repeat:repeat;
				background-attachment: fixed;
				text-align: center;
      	overflow: auto;
      	z-index:1;
      		}


#container {
				 width: 1000px;
				 
				 position:relative;
				 top: 0px;
				 left: 0px;
         height:100%;
				 margin-right:auto;
				 margin-left:auto;
				 z-index:2;
				  
				
}

#logo  {
		background-image: url(TFK3DLogo.gif);
		background-repeat:no-repeat;
		background-position: 0px 0px;
		height:308px;
		z-index:10}

#box1 {
         
				 height: 308px;
				 width: 308px;
				 position: absolute;
				 top: 15px;
				 left: 20px;
				 z-index:10
         }

#main { 
		
		width: 700px;
		margin-bottom:auto;
		margin-right:auto;
		margin-left:auto;
		text-align: center;
    position:relative;
		top:0px;
		height:100%;
		left:25px;
		background-color:#ffffff;
		z-index:3;
		border:1px solid white;
		/* border:3px solid orange;*/
		min-height:1000px;
		}
#menu{
   position:absolute;
   top:350px;
   width:140px;
   left:175px;
   margin-right:auto;
   margin-left:0px;
   padding-bottom:20px;
	 text-align: left;
	 
	 text-indent:15px;
   background-color:#ffffff;
   /*border:3px solid green;*/
	 
   z-index:10;}
#newbanner{
	position:relative;
	top:0px;
	left:0px;
	width:700px;
	height:200px;
	background-image: url(MAbanner2.gif);
		background-repeat:no-repeat;
		background-position: 0px 0px;
		/*border:3px solid red;*/
	z-index:8}
#bottombar{
   position:absolute;
	 bottom:1px;
	 left:0px;
	 height:30px;
   width:698px;
   margin-right:auto;
   margin-left:auto;
   margin-bottom:auto;
	 margin-top:200px;
	 padding-top:5px;
   background-color:#400000;
	 color:white;
	
	 font-size:0.75em;
	 z-index:10;}

#photolinks{
		position:relative;
		width:450px;
		height:90%;
		/*border:3px solid red;*/
		padding:1px}

#photoleft{
    position:relative;
		background:#FFFFCC;
    float:left;
    width:220px;
		margin-right:auto;
   margin-left:auto;
   margin-bottom:10px;
	 margin-top:auto;
		height:85%
    }
#photoright{
    position:relative;
    background:#FFFFCC;
    float:right;
    width:220px;
		margin-right:auto;
   margin-left:auto;
   margin-bottom:10px;
	 margin-top:auto;
		height:85%
    }
#pad{text-align:center;color:white}
	  
#small{
	text-align:left;
	font-size:0.75em;
	} 	 
	
#bodytext{
	position:relative;
	margin-top:20px;
	margin-bottom:60px;
	margin-left:175px;
	margin-right:50px;
	text-align:left;
	height:100%;
	top:10px;
	z-index:3;
	background-color:white
	/*border:3px solid cyan*/}

h1 {font-size: 1.5em; text-align: left; color: black}

h2 {font-size: 1.1em; text-align: left;color: black}

h3 {font-size:0.5em; text-align:right}

h4{ font-size:0.8em; text-align:left}

ul.circle {list-style-image: url(button.png);
			font-weight: bold;
			line-height:2em;
			text-align:left}

a:active {color: #000000}
a:link {color: #000000 }
a:visited {color: #000000 }
a:hover {color: #660000}
a:active {color:#000000} 			

/*this works in FF but not IE
#footer {
	background-image: url(footer.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 152px;
	width: 100%;
	position:fixed;
	bottom: 0px;
	z-index: 5;
	}
*/
 </style>