/*-----layout-----*/

*{margin: 0; padding: 0;}

html
{
overflow-y:scroll;
}

body	
{
font-family: verdana, sans serif;
background: #dcd8cc;
}

img
{
border: none;
}

#container
{
width: 1000px;
margin: 0 auto;
padding: 0;
}

.line1, .line2, .line3, .line4
{
float: left;
background: #bbbbbb;
font-size:1px;	/*fix for IE6*/
line-height:1px;	/*fix for IE6*/
padding: 0;
}

.line1
{
width: 970px;
_width: 950px;
height: 1px;
margin: 0 0 0 10px;
}

.line2
{
width: 1px;
height: 275px;
margin: 7px 0 0 0;
}

.line3
{
width: 1px;
height: 255px;
margin: 11px 0 0 0;
}

.line4
{
width: 1px;
height: 207px;
margin: 11px 0 0 0;
}

h1
{
width: 980px;
float: left;
color: #a57f79;
font-size: 24px;
margin: 0;
padding: 0;
}

h2
{
float: left;
color: #924520;
font-size: 16px;
margin: 0;
padding: 0;
}

h3
{
float: left;
color: #924520;
font-size: 18px;
margin: 0;
padding: 0;
}


/*-----navigation-----*/

#links
{
width: 1000px;
height: 30px;
float: left;
margin: 0;
padding: 10px 0 0 0;
}

#links ul
{
float: right;
}
#links li
{
list-style: none;
float: left;
margin: 0;
padding: 0;
}

#links a
{
text-decoration: none;
color: #924520;
font-size: 16px;
margin: 0;
padding: 10px;
}

/*-----header-----*/

#header
{
width: 1000px;
height: 235px;
float: left;
margin: 0;
padding: 0;
}

#logo
{
width: 247px;
height: 220px;
float: left;
background: #cccccc;
margin: 0;
padding: 15px 0 0 2px;
}

#logo p
{
float: left;
color: #ffffff;
font-size: 18px;
text-align: center;
margin: 0 0 0 5px;
padding: 0;
}

#headerbg
{
width: 751px;
height: 235px;
float: left;
background: #cccccc;
margin: 0;
padding: 0;
}

#headerbg img
{
width: 751px;
height: 235px;
float: left;
margin: 0;
padding: 0;
}

/*-----heading1-----*/

#heading1
{
width: 980px;
float: left;
background: #ffffff;
margin: 0;
padding: 16px 10px 0 10px;
}

#heading1 p
{
width: 980px;
float: left;
color: #a57f79;
font-size: 14px;
margin: 0;
padding: 10px 0 0 0;
}

#p2
{
width: 980px;
float: left;
color: #000000;
font-size: 14px;
margin: 0;
padding: 20px 0 20px 0;
}

/*-----topics1-----*/

#topics1
{
width: 990px;
height: 315px;
float: left;
background: #ffffff;
margin: 0;
padding: 5px;
}

.topicbox1
{
width: 175px;
height: 283px;
float: left;
margin: 0;
padding: 0 10px 10px 10px;
}

.topicbox1 p
{
width: 175px;
height: 45px;
float: left;
color: #666666;
font-size: 12px;
margin: 0;
padding: 0;
}

.topicbox1 img
{
width: 173px;
height: 130px;
float: left;
margin: 0;
padding: 5px 0 5px 0;
}

.moreinfo
{
width: 72px;
height: 26px;
float: left;
background: #924520;
margin: 25px 0 0 0;
_margin: 10px 0 0 0;
padding: 0;
}

.moreinfo a
{
float: left;
color: #ffffff;
text-decoration: none;
font-size: 20px;
margin: 0;
padding: 0 0 0 4px;
}

/*-----heading2-----*/

#heading2
{
width: 980px;
height: 90px;
float: left;
background: #ffffff;
margin: 0;
padding: 16px 10px 0 10px;
}

#heading2 p
{
width: 980px;
float: left;
color: #666666;
font-size: 14px;
margin: 0;
padding: 20px 0 0 0;
}

/*-----topics2-----*/

#topics2
{
width: 1000px;
height: 310px;
float: left;
background: #ffffff;
margin: 0;
padding: 0;
}

.topicbox2
{
width: 312px;
height: 277px;
float: left;
margin: 0;
padding: 0 10px 10px 10px;
}

.p5
{
width: 312px;
float: left;
_float: none;
color: #666666;
text-decoration: none;
font-size: 12px;
margin: 0;
padding: 0;
}

.topicbox2 p
{
width: 312px;
height: 30px;
_height: 45px;
float: left;
_float: none;
color: #666666;
text-decoration: none;
font-size: 12px;
margin: 0;
padding: 0;
}

.topicbox2 img
{
width: 306px;
height: 138px;
float: left;
margin: 0;
padding: 5px 0 5px 0;
}

.topics3
{
width: 980px;
float: left;
background: #ffffff;
margin: 0;
padding: 0;
}

.topicbox3
{
width: 312px;

float: left;
margin: 0;
padding: 5px;
}

.topicbox3 p
{
width: 312px;
float: left;
color: #666666;
text-decoration: none;
font-size: 12px;
margin: 0;
padding: 0;
}

.topicbox3 img
{
width: 130px;
height: 130px;
float: left;
margin: 0;
padding: 10px 10px 10px 15px;
}

/*-----content-----*/

#content
{
width: 980px;
float: left;
background: #ffffff;
margin: 0;
padding: 10px;
}

#contact-details
{
width: 150px;
float: right;
margin: 0;
padding: 0;
}

.p3
{
width: 600px;
}

.p4
{
width: 980px;
}

.p3, .p4
{
float: left;
color: #666666;
text-decoration: none;
font-size: 14px;
margin: 0;
padding: 10px 0 10px 0;
}

#img
{
width: 360px;
height: 270px;
float: right;
margin: 0;
padding: 5px;
}

.topic
{
width: 980px;
float: left;
margin: 0;
padding: 10px 0 10px 0;
}

.topic img
{
width: 173px;
height: 130px;
float: left;
margin: 0;
padding: 5px 0 5px 0;
}

.topic p
{
width: 800px;
float: right;
color: #666666;
text-decoration: none;
font-size: 14px;
margin: 0;
padding: 0;
}

.readmore
{
width: 100px;
height: 20px;
float: right;
background: #924520;
margin: 0 0 0 81px;
padding: 0;
}

.readmore a
{
float: left;
color: #ffffff;
text-decoration: none;
font-size: 16px;
margin: 0;
padding: 0 0 5px 5px;
_padding: 1px 0 0 7px;
}

/*----Contact Form----*/

#contactform
{
width: 860px;
height: 400px;
float: left;
margin: 0;
padding: 20px 0 0 20px;
}

#labels 
{
width: 260px;
float: left; 
margin: 0;
padding: 10px;
}

#labels p 
{
width: 260px;
float: left; 
margin: 0;
padding: 10px 0;
}

#textboxes
{
width: 390px;
float: left;
margin: 0;
padding: 10px;
}

#textboxes p
{
width: 350px;
float: left; 
margin: 0;
padding: 9px 0 9px 0;
}

.required
{
color: red;
float: left;
margin: 0;
padding: 0;
}

.red
{
color: red;
float: right;
margin: 0;
padding: 0;
}

.submit
{
width: 100px;
height: 40px;
font-size: 24px;
float: left;
margin: 0;
padding: 0 0 10px 0;
}

.message2
{
display: none;
}

/*-----lightbox-----*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(js/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

tr.a{ background-color: #eee; }

/*-----footer-----*/

#footer
{
width: 1000px;
height: 121px;
float: left;
text-align: center;
background: #934521;
margin: 0;
padding: 0;
}

#footerlinks
{
width: 710px;
float: left;
margin: 0;
padding: 0 0 0 290px;
}

#footerlinks li
{
list-style: none;
float: left;
margin: 0;
padding: 0 0 0 10px;
}

#footerlinks a
{
text-decoration: none;
color: #ffffff;
font-size: 10px;
margin: 0;
padding: 0;
}

#footerlinks1
{
width: 730px;
float: left;
margin: 0;
padding: 0 0 0 270px;
}

#footerlinks1 li
{
list-style: none;
float: left;
margin: 0;
padding: 0 5px 0 5px;
}

#footerlinks1 a
{
text-decoration: none;
color: #ffffff;
font-size: 10px;
margin: 0;
padding: 0;
}

#footer p
{
width: 1000px;
float: left;
font-size: 14px;
color: #ffffff;
margin: 20px 0 0 0;
padding: 0;
}

#footer p a
{
text-decoration: none;
color: #ffffff;
font-size: 14px;
margin: 0;
padding: 0;
}