﻿/* (C) Copyright 2006-2007 Long2 Consulting. All Rights Reserved */
/* Start Layout CSS. This top section of CSS is what is used to layout each of the pages. To change general styles, look for the Start General Styles section below. We strongly urge you not to change the Layout styles unless you have an advanced knowledge of CSS. We cannot help you if you mess it up. */

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
	background: url('../images/bg.gif');; font-style:normal; font-variant:normal; font-weight:normal; font-size:76.4%; font-family:Verdana
}

#wrapper {
	margin: 0px auto; /* fix to center in firefox */
	width: 1000px;
	background: url('../images/wrapper.png') repeat-y;
}

#header {
	text-align: center;
	margin: 0px auto; /* fix to center in firefox */
	background: url('../images/header.png') no-repeat;
	width: 1000px;
	height: 142px;
}

#headerleft {
	float: left;
	width: 500px;
	height: 142px;
}

.headerleftcontent {
	padding: 12px 0 0 30px;
	margin: 0;
	text-align: left;
}

#headerright {
	float: right;
	width: 500px;
	height: 142px;
}

#headerrightlinks {
	width: 500px;
	height: 70px;
}

.headerlinks {
	text-align: right;
	color: #C4A45F;
	font-family: Verdana;
	font-size: 90%;
	font-variant: small-caps; padding-left:0; padding-right:50px; padding-top:20px; padding-bottom:0; font-weight:bold
}

.headerlinks a:link, .headerlinks a:visited {
	padding: 10px;
	color: #c4a45f;
	text-decoration: none;
}
	
.headerlinks a:active, .headerlinks a:hover {
	color: #92664e;
	text-decoration: underline;
}

#headerrighttext{
	width: 500px;
	height: 72px;
}

.address {
	text-align: left;
	font-family: Verdana;
	font-size: 90%;
	color: #C4A45F;padding-left:140px; padding-right:0px; padding-top:0px; padding-bottom:0; font-weight:bold
}


#topnav {
	margin: 0px auto; /* fix to center in firefox */
	background: url('../images/topnav.png') no-repeat;
	width: 1000px;
	height: 40px;
}

/*  The items below set the properties of the middle navigation links.  */

.topnavlinks {
	text-align: center;
	padding: 13px 0 0 0;
	color: #c4a45f;
	font-family: Palatino, "Times New Roman", Times, serif;
	font-size: 110%;
	font-variant: small-caps;
}

.topnavlinks a:link, .topnavlinks a:visited {
	padding: 10px;
	color: #c4a45f;
	text-decoration: none;
}
	
.topnavlinks a:active, .topnavlinks a:hover {
	color: #92664e;
	text-decoration: underline;
}


/* Used in single column layouts */
#bodycolumn {
	width: 1000px;
	clear: both;
}

/* Used in two column layout with left navigation */
#body1 {
	width: 780px;
	float: right;
}

#body2 {
	float: left;
	width: 212px;
}

/* Used in two column layout with right navigation */
#body1a {
	width: 650px;
	float: left;
}

#body2a {
	float: right;
	width: 350px;
}

/* Used in three column layouts */
#body1b {
	width: 780px;
	float: left;
}

#body1c { 
	width: 580px;
	float: right;
}

#body2b {
	width: 200px;
	float: left;
}

#body3 {
	width: 200px;
	float: right;
}
/* Used in single column layouts */

.bodycolumncontent {
	padding: 4px 40px 4px 40px;
}

/* Used in two column layouts -left smaller */

.body1content {
	padding: 4px 40px 4px 20px;
}

.body2content  {
	padding: 12px 0px 4px 30px;
}

/* Used in two column layouts -right smaller */

.body1acontent {
	padding: 4px 15px 4px 30px;
}

.body2acontent  {
	padding: 18px 30px 4px 0px;
}

/* Used in three column layouts */

.body1bcontent {
	padding: 4px 10px 4px 20px;
}

.body2bcontent {
	padding: 12px 0px 4px 30px;
}

.body3content {
	padding: 12px 40px 4px 0px;
}

#footer {
	clear: both;
	margin: 0px auto; /* fix to center in firefox */
	background: url('../images/footer.png') no-repeat;
	height: 41px;
	width: 1000px;
}

.footercontent {
	text-decoration: none;
	text-align: center;
	color: #C4A45F;
	font-family: Verdana;
	font-size: 70%;
	font-variant: small-caps; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:0px; font-weight:bold

}

.footercontent a:link, .footercontent a:visited  {
	padding: 4px 4px;
	color: #c4a45f;
	text-decoration: underline;
}

.footercontent a:active, .footercontent a:hover {
	padding: 4px 4px;
	color: #92664e;
	text-decoration: underline;
	background-color: transparent;
}
/* End of Layout CSS */

/* Start General Styles */
img {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style-image: url('../images/bullet.gif');
	line-height: 185%;
}

p {
	margin: 6px 0;
	line-height: 125%;

}

a:link, a:visited {
	color: #c4a45f;
	text-decoration: none;
}

a:active, a:hover {
	color: #92664e;
	text-decoration: none;
}

h1 { 
	color: #c4a45f;
	font-size: 155%;
	text-align: left;
	font-variant: small-caps;
}

h2 {	
	font-size: 150%;
	color: #92664e;
	text-align: left;
	font-variant: small-caps;
}

h3 {	
	font-size: 145%;
	color: #B1C45F;
	text-align: left;
	font-variant: small-caps;
}

h4 { 
	font-size: 135%;
	color: #c4a45f;
}

h5 { 
	font-size: 125%;
	color: #92664e;
	font-weight: bold;
}

h6 { 
	font-size: 125%; 
	color: #B1C45F;
	font-weight: bold;
}

.clear {
	clear: both;
}

/*  The invisible class is used for a small Top of Page link that can't be seen.  */

#invisible {
	color: #333333;
	font-size: .1%;
}

#invisible a:hover {
	color: #2e2e2e;
}

.topofpage {
	text-align: center;
	margin: 0 0 5px 0;
}


.block1 {
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background-color: #c4a45f;
	padding: 6px;
}

.block2 {
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background-color: #92664e;
	padding: 6px;
}

.block3 {
	color: #c4a45f;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 2px solid #c4a45f;
	border-bottom: 2px solid #c4a45f;
	background-color: #000000;
	padding: 6px;
}

blockquote {
	color: #000000;
	background-color: #c4a45f;
	border: 4px solid #000000;
	font-style: italic;
	font-weight: bold;
	padding: 6px;
}

.tiny {
	font-size: 80%;
}

.imageleft {
	float: left;
	padding: 8px;
}

.imageright {
	float: right;
	padding: 8px;
}

.news1 {
	padding: 4px;
	display: block; 
	width: 160px;
	color: #c4a45f;
	font-weight: bold;
	text-align: center; 
	font-family:Verdana; font-size:10pt
}

.news2 {
	padding: 4px;
	display: block; 
	width: 160px;
	color: #c4a45f;
	font-weight: bold;
	text-align: center; font-family:Verdana; font-size:10pt
}

.submitbuttons {
	font-weight: bold;
	color: #000000;
	text-align: center;
	font-size: 100%;
	font-variant: small-caps;
	font-family: Verdana, Arial, sans-serif;
	border: 2px solid #000000;
	background-color: #c4a45f;
	width: 155px;
	height: 30px;
}

      
    /* Picture Rotator */
#mainpic {
    overflow: hidden;
    width: 310px;

}

.pics {  
    width: 300px;
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    width: 300px;
    height: 240px;
    top:  0; 
    left: 0; 
    border: 4px solid #c4a45f;      
}


.center {
	margin: 0 auto;
	text-align: center;
}
