/****************************************
* global html tag selectors
*****************************************/
body
	{
	background-color: #F3D5A3; 
	line-height:13px;
	font-family: Verdana,Tahoma,Geneva,Georgia,serif;
	color: #F3D5A3; 
	font-size: 10px;
	}
	
div {padding:0px; margin:0px; font-size:70%}
form, input {padding:0px; margin:0px;}
a {color: #003366; text-decoration:none;}
a:hover {color:#336699; text-decoration:underline;}
img{border:0; margin:0px; padding:0px;}
sup{vertical-align:text-top;}

/****************************************
* generic classes for alignment
*****************************************/
.fl{ float:left; }
.fr{ float:right;}
.fn{ float:none; }
.cb{ clear:both; }

.photofl {display:block; float:left; margin:0px; padding:5px; margin-left:20px; margin-right:20px; margin-bottom:20px; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1;}
.photofr {display:block; float:right; margin:0px; padding:5px; margin-left:20px; margin-right:20px; margin-bottom:20px; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1;}

/****************************************
* generic classes for image alignment
*****************************************/
.container { margin:0px; padding:0px; }
.imagealigncontainer { float:left; }
.imagealign { display:block; margin:0px; }

/****************************************
* classes for sitemap and date display
*****************************************/
.sitemappath { font-size:1.9em; width:auto; height:2.6em; padding-top:0px; padding-left:3px; color:#FFCC33; text-align: left;}
.sitemappath a {color:#336699;}
.sitemappath a:hover {color:#f5d7a3; text-decoration:underline;}

/****************************************
* classes for screenreaders
*****************************************/
.hidden {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue;}
.hidden h1 {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue; margin:0px; padding:0px;}
.hidden a {position: absolute; left: -20em; top: -20em; color:Red; border: solid 1px blue;}

/****************************************
* classes for background and images
*****************************************/	
td.bgd_dark	{background-color: #7B4529;}
td.form_header {background-color:#9f6b53; font-weight:bold; width: 110px}

/****************************************
* classes for content
*****************************************/
.header {background:url(../images/background_header.jpg); background-repeat:repeat-x;}
.maintable {width:760px; margin-top:10px; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1;   }
.border {margin-left:12px; width:95%; font-size:1.0em; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1; }
.content {background-color: #7B4529; color: #F3D5A3; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px; text-align:justify}
.content p {padding:10px; margin-right:10px; text-align:justify}
.content ul li {list-style:circle; padding-bottom:5px; text-align:justify; margin-right:10px}
.content table {font-family: Verdana,Tahoma,Geneva,Georgia,serif; color: #F3D5A3; font-size: 10px; margin-right:10px;}

 h1 {font-size:2.0em; text-align:left; color:#9f6b53; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-weight:bold; height:21px; background-repeat:repeat-x; padding-top:8px; margin-top:0px; margin-bottom:0px; padding-bottom:0px; margin-right:10px;  padding-left:10px; text-transform:uppercase; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#9f6b53; }
 h2 {font-size:1.5em; margin-left:10px; margin-right:10px; margin-top:10px; color:#336699; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-weight:normal;  height:auto; background-repeat:no-repeat; padding-top:3px; padding-left:30px; padding-bottom:5px;  text-transform:uppercase; border-bottom:1px; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#BBCEE1;}
 h3 {font-size:1.0em; margin-left:10px; color: #F3D5A3; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-weight:bold; text-transform:uppercase;}
 
 hr {margin-left:12px; margin-right:12px; color:#9f6b53; height:1px }
 
.navbar img {padding-left:10px;}
.navbar{background-color: #7B4529; width:170px; vertical-align:top; padding-left:0px; padding-top:0px; font-size:0.9em; font-weight:normal; }

.navbar ul {width:auto; list-style: none; margin:0px; padding:0px; border-bottom:0px; border-top:0px; border-left:0px; border-right:0px; border-style:solid; border-color:#BBCEE1;}
.navbar ul ul {width:10.6em;list-style: none; margin:0px; padding:0px; border-bottom:0px; border-top:0px; border-left:0px; border-right:0px; border-style:solid; border-color:#BBCEE1;}
.navbar ul li{color:#F0B553; border-bottom:0px; border-top:0px; border-left:0px; border-right:0px; border-style:solid; border-color:#BBCEE1; margin:0px; padding-left:0px;}

.navbar ul li li {border-bottom:0px; border-top:0px; border-left:0px; border-right:0px; border-style:solid; margin:0px; padding:0px;}
.navbar ul ul {font-weight:normal; list-style: none; margin:0px; padding:0px;}

.active {padding-left:17px; width:auto; height:auto; background-color:#336699; padding-top:.25em; padding-bottom:.25em; margin:0px; font-weight:normal; }
.active a{vertical-align:middle; font-weight:bold; padding-left:0px; color:#FFFFFF; text-decoration:none; margin:0px; padding:0px;}
.active a:hover{color:#FFFFFF; text-decoration:none; margin:0px; padding:0px;}
.navbar ul .inactive a {font-weight:bold; color:#F0B553; } 
.navbar ul ul .inactive a {font-weight:normal; color:#F0B553;} 

.navpadding {padding-left:0px;}
.active .navpadding {padding-left:0px;}
.inactive .navpadding {padding-left:0px;}
ul ul .active .navpadding {padding-left:0px;}
ul ul .inactive .navpadding {padding-left:0px;}

.navbar ul ul li .active {padding-top:3px; }
.navbar ul ul {background-color:transparent; padding-bottom:10px; padding-left:5px; width:auto; }
.navbar ul ul .active {height:auto; background-color:transparent; padding-top:.25em; padding-bottom:.25em; margin:0px; font-weight:normal; }
.navbar ul ul .active a{font-weight:bold; vertical-align:middle; padding-left:0px; color:#f5d7a3; text-decoration:none; }
.navbar ul ul .active a:hover{color:#F0B553; text-decoration:underline; margin:0px; padding:0px;}

.navbar ul ul .inactive {background:url(../images/spacer.gif); background-repeat:no-repeat; }
.inactive {background-repeat:no-repeat; padding-left:17px; width:auto; height:auto; padding-top:.25em; padding-bottom:.25em; margin:0px; }
.inactive a{vertical-align:middle; padding-left:0px; color:#5A83AC; text-decoration:none; margin:0px; padding:0px;}
.inactive a:hover{color:#F0B553; text-decoration:underline; margin:0px; padding:0px; }

.form_input {background-color: #F0E0C0; color: #804020; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 11px;}
.table_results { color: #F3D5A3; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;} 

p {color: #F3D5A3; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;} 

a.active  {color: #E3B583; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;} 
a:link    { color: #F0B553; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;}
a:visited { color: #F0B553; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;}
a:active  { color: #F3D5A3; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;}
a:hover   { color: #F3D5A3; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;}

.msg_positive { color: #804020; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;}
.msg_negative { color: #F0B553; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px;}
.msg_notice { color: #E86442; font-family: Verdana,Tahoma,Geneva,Georgia,serif; font-size: 10px; font-weight:bold;}

.table_options {border-color: #9f6b53; border-style:solid; border-width:1px; vertical-align:top; padding:5px}

/****************************************
* classes and id's for postcards
*****************************************/
.postmark {padding-top: 5px;}

#selectPicture {text-align:center; vertical-align:middle;}
#selectPicture img {width:140px; height:auto;}
#selectPicture a {border:2px solid #9F741A;}
#selectPicture a:hover {border:2px solid #D4A728;}
#selectPicture2 {text-align:center; vertical-align:middle;}
#selectPicture2 img {height:180px; width:auto;}
#selectPicture2 a {border:2px solid #9F741A;}
#selectPicture2 a:hover {border:2px solid #D4A728;}
#viewPicture {width:560px; background-color:#AB6744; text-align:center; border:1px solid #E6A585; padding:5px;}

#sendPostcard {width:560px; margin-left:10px; background-color:#AB6744; text-align:left; border:1px solid #E6A585; font-size:2em !important; padding:5px;}
#leftForm 
{
	width:48%;
	height:auto;
	text-align:left;
	float:left;
}
#rightForm img 
{
	width:90%;
	height:auto;
	padding:5px;
}
#rightForm 
{
	float:right;
}