/*@font-face{
/*font-family: timeless;
/*src: url('web/fonts/Timelss.TTF'); /* IE9 */
/*}*/

/*@font-face{*/
/*font-family: lucida;*/
/*src: url('web/fonts/Timelss.TTF'); /* IE9 */
/*}*/

            a:link {color:white;}
            a:visited {color:#9DDAFF;}
            a:hover {color:#a8cf36;}
            a:hover {color:blue;}
a img {
border: 0;
text-decoration: none;
}
            
body {
margin:0;
background:#f0ebce;
}            
            
#lft {
vertical-align: top;
margin: auto;
padding-top: 30px;
width: 721px;

}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

tbody#pub {
    display: table-row-group;
vertical-align: middle;
border-color: inherit;
/*background:#202636;*/
}

table {
border-collapse: separate;
display:table;
}

.tablenoborder {
    margin-top: 10px;
margin-bottom: 45px;
}

.tablenoborder td {
    width:200px;
text-align: center;
vertical-align: text-top;
margin:0;
font-family: georgia, serif;
font-size: 12px;
color: white;
padding: 0px 32px 0px 0px;
border: 0px;
text-shadow: 1px 1px 5px black;
}


td {
    padding-left: 9px;
}

hr {
    color:white;
    
}

h3 {
    color:white;
    text-shadow: 1px 1px 5px black;
    font-family:helvetica, sans-serif;
}

p { padding:0px}

p {
text-align: justify; 
font-family: helvetica, sans-serif;
font-size:17px;
color:white;
text-shadow: 1px 1px 5px black;
}

p#noshadow {
text-align: justify; 
font-family: "Times New Roman", Times, serif;
font-size:17px;
color:white;
text-shadow:none;
}

p#brown {
    text-align: justify; 
font-family: "Times New Roman", Times, serif;
font-size:17px;
color:#202636;
text-shadow:none;
}

p#application {
    padding:20px 0 20px 100px;
}

p#list {
background-color: #202636;
padding-left: 80px;
height: 28px;
padding-top: 10px;
box-shadow: 0px 0px 35px 0px #888;
margin-right: 134px;
}

p#pubtitle {
    /*width:151px;*/
    width:400px;
    text-align:right;
    float:left;
    color:white;
    /*text-shadow:none;*/
    /*margin-left:17px;*/
    /*margin-top:10px;
    margin-bottom:10px;
    margin-right: 33px;*/
}

p#pubprice {
    clear:both;
    margin-left:18px;
    margin-top:0;
    margin-bottom:0;
    color:#202636;
    text-shadow:none;
}

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

ul#white {
    font-family: helvetica, sans-serif;
    color:white;
    text-shadow: 1px 1px 5px black;
}

ul#brown {
    font-family: helvetica, sans-serif;
    color:#202636;
}

ol#white {
    font-family: helvetica, sans-serif;
    font-size:17px;
    color:white;
    text-shadow: 1px 1px 5px black; 
}

#container {
margin: auto;
/* width: 960px; */
width: 960px;
background: #83A2B4;
box-shadow: 0px 0px 35px 0px #888;
/*background: -moz-radial-gradient(center, ellipse cover,  #829cab 0%, #667c86 100%); /* FF3.6+ */
/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#829cab), color-stop(100%,#667c86)); /* Chrome,Safari4+ */
/*background: -webkit-radial-gradient(center, ellipse cover,  #829cab 0%,#667c86 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-radial-gradient(center, ellipse cover,  #829cab 0%,#667c86 100%); /* Opera 12+ */
/*background: -ms-radial-gradient(center, ellipse cover,  #829cab 0%,#667c86 100%); /* IE10+ */
/*background: radial-gradient(ellipse at center,  #829cab 0%,#667c86 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#829cab', endColorstr='#667c86',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#header {
width: 960px;
height: 142px;
}

#form {
/*width: 350px;*/
margin-left: 750px;

}

form {
    /*width: 200px;*/
    padding: 17px;    
}

form #paid {
    width:201px;
    
}

input[type=text], input[type=password] {
    width: 150px;
    /*background: #8a33c6;*/
    padding: 2px;
    margin-bottom: 5px;   
    border: 1px solid #202636;    
    /*   */
}

input.submit {
    width: 75px;
    color: #202636;
    text-transform: uppercase;  
    border-top: 1px solid #202636;
    /**/
    background-color: #D1CA90;
   background:url(web/images/overlay.png) repeat-x center #e6deb0;
   font-family: "Times New Roman", Times, serif;
   font-size: 12px;
   cursor: pointer;
}

label {
/*font-family: "Times New Roman", Times, serif;
color: #202636;
font-size: 12px;
margin-left: 90px;*/
}

legend {
        width:195px;
    padding-top:5px;
    padding-bottom:3px;
    color:white;
text-align:center;
background-color: #a4ce37;
border: 1px solid #202636;
  font-size:20px;
}

#joinfree {
    background-color:rgb(226, 221, 178);    
border-style: solid;
border-color: #202636;
border-width: 1px;
    
}

#joinfree form {
    /*width: 189px;*/
    padding-left:0;    
    
}

#joinfree input[type=text], #joinfree input[type=password] {
    width: 185px;
    padding: 2px;
    margin-bottom: 5px;   
    border: 1px solid #202636;    
       
}

#joinfree input.register {
    width: 190px;
    color: #202636;
    text-transform: uppercase;  
    border-top: 1px solid #202636;
    
    background-color: #D1CA90;
   background:url(web/images/overlay.png) repeat-x center #e6deb0;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px;     
}

#joinfree label {
/*font-family: "Times New Roman", Times, serif;
color: #202636;
font-size: 12px;
width: 185px;
margin-left: 0px;*/
}

#paiddescription {
 width:310px;
 float:right;
 }
 
#premium legend{
        width:195px;
    padding-top:5px;
    padding-bottom:3px;
    color:white;
text-align:center;
background-color: #a4ce37;
border: 1px solid #202636;
 
font-size:20px;
}

#premium {
background-color:rgb(226, 221, 178);

border-style: solid;
border-color: #202636;
border-width: 1px;
}



#premium input[type=text], #premium input[type=password] {
    width: 185px;
    /*background: #8a33c6;*/
    padding: 2px;
    margin-bottom: 5px;   
    border: 1px solid #202636;    
       
}

input#radio{
    width:15px;    
}



#premium input.register {
    width: 190px;
    color: #202636;
    text-transform: uppercase;  
    border-top: 1px solid #202636;
    
    background-color: #D1CA90;
   background:url(web/images/overlay.png) repeat-x center #e6deb0;
   font-family: "Times New Roman", Times, serif;
   font-size: 18px;     
}

#premium label {
font-family: "Times New Roman", Times, serif;
color: #202636;
font-size: 12px;
width: 185px;
margin-left: 0px;
}

#heritage {
margin: auto; 
background-color:rgba(226, 221, 178, 0.43);


}

#heritage form {
    /*width: 200px;*/
}

#heritage input {
    width: 185px;
    /*background: #8a33c6;*/
    padding: 2px;
    margin-bottom: 5px;   
    border: 1px solid #202636;    
       
}

#heritage input.register {
    width: 190px;
    color: #202636;
    text-transform: uppercase;  
    border-top: 1px solid #202636;
    
    background-color: #D1CA90;
   background:url(web/images/overlay.png) repeat-x center #e6deb0;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px;     
}

#heritage label {
font-family: "Times New Roman", Times, serif;
color: #202636;
font-size: 12px;
width: 185px;
margin-left: 0px;
}

#tabMenu{
    width:962px;
	list-style:none;
        padding:0;
	margin-top:5px;
	margin-bottom:10px;
        /*margin-left:93px;*/
	/* Clear floats */
	float:left;
	/*width:100%;*/
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#tabMenu li{
	float:left;
	position:relative;
}
#tabMenu a{
    color: #D1CA90;
background:url(web/images/overlay.png) repeat-x center #e6deb0;
padding: 4px 18px 4px 16px;
/*border-style: solid;*/
/*border-width: 1px;*/
/*border-color: #202636;*/
border-top:1px solid #202636;
border-bottom:1px solid #202636;
font-size:18px;
text-shadow: 1px 1px 5px white;
/*border-radius: 0 0 6px 6px;*/
margin-left: 0;
/*float: left;*/
	/*display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;*/
}

.home #tabHome, .Research #tabResearch{
    background:#829cab;
}

#tabMenu a:hover{
	color:#fff;
	background:#D1CA90;
	text-decoration:none;
        text-shadow:none;
}

#tabMenu ul{
        padding:0;
	background:#657c86; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
       	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
        z-index: 2;
}
#tabMenu ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;   
        
}
#tabMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */       
        display: block;
}
#tabMenu li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */        
}

#tabMenu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*background:#D1CA90;;*/
	text-decoration:none;
}
#tabMenu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#tabMenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#D1CA90;  
}

#tabMenu ul li ul li {   
    top:-23px;
    left:194px;
    display:none;
}

#tabMenu li:hover ul li:hover li {
    display:block;
}

#tabMenu li a { 
    text-decoration:none; 
    color: #202636;
}

#main {
width: 690px;
margin: auto;
}

/*
#main4tables {
width: 1100px;
margin-left:-75px;
}
*/

#main4tables {
width: 960px;
margin-left:0px;
}

#main4photos {
width: 920px;
margin-left:20px;
}



#buttonbar {
    width:230px;
margin-left:43px;
margin-top:19px;
/*padding: 25px 0 0 300px;*/
/*background-color: #202636;*/
}

#buttons {
    
/*margin: 10px 0 0 12px;   */
/*margin: -10px 0 0 -51px;*/
}

button:hover{background-color: #d1ca90;}
button:active{position:relative;top:2px;}

button {
margin-bottom: 15px;
width: 230px;
/*height: 40px;*/
padding: 5px;
color:#202636;
font-size: 22px;
font-family:"Times New Roman", Times, serif;
text-shadow: 1px 1px 5px white;
background:url(web/images/overlay.png) repeat-x center #e6deb0;
/*border:1px solid #829cab;*/
/*-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);*/
cursor:pointer;
}

button a{
text-decoration: none;
color: #202636;
}

#heritagebutton {
    width: 800px;
height: 40px;
color:#202636;
font: 22px "Times New Roman", Times, serif;
text-shadow: 1px 1px 5px white;
background:url(web/images/overlay.png) repeat-x center #e6deb0;
border:1px solid #202636;

-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
cursor:pointer;
}

#heritagebuttonbar {  
    /*margin-top:33px;*/
    margin-top:25px;
    margin-bottom:25px;
padding: 20px 0 15px 84px;
background-color: #202636;
}

button#research{
width:300px;
}

#researcherbg {
    margin-left:132px;
    width:245px;
    border:1px solid #202636;
    border-radius:6px;
    //color:#880000;   //jma 2/23/2014; 
    //background-color:#f0ebce;   //jma 2/23/2014;
    background-color:#c6ae79;
}

#footer {
width: 960px;
height: 65px;
background-color: #202636;
margin-top:60px;
margin-left:auto;
margin-right:auto;
}

#footermenu {
width: 482px;
margin: auto;
}

#footer ul {
list-style-type: none;
padding-top: 8px;
margin: auto; 
float: left;
font-family: helvetica, sans-serif;
}

#footer li{
display: inline;
}

#footer a:link{
font-size: 12px;
}


#copyright {
float: left;
margin-left:70px;
}

#joinfree label.error, #premium label.error {
    color: red;
}

#event {
    color:white;
    text-shadow: 1px 1px 5px black;
}

#event_subject {
    color:white;    
}

#event_date {
    color:white;
      text-shadow: none; 
      font-style:italic;
}

#event_description {
    color:white;    
      text-shadow:none;
      padding-bottom:15px;
}

            p#contact {text-align: center; 
            font-family: helvetica, sans-serif;
            font-size:17px;
            color:white;
            text-shadow: 1px 1px 5px black;}
                
            #customers
                {font-family:helvetica, sans-serif;
                width:100%;
                color:white;
                border-collapse:collapse;
                      }
            #customers td, #customers th 
                {font-size:1em;
                border:1px solid #202636;
                padding:3px 7px 2px 7px;
                }
            #customers th 
                {
                font-size:1.1em;
                text-align:left;
                padding-top:5px;
                padding-bottom:4px;
                background-color:#202636;
                color:#ffffff;
                }
            #customers tr.alt td 
                {color:#202636;
                background-color:#f0ebce;
                }
                
               tr.alt a {
                    color:#202636;
                }
                
                tr.alt a:visited {
                    color:#202636;
                }
                
                tr.alt a:hover {
                    color:#a8cf36;
                    color:blue;
                }
								
								
								
								
	#tableview
      {font-family:helvetica, sans-serif;
      width:100%;
      color:white;
      border-collapse:collapse;
            }
  #tableview td, #tableview th 
      {font-size:12;
      border:1px solid #202636;
      padding:3px 3px 1px 1px;
      }
  #tableview th 
      {
      font-size:1.1em;
      text-align:left;
      padding-top:5px;
      padding-bottom:4px;
      background-color:#202636;
      color:#8fdf55;
      }
  #tableview tr.alt td 
      {color:#202636;
      background-color:#f0ebce;
      }
      
     tr.alt a {
          color:#202636;
      }
      
      tr.alt a:visited {
          color:#202636;
      }
      
      tr.alt a:hover {
          //color:#a8cf36;
          color:#blue;
      }
			
								
								
								
								
								
								
								
								
								
								
								
								

#pub input[type=image] {
	padding:0;
	float:right;
	box-shadow: 0px 0px 6px 0px white;
}