/*  This CSS file formats the fonts, colors, links as well as setting how 
certain elements on the page are displayed.  */

html {
	height: 100%; 
	margin-bottom: 1px;}
	
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
border:0;
}

body { 
font:1.1em/1.5 "arial", serif; 
background-color: #FFFFFF;
margin: 2px 0px 0px 0px;
color: #6D6E71;
text-align: center;
}

P {
font-size : 100%;
margin-top: 0px;
margin-bottom: 5px;
}

A:LINK, A:VISITED, A:ACTIVE{
color : #000000;
text-decoration: underline;
font-weight: normal;
}

A:HOVER {
color : #786080;
text-decoration : none;
font-weight: normal;
}

h1 {
	color: #786080;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}

h2 {
color: #786080; 
font-weight: bold; 
font-style: normal; 
text-decoration: none; 
font-size: 100%;
}

h3 {
color: #9C9C9C; 
font-weight: bold; 
font-style: normal; 
text-decoration: none; 
font-size: 100%;
}

h4 {
color: #000000; 
font-weight: bold; 
font-style: normal; 
text-decoration: none; 
font-size: 100%;
}

H5, H6 {
font-size : 100%;
color : #6D6E71;
font-weight: bold;
}

P {
font-size : 100%;
margin-top: 0px;
margin-bottom: 5px;
}

hr {
background-color: #9C9C9C;
color: #9C9C9C;
border: none;
height: 1px;
width: 100%;
clear: both;}

img {
	border: none;
}

ul {
list-style-type: none;
padding-left: 0;
margin: 0 0 20px 20px;
}

li {
padding-left: 20px;
list-style-image: none;
background-image: url("images/ico-list.gif");
background-repeat: no-repeat;
background-position: 0 4px;
}

#wrapper {
width: 755px;
margin: 0 auto;
}

.maintable {
border-collapse: collapse;
width: 100%;
font-size: 100%;
}

.left0 {
width: 295px;
vertical-align: top;
border-top: 2px solid #FFFFFF;
}

.right0 {
width: 460px;
vertical-align: top;
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
}

.topnav {
background-color: #F0F0F0;
font-size: 65%;
text-align: center;
height: 10px;
letter-spacing: 1px;
width: 295px;
padding: 5px 0px 15px 0px;
clear: both;
}

.logo {
background-color: #FFFFFF;
text-align: center;
width: 295px;
clear: both;
}

.menu1 {
font-size: 70%;
text-align: right;
padding: 0px 20px 5px 10px;
background-color: #FFFFFF;
width: 265px;
clear: both;
}

.menu1 a:link, .menu1 a:active, .menu1 a:visited {
font-size: 120%;
text-decoration:none;
font-weight: bold;
color : #BF9ACB; 
letter-spacing: 2px;
}

.menu1 a:hover {
font-size: 120%;
text-decoration:none;
font-weight: bold;
color : #786080; 
letter-spacing: 2px;
}

.slideshow {
width: 460px;
}

.left2 {
background-color: #F0F0F0;
width: 295px;
vertical-align: top;
border-top: 2px solid #FFFFFF;
}

.title2 {
background-color: #786080;
height: 30px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

.content2 {
background-color: #F0F0F0;
text-align: left;
font-size: 70%;
padding: 10px 10px 10px 10px;
}

.right3 {
background-color: #E9DEED;
width: 460px;
vertical-align: top;
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

.left3 {
background-color: #E9DEED;
width: 295px;
vertical-align: top;
border-top: 2px solid #FFFFFF;
}

.title3 {
background-color: #BF9ACB;
height: 30px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

.content3 {
background-color: #E9DEED;
text-align: left;
font-size: 70%;
padding: 10px 10px 10px 10px;
}


.left1 {
background-color: #FFFFFF;
width: 295px;
vertical-align: top;
border-top: 2px solid #FFFFFF;
}

.right1 {
background-color: #FFFFFF;
width: 460px;
vertical-align: top;
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

.title1 {
background-color: #9C9C9C;
height: 30px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

.content1 {
background-color: #FFFFFF;
text-align: left;
font-size: 70%;
padding: 10px 10px 10px 10px;
}






/*Footer*/

.leftf {
background-color: #F0F0F0;
width: 295px;
vertical-align: top;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

.rightf {
background-color: #E3E3E3;
width: 460px;
vertical-align: top;
border-left: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

.footer1 {
border-top: 10px solid #9C9C9C;
background-color: #F0F0F0;
font-size: 60%;
text-align: center;
padding: 10px 10px 10px 10px;
}

.footer2 {
border-top: 10px solid #786080;
background-color: #E3E3E3;
text-align: center;
font-size: 60%;
padding: 10px 10px 10px 10px;
}


/*  This template contains a form that is set within a fieldset. The
items below set the properties for the form, input fields, the submit
button, etc.  */

form {
	padding: 5px;
	text-align: left;
	margin: 0px 0 5px 0;}

input {
	margin: 3px 5px 5px 5px; 
	background-color: #fff; 
	color: #000;
	border: 1px solid #6D6E71; 
	}

textarea {
	font: normal 12px Verdana, sans-serif;
	margin: 3px 5px 5px 5px; 
	background-color: #fff; 
	color: #000; 
	border: 1px solid #6D6E71;}

.formbutton {
color: #BF9ACB;
font-family: Tahoma, Geneva, sans-serif;
background-color: #FFFFFF;
font-size: 100%;
text-align: left; 
margin: 0 0 5px 0 ; 
border: none;
font-weight: bold;
clear: both;}

/*  Your smaller images can be floated to the left or the
right so your text can flow around them. You can also have
the images appear with or without a small border. The items
below sets the properties for the classes you may apply to
your images. */

.imageleft-noborder {
margin: 0 10px 0 0; 
float: left;}

.imageright-noborder {
margin: 0 0 0 10px; 
float: right;
}

.image-border {
border: 2px solid #9C9C9C;
}
		
.imageleft-border {
margin: 0 10px 0 0; 
float: left;
border: 2px solid #9C9C9C;
}

.imageright-border {
margin: 0 0 0 10px; 
float: right;
border: 2px solid #9C9C9C;
}



/*Styles the Photo Gallery*/

#thumbnails {
width: 350px;
margin: 10px auto;
padding: 0;
text-align: center;
}

#thumbnails ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#thumbnails li {
float: left;
position: relative;
display: inline;
width: 150px;
min-height: 140px;
_height: 140px; /* Terrible underscore hack for IE because min-height won't work - grrrr! */
margin: 0;
padding: 0 5px 5px 5px;
text-align: center;
}

#thumbnails ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#thumbnails li br {
display: block;
height: 0;
}


/* slideshow formatting.............................................*/

.imageSlideshowHolder,.imageSlideshowHolder_left{
/*float:left;*/ /* Floating gallery at the right side of other web page content */		
width:460px;	/* Image width */
height:313px;	/* Image height */
margin: 0; 
border: 0;
position:relative;	/* Don't remove this line */
}

/*.leftFloatingDiv{
float:left;
width:160px;
height:110px;
}*/

/* Don't change these values */
.imageSlideshowHolder img{
position:absolute;
left:0px;
top:0px;
display: block;
}

.headerimage{
width: 460px;
}

.headerimage img{
display: block;
}


table { border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%; }

.caption {
float: right;
}

.nest {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	}	
	
	.nest2 {
	text-align: center;
	padding: 5px;
	}