/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333; 
	font-size: 14px;
	line-height: 150%;
	background-color: #B30000;
	}
#wrapper {
width:900px;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000;
}
#header {
height:180px;
width:900px;
background: url(images/header.jpg) center top no-repeat;
}
#content {
position:relative;
background: url(images/content-background.gif) left top repeat-y;
}
#image {
float:right;
clear:none;
height:300px;
width:720px;
}
#columnright a { 
color: #BF3030;
text-decoration:none;
font-weight:bold;
}
#columnright a:hover {
color:#FF6666;
text-decoration:none;
font-weight:bold;
}
a#selected {
color:#FFFFFF;
}
a:active {
color:#996600;
}

#columnright {
width: 720px;
float: right;
clear:right;
color:#333333;
line-height: 150%;
padding: 0px 0px 10px 0px;
margin-right:0px;
margin-left:0px;
} 
#columnright h1{
font-size:18px;
width:600px;
font-family: Verdana,Arial, Helvetica, sans-serif;
margin-left:60px;
padding-bottom:5px;
padding-top:45px;
border-bottom: 1px solid #000000;
position:relative;
}
#columnright p{
width: 600px;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 20px 60px 10px 60px;
color:#333333;
line-height: 150%;
padding: 0px 0px 0px 0px;
} 
#columnright h1 span{
font-size:22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #DCB928;
padding-bottom:5px;
padding-top:20px;
}

#columnright h2{
font-size:14px;
width:300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left:60px;
padding-bottom:5px;
padding-top:20px;
position:relative;
}
#columnright h3 {
font-size:12px;
color:#B30000;
margin-left:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#coulmnright ul {

}
#columnright li {
	list-style: none;
	background-image: url(images/bullet-white-pepper.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 20px;
	margin-bottom: 6px;
margin-left:50px;
	}
#columnright span.name{
color:#6B5F14;
}


#columnleft {
float:left;
clear:none;
text-align:left;
list-style-type:none;
width: 170px;
padding: 0px 0x 5px 0px;
margin-left:0px;
}
#columnleft p{
color: #FFFFFF;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:150%;
padding:0px 0px 10px 0px;
margin: 10px 10px 5px 10px; 
} 
#columnleft h1{
color: #B30000;
font-size:14px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
line-height:130%;
padding:0px 0px 10px 0px;
margin: 10px 10px 15px 10px; 
}
#columnleft h2{
color: #B30000;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
line-height:130%;
padding:0px 0px 10px 0px;
margin: 0px 10px 10px 10px; 
}  
#columnleft p span{
color: #FFFFFF;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
line-height:120%;
padding:0px 0px 0px 0px;
margin: 0px 10px 0px 10px; 
} 
*html #gallery{
width:100%;
}
.photo {
background: url(images/dropshadow.gif) right bottom no-repeat;
z-index:1;
}
.photo img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;

}
.photo7 img {
border: 1px solid #6B5F14;
position:relative;
background-color: #FFFFFF;
padding:3px;
top:-5px;
left:-5px;
z-index=:1;
}
.photo9 img {
float:right;
clear:none;
border: 1px solid #6B5F14;
position:relative;
background-color: #FFFFFF;
padding:3px;
top:-5px;
left:-5px;
z-index=:1;
}
.photo6 {
background: url(images/dropshadow2.gif) right bottom no-repeat;
}
.
photo6 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo10 {
background: url(images/dropshadow3.gif) right bottom no-repeat;
}
.photo10 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo1 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo2 {
float: right;
clear:none;
margin: 0px 115px 5px 10px;
padding: 18px 10px 0px 10px;
}
.photo4 {
float: right;
clear:none;
margin: 0px 50px 5px 10px;
padding: 18px 10px 0px 10px;
}
.photo3 img {
padding:3px;
}
.photo5 {
float: right;
clear:none;
margin: 0px 5px 5px 10px;
padding: 0px 5px 0px 10px;
}
.photo8 {
width:300px;
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo9 {
z-index:1;
}
.photo9 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}

.figure {
float:left;
width: 158px;
margin: 0 3px 10px 3px;
}

.figure1 {
float:right;
width: 508px;
margin: 0 20px 10px 0px;
}
.figure2 {
float:right;
width: 208px;
margin: 0 50px 10px 30px;
}
.figure3 {
width: 165px;
margin: 0 0px 10px 10px;
}
.figure4 {
float:left;
width: 400px;
margin: 0 20px 10px 5px;
}
.figure5{
float:left;
width: 310px;
margin: 0 3px 10px 3px;
text-align:center;
}
.figure6 {
float:right;
width: 158px;
margin: 10px 40px 10px 25px;
text-align:center;
}
.figure7 {
float:left;
width: 205px;
margin: 0 0px 10px 5px;
text-align:center;
}
.figure p {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin: 10px 0 10px 0;
}

#columnleft1 {
float:left;
clear: none;
text-align:left;
list-style-type:none;
width: 150px;
padding: 0px 8px 15px 0px;
}




#navcontainer{
width: 180px;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Arial, Helvetica, sans-serif;
background-color: #000000;
color: #333333;
}

#navcontainer ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li{
margin: 0;
}

#navcontainer li a{
display: block;
padding: 5px 5px 5px 40px;
background-color: #000000;
color: #FFFFFF;
text-decoration: none;
width: 100%;
font-weight:bold;
}
#navcontainer li a span{
display: block;
padding: 1px 5px 1px 25px;
background-color: #000000;
color: #FFFFFF;
text-decoration: none;
width: 100%;
font-weight:bold;
}
html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover, #navcontainer li a#selected{
background: #000000 url(images/bullet-pepper.jpg) no-repeat left center;
color: #FF0000;
font-weight:bold;
}
#navcontainer li a#selected span, #navcontainer li a:hover span{
color: #FF0000;
font-weight:bold;
}

#footer {
clear:both;
color: #333333;
background:url(images/footer.gif) center top no-repeat;
height:60px;
width:900px;
}
#footer p.copyright {
margin-left:270px;
font-size: 10px;
padding-top: 0px;
line-height:100%;
}

#footer p.copyright a { 
color: #BF3030;
text-decoration:none;
font-weight:bold;
}
#footer p.copyright a:hover {
color:#FF6666;
text-decoration:none;
font-weight:bold;
}
#footer span {
float:right;
margin-top: 0px;
margin-right:5px;
}
#footer p.credit {
float:left;
clear:both;
line-height:100%;
width:400px;
margin:0px 0px 0px 5px;
font-size: 10px;
color: #FFFFFF;
}
#footer p.credit a{
font-size: 10px;
color:#FB3030;
text-decoration:none;
font-weight:bold;
}
#footer p.credit a:hover{
text-decoration:none;
font-weight:bold;
font-size: 10px;
color:#FF6666;
}

form{margin-top: 0px;}

div.row
{ clear: both;
  width: 515px;
}
div.form span.name {
color: #6B5F14;
font-size:14px;
font-weight:900;
}
div.row span.formlabel 
{ float: left;
  width: 175px;
  text-align: left;
}
div.row span.formlabel1 
{ float: left;
  width: 300px;
  text-align: left;
}
div.row span.forminput
{ float: right;
cursor:pointer;
cursor: hand;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}
div.spacer1
{ clear: both;
  width: 80px;
height:1px;
}
input, textarea
{ width: 300px; 
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 2px;
}

.submit{ 
font-family: Arial, Helvetica, sans-serif;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
    }
	
.header-breadcrumbs ul {width:300px; margin-left:0px; list-style:none; text-align: left; padding:0px 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;}
.header-breadcrumbs ul li {display:inline; padding:0px 0 0 10px; background:transparent url(images/breadcrumb.gif) no-repeat 0 50%; font-weight:bold; color:#6B5F14; font-size:10px;}
.header-breadcrumbs ul li a {color:#6B5F14; font-weight:bold; text-decoration:none;}
#columnright.header-breadcrumbs ul li a:hover {color:#E4D376; font-weight:bold; text-decoration:underline;}

.thumbnail{
position: relative;
display:block;
z-index: 1;
}
.thumbnailright {
float:right;
clear:none;
margin: -26px 10px 0px 10px;
padding-bottom:0px;
}
.thumbnail:hover{
background-color: transparent;
z-index: 1000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 10px 2px 5px 10px;
left: -1000px;
border: 1px solid #796100;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 1000;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
display:block;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
left: 10px;
top:155px;
/*position where enlarged image should offset horizontally */
}
.bullet {
	font-size: 12px;
	background: url(images/fadedlogo2.gif) center center no-repeat;
	text-align: left;
	line-height:150%;
	}