﻿body {
	height:100%;
	background-image: url(Images/background.jpg);
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #804040;
	font-size: medium;
	padding-bottom:100px;   /* Height of the footer */
}
#header {
	background-color: #F0B675;
	position: absolute;
	width: 97%;
	top: 15px;
	left: 2%;
}	
#sitebranding, #tagline {
	padding-left:10%;
	color:#804040;
	vertical-align:middle
}
#sitebranding {
	height:65px;
	padding-top:20px;
	font-size:36px
}
#tagline {
	top:65px;
	height:24px;
	padding-bottom:10px;
	font-size:12px;
	font-style:italic;
	font-weight:bold
}
#pagename{ 	
	position:relative;
	top:160px;
	float: left;
	height:35px;
	margin-left:25%;
	width:75%;
	border-bottom:double 4px #804040;
	font-size:24px;
	font-style:italic;
	font-weight:bold
	}
	#container1,#container2,#container3 {
    float:left;
		width:100%;
    overflow:hidden;
    position:relative;
}
#container1 {
		top:177px;
		left: 11px;
	height: 1300px;
}
#container2 {
 		line-height:25px;
 		padding-right:1%;
    left:0%;
		top: 0px;
}
#container3 {
		top: 0px;
		left: 0px;
	height: 1546px;
}
#col1 {
    float:left;
    height:100%;
    width:25%;
		line-height:35px;
		list-style-type:lower-greek;
    position:relative;
    overflow:hidden;
	top: 0px;
	left: 0px;
}
#col2 {
    float:left;
	 line-height:35px;
	 text-align:justify;
    width:35%;
    position:relative;
    left:0%;
    padding:0 2% 0 1%;
    overflow:hidden;
	top: 0px;
	height: 100%;
}
#col3 {
    float:left;
		line-height:35px;
	 	text-align:justify;
    width:35%;
    position:relative;
    left:0%;
    padding:0 1% 0 1%;
	top: 0px;
	height: 100%;
}
#col4 {
    float:left;
		line-height:25px;
	 	text-align:justify;
    width:73%;
    position:relative;
    padding:0 1% 0 1%;
    overflow:hidden;
	top: 0px;
	left: 0px;
	height: 100%;
}
a{
	font-weight:bold;
}
a:link{
	color:#804040;
}
a:visited {
	color:#996600;
}
a:hover{
	text-decoration:none;
	color: #804040;
	background-color:orange;
}
a:active{
	color: #804040;
	background-color:orange;
}
h1 {

}
h2 {

}
h3 {
	position:relative;
	background-color:#F0B675; 
	font-style:italic;
	text-align:center;
	width:100px;
	height:35px;
	vertical-align:top;
	left:65px;
	margin-bottom:10px;
	top: 6px;
}
img {
	border: ridge 5px white;
	padding-bottom:0;
	margin:5px 10px;
	width: 200px;
	height: 135px;
}
.floatrighthor {
	float: right;
	margin: 0 10px;
	
	}
.floatlefthor {
	float: left;
	margin: 0 10px;
	}
.icon {
	border:0;
	float:left;
	margin:5px 10px;
	width:40px;
	height:30px;
}
.leader {
	font-weight:bold;
	font-size:medium
}
#footer {
   position:absolute;
   border: 1px solid brown;
	 bottom:0px;
	 left:25%;
   width:74%;
   height:100px;   /* Height of the footer */
}
