html{
	background-color: #f7eac0;
}

body{
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica;
	font-size: 12px;
}

h1{
	color:#413515;
	font-size: 22px;
	padding-top: 10px;
	
}

h2{
	color:#413515;
	font-size: 20px;
	margin-top: 10px;
	
}

strong
{
    font-weight:bold;
}

a{
	color:#413515;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#PageArea{
	margin: 0 auto;
}

#PageArea, #TopArea, #MainArea, #FooterArea{
	width: 1025px;
}

#TopArea{
	height: 166px;
	background-image: url(images/top.jpg);
}

#TopArea .logo{
	margin-left: 60px;
	margin-top: 62px;
	float:left;
	
}

#NavigationArea{
	float:right;
	margin-right: 60px;
	margin-top: 62px;
}

#NavigationArea img{
	margin-left: 10px;
	float:right;
}

#NavigationArea ul{
	margin-top: 77px;
	background-color: aqua;
}

#NavigationArea ul li{
	float:left;
	margin-left: 20px;
}

#NavigationArea ul li a{
	color:#fff;
	text-decoration: none;
	font-size: 16px;
}


#MainArea{
	background-image: url(images/mainbg.png);
	background-repeat: repeat-y;
	min-height: 200px;
	padding-left: 60px;
	overflow: hidden;
}

#BannerArea{
	background-image: url(images/bannerbg.gif);
	width: 907px;
	height: 334px;
	margin-top: 10px;
	
}

#BannerArea img{
	margin-left: 8px;
	margin-top: 9px;

}





#MainPageArea{
	width:690px;
	float: left;
	
	
}

#RightPageArea{
	width:216px;
	float:left;
	
	
	
}

.box1{
	background-image: url(images/box1bg.gif);
	width: 326px;
	float: left;
	margin-right: 18px;
	
}

.box1 p, .box1 img, .box1 h2, .box2 p, .box2 h2, .box3 h1, .box3 p, .box3 h2, #NewsList li{
	margin-left: 18px;
	margin-bottom: 8px;
}

.box1 p{
	height: 40px;
	margin-right: 11px;
}

.box1 a{
	float:right;
	margin-right:18px;
}

.box1bottom{
	background-image: url(images/box1bottombg.gif);
	width: 326px;
	height: 32px;
	overflow: hidden;
}

.box2{
	background-image: url(images/box2bg.gif);
	
	width: 216px;
	float: left;
}

.box2bottom{
	background-image: url(images/box2bottombg.gif);
	width: 216px;
	height: 32px;
}

.box2 h4{
	
}

.box2 li{
	font-weight: bold;
	margin-right: 20px;
	border-bottom: solid 1px #f4d678;
	overflow:hidden;
	margin-left: 18px;
	margin-top:5px;
	padding-bottom:3px;
}

.box2 a{
	margin-left: 145px;
}

.contact a
{
    margin-left: 0px;
}

.box2 li a{
	margin-left: 0px;
	margin-top: 0px;
}

.box3{
	background-image: url(images/box3bg.gif);
	overflow:hidden;
	width: 652px;
	clear:both;
	padding-right:18px;
}


.box3bottom{
	background-image: url(images/box3bottombg.gif);
	width: 670px;
	height: 32px;
	overflow:hidden;
}

#FooterArea{
	background-image: url(images/footer.jpg);
	height: 55px;
}



.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}

#NewsList li
{
    
    border-bottom:1px solid #F4D678;
    margin-right:20px;
    padding-bottom:5px;
}

#NewsList li p, #NewsList li h2
{
    margin-left:0px;
}

#NewsList li h2
{
    font-size:18px;
}

#NewsList li img
{
    float:right;
}


#NewsList li strong
{
    color:#413515;    
}

#LinkList li
{
    height:20px;
}

/* the thumbnails */
#triggers {
	margin-left:18px;
}
 
#triggers img, p img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#triggers img{
    margin:3px 2px;
}

.start img
{
    border:none;
}
 
/* the active thumbnail */
#triggers a.active img {
	z-index:9999;
	position:relative;
}