html {
min-height:100%;
margin-bottom:1px;
}
body{
margin:0;
padding:0;
border:0;
color:#000;
background:url(../images/sunsetbackground.jpg) #805217 no-repeat fixed bottom left;
text-align:center;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1{
margin:5px;
font-size:160%;
color:#805217;
}
h2{
margin:5px;
font-size:140%;
}
h3{
margin:5px;
font-size:120%;
color:#805217;
}
h4{
margin:5px;
font-size:110%;
color:#805217;
}
h5{
margin:5px;
font-size:100%;
font-weight:normal;
color:#805217;
}
p{
margin:5px;
font-size:110%;
text-align:justify;
}
#wrapper{
width:740px;
margin:20px auto;
border:1px #000000 solid;
background: url(../images/transbackground.png) repeat;
text-align:left;
font-size:62.5%
}
#sidebar{
float:left;
width:166px;
padding-bottom:5px;
height:100%;
}
#sidebar a{
color:#805217;
}
#sidebar a:hover{
color:#000;
}
#content{
margin-left:166px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content{
height:1%;
}
/* End hide from IE5/mac */
#content a{
color:#805217
}
#content a:hover{
color:#000
}
#content img{
margin:0 5px 0 10px;
border:1px solid #805217;
padding:2px;
position:relative;
float:right;
background:#FFFFFF;
}
#footer{
clear:both;
border-top:1px solid #805217;
text-align:center;
margin:0 5px;
}
#footer img{
margin:0 75px;
border:0;
vertical-align:middle;
position:relative;
}
#footer a{
color:#805217;
text-decoration:none;
}
#sidebar ul{
clear:both;
list-style: none;
margin:0;
padding:0;
}
#sidebar li{
	margin:5px 0 0 5px;
}
/*accessibility links*/
#accessibility li{
float:left;
}
#accessibility p{
padding-left:7px;
}
#accessibility li a{
display:block;
height:25px;
position:relative;
}
/*page links*/
#pagelinks li a{
display: block;
width:150px;
height:101px;
border:1px solid #805217;
padding:2px;
position:relative;
}
/*stylesheet switcher links*/
#sidebar ol{
list-style:none;
margin:0;
padding:0;
font-size:110%;
}
#sidebar ol li{margin:3px 0 0 5px;}
#sidebar ol a{color:#000;}
#sidebar ol a:hover{color:#805217;}
/*text links under images*/
#sidebar li p{
text-align:left;
font-size:100%;
margin:0;
}
#sidebar li p a{
display:inline;
border:0;
padding:0;
color:#000;
background:none;
text-decoration:none;
}
#sidebar li p a:hover{
color:#805217;
background:none;
}
/*page link images*/
#link1 a{background: #FFF url(../images/baga.png) no-repeat 2px 2px;}
#link2 a{background: #FFF url(../images/arambol.png) no-repeat 2px 2px;}
#link3 a{background: #FFF url(../images/nuwara_eliya.png) no-repeat 2px 2px;}
#link4 a{background: #FFF url(../images/kovalam.png) no-repeat 2px 2px;}
#link1 a:hover{background: #FFF url(../images/baga.jpg) no-repeat 2px 2px;}
#link2 a:hover{background: #FFF url(../images/arambol.jpg) no-repeat 2px 2px;}
#link3 a:hover{background: #FFF url(../images/nuwara_eliya.jpg) no-repeat 2px 2px;}
#link4 a:hover{background: #FFF url(../images/kovalam.jpg) no-repeat 2px 2px;}
/*accessibility link images*/
#alink1 a{width:23px;background: url(../images/a-.png) no-repeat;}
#alink2 a{width:28px;background: url(../images/a=.png) no-repeat;}
#alink3 a{width:29px;background: url(../images/a+.png) no-repeat;}
#alink4 a{width:27px;background: url(../images/left.png) no-repeat;}
#alink5 a{width:27px;background: url(../images/justify.png) no-repeat;}
#alink1 a:hover{background: url(../images/hov-a-.png) no-repeat;}
#alink2 a:hover{background: url(../images/hov-a=.png) no-repeat;}
#alink3 a:hover{background: url(../images/hov-a+.png) no-repeat;}
#alink4 a:hover{background: url(../images/hov-left.png) no-repeat;}
#alink5 a:hover{background: url(../images/hov-justify.png) no-repeat;}