/*  CSS FILE FOR UKABS */

* {
margin: 0;
padding: 0;
}

html {
background: url(images/background2.jpg) top left repeat-x;
border-top: 3px solid #c8c699;
font-size: 110%
}

#wrap{
width: 800px;
margin: auto;
}
#top {
font-size: 16px;
height: 76px;
background: url(images/ukabslogo.jpg) top left no-repeat;
}
#contentwrap{
margin: 0px 0px 0px 0px;
}

#bodycontent{
float: left;
width: 802px;
background: #fff url(images/bgshadow2.gif) top left repeat-x;
margin-top:8px; /*this forces the space between the subnav and the content area */
}
#header {
width: 800px;
height: 190px;
background: url(images/is_buddha.jpg) bottom left no-repeat;
margin-top:1px;
}
		#header.buddhistsr {
		background: url(images/is_thailand.jpg) top left no-repeat;
		}
		#header.newspage {
		background: url(images/is_prayer.jpg) top left no-repeat;
		}
		#header.resourcesp {
		background: url(images/is_angkor_thom.jpg) top left no-repeat;
		}
		#header.membersa {
		background: url(images/is_buddha_2.jpg) top left no-repeat;
		}
		
		
#maincontent {
height: 100%; /*force hight to view backgound */
}

#fontpagehighlight {
float: left;
width: 775px;
margin-top: 35px;
clear: both;
}
#highlightbanners {
width: 65%;
float: left;
}
#sidecontent {
float: right;
width: 30%;
border: 2px solid #c8c699;
padding: 0 0.1em 0 0.1em;
margin: 0 10px 0 20px;
}
#sidecontent.firstpage {
height: 146px;
}
#sidecontent li a {
margin: 0;
padding: 0;
}

.clear{
clear:right;
}

h1{
font-size: 75%;
padding: 1em 0 0 0em;
margin-left: 175px;
}

h2 {
font-family: Garamond;
color: #44494a;
font-size: 110%;
text-align: center;
width: 800px;
padding: 2.5em 0 2em 0;

}

h3, h4, h5  {
font-family: Garamond;
}

#maincontent h3, h4, h5 {
text-align: center;
padding: 0.5em 0 0.5em 0;
}

p, address, #bodycontent ul {
font-family: Tahoma, Helvetica, Times, "Book Antiqua", Baskerville; 
color: #44494a;
font-size: 100%;
line-height: 1.5em;
padding: 0 2em 1em 2em;
}
p {
font-family: Tahoma, Helvetica, Times, "Book Antiqua", Baskerville; 
font-size: 100%;
line-height: 1.5em;
padding: 0 2em 1em 2em;
}
address {
padding: 0 0.5em 0.5em 2em;
line-height: 1em;
}
dt {
font-family: garamond;
text-align: center;
}
dd {
font-family: Tahoma, Helvetica, Times, "Book Antiqua", Baskerville; 
color: #44494a;
font-size: 100%;
line-height: 1.5em;
padding: 0 2em 1em 2em;
}

#Vol2-1-2, #Vol3-2, #Vol4-2, #Vol5-2, #Vol6-2, #Vol8-1-2, #Vol9-2, #Vol10-2, #Vol11-2, #Vol12-2, #Vol13-2, #Vol14-2, #Vol15-2, #Vol16-2, #Vol17-2, #Vol18-2, #Vol19-2, #Vol20-2, #Vol21-2, #Vol22-2 {
background-color: #f1f5e4;
}

#skip {
float:right;
margin-top: -55px;
}
#skiptocontent li{
font-size: 65%;
float: left;
font-family: Tahoma;
}
		#skiptocontent a:link { 
		color: #585e58;
		text-decoration: underline;
		}
		#skiptocontent a:visited { 
		color: #5c675c;	 
		text-decoration: underline;
		}
		#skiptocontent a:hover { 
		text-decoration: none; 
		}
		#skiptocontent a:active { 
		color: red;
		}

#navigation {
font-family: Garamond;
font-weight: bold;
font-size: 120%;
width: 750px;
height: 53px;
margin: 16px 0 0em 1em;
padding: 5px;
}

#topnav li {
font-size: 100%;
float: left;
}
#subnav li {
font-size: 85%;
margin-top: 21px;
margin-left:2em;
float: left;
background: url(images/navarrow.gif) center right no-repeat;
padding-right: 20px;

}
#subnav li a {

}

.welcome{
font-family: "Arial Narrow";
font-size: 85%;
letter-spacing: 1px;
line-height: 1em;
width: 30em;
margin-left: 150px;
padding-top: 3px;
}

li {
list-style: none;
padding-right: 1em;
}
.navdivider {
color: #88b37e;
margin: 1em 0 0em 1em;
}

.break {
float: right;
width: 800px;
border-top: 1px dotted #b5bda1;
}
.break a {
float: right;
}

.banner {
margin-left: 25px;
padding-top: 20px;
}
img {
border: 0;
}




a:link { 
color: #585e58;
text-decoration: none;
 }
a:visited { 
color: #5c675c;	 
text-decoration: none;
}
a:hover { 
text-decoration: underline; 
}
a:active { 
color: red;
}
#copywright{
margin-top:50px;
clear: both;
}
#footer{

font-size: 75%;
clear: both;
padding-bottom: 30px;
}

#footer p li {
float: left;

}
#bfooter {
width:100%;
text-align: center;
background: #c8c699;
font-size: 65%;
}
#bfooter p {
position: relative;
width: 800px;
margin: auto;
padding: 0;
margin-top: -1px; /* This makes IE display the image in the correct position!! HUH, oh well, that's IE for you */
}

#bfooter img {
position: relative;
top: -30px;

}