/* (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: #000000;
	background: #6F665E url('images/background.gif') repeat-x; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:Verdana
}

#wrapper {
	margin: 0px auto; /* fix to center in firefox */
	width: 1000px;
	background: url('images/wrapper.gif') repeat-y;
}

#header {
	text-align: center;
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/header.gif') no-repeat;
	width: 1000px;
	height: 124px;
}

#headerleft {
	float: left;
	width: 525px;
	height: 124px;
}

#headerright {
	float: right;
	width: 420px;
	height: 124px;
}

#topnav {
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/topnav.gif') no-repeat;
	width: 1000px;
	height: 44px;
}

#footer {
	clear: both;
	margin: 0px auto; /* fix to center in firefox */
	background: url('images/footer.gif') no-repeat;
	height: 71px;
	width: 1000px;
}


/* Used in single column layouts */
#bodycolumn {
	width: 1000px;
	clear: both;
}

/* Used in two column layout with left navigation */
#body1 {
	width: 790px;
	float: right;
}

#body2 {
	float: left;
	width: 200px;
	height: 418px;
}

/* Used in two column layout with right navigation */
#body1a {
	width: 790px;
	float: left;
}

#body2a {
	float: right;
	width: 200px;
	height: 418px;
}

/* Used in three column layouts */
#body1b {
	width: 790px;
	float: left;
}

#body1c { 
	width: 590px;
	float: right;
}

#body2b {
	width: 200px;
	height: 418px;
	float: left;
}

#body3 {
	width: 160px;
	float: right;
	margin-top: 4px;
	margin-right: 22px;
}

/* End of Layout CSS */


/* Start General Styles */

a:link, a:visited {
	color: #6F665E; 
}

a:active, a:hover {
	color: #6F665E;
}

h1 { 
	color: #282522;
	font-size: 14pt;
	text-align: left;
	margin-top: 7px;
	font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; padding-left:2px; padding-right:2px; padding-top:4px; padding-bottom:2px
}

h2 {	
	font-size: 165%;
	color: #b89339;
	padding: 4px 2px 2px 2px;
	text-align: left;
	border-bottom: 1px solid #C4C5BB;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {	
	font-size: 145%;
	color: #6F665E;
	padding: 4px 2px 2px 2px;
	text-align: left;
	border-bottom: 1px solid #6F665E;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4 { 
	font-size: 125%;
	color: #b89339;
	background: url('images/button3.gif') repeat-x;
	padding: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h5 { 
	font-size: 100%;
	color: #FDF8EE;
	background: url('images/button2.gif') repeat-x;
	padding: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h6 { 
	font-size: 100%; 
	color: #FDF8EE;
	background: url('images/button1.gif') repeat-x;
	padding: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.submitbuttons {
	font-weight: bold;
	color: #FDF8EE;
	text-align: center;
	font-size: 100%;
	font-variant: small-caps;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #282522;
	border-bottom: 3px solid #282522;
	border-left: 1px solid #282522;
	border-right: 1px solid #282522;
	background: url('images/button1.gif') repeat-x;
	width: 155px;
	height: 30px;
}

.headerleftcontent {
	padding: 0px 0px 0px 25px;
	font-weight: bold;
	color: #282522;
	text-align: left;
	font-size: 30pt;
	font-variant: small-caps;
	font-family: "Times New Roman", "Georgia", sans-serif;
}

.headerrightcontent {
	padding: 40px 0px 0px 25px;
	font-weight: bold;
	color: #282522;
	text-align: left;
	font-size: 120%;
	font-family: "Times New Roman", "Georgia", sans-serif;
}

/*  The items below set the properties of the middle navigation links.  */

.topnavlinks {
	text-align: center;
	padding: 11px 0 0 0;
	color: #FDF8EE;
	font-weight: bold;
}

.topnavlinks a:link, .topnavlinks a:visited {
	padding: 10px;
	color: #FDF8EE;
	text-decoration: none;
}
	
.topnavlinks a:active, .topnavlinks a:hover {
	color: #FDF8EE;
	background: url('images/button2.gif') repeat-x;
}

/* Used in single column layouts */

.bodycolumncontent {
	padding: 4px 15px 5px 20px;
}

/* Used in two column layouts -left smaller */

.body1content {
	padding: 4px 15px 5px 0px;
}

.body2content  {
	padding: 8px 0px 5px 20px;
}

/* Used in two column layouts -right smaller */

.body1acontent {
	margin-left: 25px;
	padding: 4px 15px 5px 0px;
}

.body2acontent  {
	padding: 8px 15px 5px 0px;
}

/* Used in three column layouts */

.body1bcontent {
	padding: 4px 10px 5px 10px;
}

.body2bcontent {
	padding: 8px 0px 5px 15px;
}

.body3content {
	padding: 4px 20px 5px 0px;
}


.footercontent {
	padding: 14px 10px 0px 10px;
	color: #FDF8EE;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.footercontent a:link, .footercontent a:visited  {
	padding: 4px 4px;
	color: #FDF8EE;
	text-decoration: underline;
}

.footercontent a:active, .footercontent a:hover {
	padding: 4px 4px;
	color: #b89339;
	text-decoration: underline;
	background-color: transparent;
}

.clear {
	clear: both;
}

.block1 {
	color: #000;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #282522;
	border-bottom: 4px solid #282522;
	background-color: #FDF8EE;
	padding: 6px;
}

.block2 {
	color: #000;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #b89339;
	border-bottom: 4px solid #b89339;
	background-color: #FDF8EE;
	padding: 6px;
}

.block3 {
	color: #000;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #655955;
	border-bottom: 4px solid #655955;
	background-color: #FDF8EE;
	padding: 6px;
}

.tiny {
	font-size: 80%;
}

.imageleft {
	float: left;
	padding: 8px;
}

.imageright {
	float: right;
	padding: 8px;
}

/*  The invisible class is used for a small Top of Page link that can't be seen.  */

#invisible {
color: #6F665E;
font-size: .1%;
}

#invisible a:hover {
color: #6F665E;
}

.topofpage {
	line-height: 36px;
	text-align: right;
	margin: 0 16px 0 0;
}

.topofpage a:link, .topofpage a:visited {
color: #ede7ce;
background-color: transparent;
text-decoration: none;
}
	
.topofpage a:active, .topofpage a:hover {
}

img {
	border: none;
}
	
table {
	border-collapse: collapse;
}

ul {
	list-style-image: url('images/bullet.gif');
	line-height: 165%;
}

p {
	margin: 0;
	padding: 6px 2px;
}

.news1 {
	padding: 4px;
	display: block; 
	width: 160px;
	color: #ffffff;
	background: url('images/button1.gif') repeat-x;
	border-bottom: 3px solid #b89339;
	font-weight: bold;
	text-align: center;
}

.news2 {
	padding: 4px;
	display: block; 
	width: 160px;
	color: #433D37;
	background: url('images/button2.gif') repeat-x;
	border-bottom: 3px solid #433D37;
	font-weight: bold;
	text-align: center;
}