/* heading-files */  

h1 { font-family: Geneva, Arial, Helvetica, sans-serif;  
     font-size: 160%;}

h2 { font-family: Geneva, Arial, Helvetica, sans-serif;  
     font-size: 140%;}

h3 { font-family: Geneva, Arial, Helvetica, sans-serif;  
     font-size: 120%;}

/* document structure */  
#header{
 position:relative; 
 height:245px; 
 background-color:#148ca6; 
 width:100%;
} 

#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:; 
 }

#footer{
 height:100px; 
 background-color:#148ca6; 
 clear:both;
 } 

#link1{
 float: right;
 text-transform: uppercase; 
 margin-top: 10px;
 margin-right: 20px;
 color: #123d9d;
 z-index:auto;
 }

.image  {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	}

body {
	padding:0 5%;
        background-image: url(Images/blue_paper.gif);
	background-repeat: repeat;
}

/* text styles */  
.style1 {font-family: Arial, Helvetica, sans-serif}
.style2 {font-family: Arial, Helvetica, sans-serif; font-style: italic; }

/* link behaviour */

a:link { color: blue }

a:hover { color: purple }

.floatright
{
float: right;
margin-top: 10px;
margin-left: 10px;
padding: 2px;
}

.floatleft
{
float: left;
margin-top: 10px;
margin-right: 10px;
padding: 2px;
}

.floatleft1
{ 
float: left;
margin-right: 10px;
padding: 2px;
}

.floatright1
{
float: right;
margin-left: 10px;
padding: 2px;
}

.beauty:first-letter { font-size: 250%; float: left;
                 color: red; background-color: #778899;
                 padding: 2px; margin: 0 2px 2px 0; }

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */