@charset "UTF-8";
/* CSS Document */


body{
	background-image: url(../imgs/bg_leaves.png) ;
}

#container{
	width: 800px ;
	height: auto ;
	margin: 0px auto 0 auto ;
	padding: 80px 30px 0 30px ;
	
	/*background-color: #FFFFFF ;*/
}

#header{
	position: fixed ;
	width: 800px ;
	height: 60px ;
	margin: -80px 0 0 -30px ;
	padding: 10px 30px 5px 30px ;
	background-image: url(../imgs/bg_header.png) ;
	/*background-color: #F05539 ;*/
}

#header form{
	width: 800px ;
	height: 40px ;
}

#header form input{
	width: 800px ;
	height: 20px ;
	margin: 10px 0 0 0 ;
	
	border: none ;
	color: #EEEEEE ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 20px ;
	
	background-color: #FF5A3C ;
}



#controls{
	margin: 0 0 0 0 ;
}

#controls h5{
	font-size: 7pt ;
}


.aFont{
	width: 800px ;
	height: auto ;
	
	margin: 0 0 15px -30px ;
	padding: 15px 30px 30px 30px ;
	background-color: #DEDEDE ;
}

table{
	width: 800px ;
	margin: 30px 0 30px 0 ;
	border: solid 1px #FFFFFF ;
}

tr{
	height: 50px ;
}

td{
	width: 50px ;
	border: solid 1px #FFFFFF ;
	color: #444444 ;
	font-size: 20pt ;
	text-align: center ;
}

table.fontStyles{
	height: auto ;
	margin: 0 ;
	/*float: left ;*/
	border: none ;
}

table.fontStyles tr{
	height: auto ;
}

table.fontStyles td{
	width: auto ;
	margin: 3px 10px 0 0;
	border: none ;
	color: #444444 ;
	text-align: left ;
	float: left ;
}




.aFont#Anivers{ font-family: Anivers ; }
.aFont#Chunk{ font-family: Chunk ; }
.aFont#Delicious{ font-family: Delicious ; }
.aFont#Diavlo{ font-family: Diavlo ; }
.aFont#Fertigo{ font-family: Fertigo ; }
.aFont#Fontinsans{ font-family: Fontinsans ; }
.aFont#Fontin{ font-family: Fontin ; }
.aFont#Junction{ font-family: Junction ; }
.aFont#Kaffeesatz{ font-family: Kaffeesatz ; }
.aFont#League{ font-family: League ; }
.aFont#Pykes{ font-family: Pykes ; }
.aFont#Sniglet{ font-family: Sniglet ; }
.aFont#Tagesschrift{ font-family: Tagesschrift ; }
.aFont#Tallys{ font-family: Tallys ; }
.aFont#Vollkorn{ font-family: Vollkorn ; }


.fontRoman{ font-size: 8px ; }
.fontBold{ font-size: 8px ; }
.fontItalic{ font-size: 8px ; }
.fontBoldItalic{ font-size: 8px ; }
.fontHeavy{ font-size: 8px ; }
.fontSmallCaps{ font-size: 8px ; }
.fontLight{ font-size: 8px ; }
.fontMedium{ font-size: 8px ; }




h1{
	margin: 30px 0 30px 0;	
	color: #F05539 ;
	font-size: 18pt ;
	font-family: Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: bold ;
	text-transform: uppercase ;
}

h3{
	margin: 0 0 2px 0 ;
	/*float: right ;*/
	
	color: #333333 ;
	font-size: 10pt ;
	font-family: Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: bold ;
	text-transform: uppercase ;
}

h3 a:link, a:active, a:visited{
	color: #333333 ;
	text-decoration: none ;	
}

h3 a:hover{
	color: #666666 ;
	text-decoration: none ;
}



h4{
	color: #333333 ;
	font-size: 24pt ;
	font-style: inherit ;
	font-weight: inherit ;
}

h5{
	margin: 0 0 2px 0 ;
	float: right ;
	
	color: #BBBBBB ;
	font-size: 10pt ;
	font-family: Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: bold ;
	text-transform: uppercase ;
}

h5 a:link, a:active, a:visited{
	color: #BBBBBB ;
	text-decoration: none ;	
}

h5 a:hover{
	color: #888888 ;
	text-decoration: none ;
}

p{	
	margin: 30px 0 30px 0 ;
	color: #555555 ;
	font-size: 20pt ;
	font-style: inherit ;
	font-weight: inherit ;
	text-align: center ;
}

hr{
	margin: 7px 0 30px 0 ;
	padding: 0 0 0 30px ;
	border: solid 1px #FFFFFF ;
	clear: both ;
}



#footer{
	width: 800px ;
	height: auto ;
	
	margin: 50px 0 0 -30px ;
	padding: 30px ;
	background-color:#C3C3C3 ;
}

#footer table{
	margin: 0 ;
	padding: 0 ;
	border: none ;
}

#footer tr{
	height: auto ;
	width: auto ;
	margin: 0 ;
	padding: 0 ;
}

#footer td{
	height: auto ;
	width: 266px ;
	margin: 0 ;
	padding: 0 ;
	border: none ;
}

#footer p{
	margin: 10px 0 0 0 ;
	font-size: 9pt ;
	text-align: left ;
	line-height: 12pt ;
}

#footer p a:link, a:active, a:visited, a:hover{
	
	color: #333333 ;
	text-decoration: none ;
}

h6{
	margin: 0 0 5px 0 ;
	
	color: #EEEEEE ;
	font-size: 10pt ;
	font-family: Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: bold ;
}

h6 a:link, a:active, a:visited{
	color: inherit ;
	text-decoration: none ;
}

h6 a:hover{
	color: #FFFFFF ;
	text-decoration: none ;
}

#controls h5{
	color: #333333 ;
}