/* dark     5C412E
   light    E7CAA2
   border   5C412E
*/

body {
text-align:center;
font-family:Arial, Helvetica, Sans Serif; 
font-size:12px; 
color:#000000;
}

a:link {color:#0036D1; }
a:visited {color:#551A8B; }
a:active {color:#FF0000; }

/* .largeBold { 	font-weight: bold;	font-size: 14px;	color: #666666;} */

#container {
position: absolute; 
left: 50%;
margin-left: -380px;
padding:0px 0px 0px 0px;
width:760px;
text-align:left;
border: 1px solid #5C412E; 
background-color: #FFFFFF;
overflow: hidden;   
}

#header {
    width:760px;
	background-color: #E7CAA2; 
	margin:0px; /*top right left */
	padding: 10px 0px 0px 0px;  /* keep bottom padding 0 in order for tabs to be in the bottom*/
	border-style: solid;
	border-bottom-color: #5C412E;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	background-image: url(../images/archeology_header.jpg); 
	background-repeat: no-repeat;                  
	background-position: top right;	
}

#logo {
    width: 760;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #5C412E;
	margin:0px; padding:0px;
	margin-left: 20px;
	
}
#logo a {
	 color: #333333; 
}

#slogan {
width: 760;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5C412E;
    margin:0px; 
    padding:0px;
	margin-left: 20px;
/*	margin-bottom: 7px;  this was making a gap below the tabs*/
	font-style: italic;
    clear: both;
    }


#content {
background-color: #FFFFFF;
overflow: hidden; 
}

/* tabs area */
#navBar {
     
margin:0px; 
padding:0px; 

}

#navTab {      
	margin:0px; 
    padding:0px 0px 0px 20px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
/* float right makes tabs pop out of div */   
    text-align: right;   
}

#navTab ul {
 display:table;      /*   ignored by IE */
  margin:0px; padding:0px;
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  display: inline; 
  }
* html #navTab ul {
 display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0px 2px 0px 2px;         /* fix bug in IE for border spacing */
  }
#navTab li {
  display:table-cell; /*    ignored by IE */
  margin:0px; padding:0px;
  text-align: center;
  }
* html #navTab li {
display:inline;       /* for IE only */
  }
#navTab a, #navTab a:visited {
  display:block;         /* for all browsers except IE */
  margin:0px 5px 0px 0px; padding:3px 10px 3px 10px;
  border:1px solid #666666; border-bottom:none; /* add a 1px white border around items */
  text-decoration:none;
  }
 * html #navTab a, * html #navTab a:visited {  /*very important for horizontal in IE */
  display:inline-block;  /* for IE only */
  margin:0px 5px 0px -1px;  /* to correct an IE border width bug */
  }
#navTab a { color:#FFFFFF; background-color:#5C412E; background-position:top left; }
#navTab a:hover { color:#000000; background-color:#FFFFFF; background-image:none; }
#navTab a.Select { color:#000000; background-color:#FFFFFF; background-image:none; }


#resultsArea {
/* position: absolute;
left: 240px;
top: 100px;         */

/* width: 558px;  */
/* fix to short column problem */
padding-bottom: 700px;
margin-bottom: -700px;
border-width: 1px solid;
border-color: black;
}

#resultsArea1 {

width: 548px;
float: left;
padding-bottom: 700px;
margin-bottom: -700px;
border-width: 1px solid;
border-color: black;
background-color:#FFFFFF;
}

#resultsArea2 {
padding:10px 0px 0px 10px;
width: 380px;
float: left;
border-width: 1px solid;
border-color: black;
}

#resultsArea1 h3, .search_title { text-decoration: underline; margin:0px; padding:0px 0px 1px 0px; font-weight:100; font-size:17px; }
#resultsArea1 td {font-size:12px;  }
#resultsArea1 h4, .search_description, .search_date { margin:0px; padding:0px 0px 1px 0px; font-weight:100; font-size:13px; color: #317DB7;}
#resultsArea1 h4, .search_description, .search_date, a { color: #CC000;}
#resultsArea1 p { margin:0px; padding:0px; line-height:15px; color:#000000; font-size:13px; }

#resultsArea2 h3, .search_title { text-decoration: underline; margin:0px; padding:0px 0px 1px 0px; font-weight:100; font-size:17px; }
#resultsArea2 td {font-size:12px;  }
#resultsArea2 h4, .search_description, .search_date { margin:0px; padding:0px 0px 1px 0px; font-weight:100; font-size:13px; color: #317DB7;}
#resultsArea2 h4, .search_description, .search_date, a { color: #CC000;}
#resultsArea2 p { margin:0px; padding:0px; line-height:15px; color:#000000; font-size:13px; }

#footer {  /* add this to be after all content and related links in order to strech container to be all the way down*/
	clear: both;	float: none;	height: auto;	width: 100%; 
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    background-color: #5C412E; 
    color: #FFFFFF;
    }
#footer a:link {color:#FFFFFF; }
#footer a:visited {color:#FFFFFF; }
#footer a:active {color:#FFFFFF; }

#search {
background-color: #FFFFFF;  
border-bottom: 1px solid #FFFFFF;
padding: 15px 0px 0px 0px;
border-color: #5C412E;
width: 190px;
text-align: center;
}

#nav { 
    background-color: #E7CAA2;
    width: 190px;
    padding: 0px;
}

    
#nav ul {
    margin: 0px;
    list-style: none;
    width: 190px;
    padding: 0px;
    }
    
#nav ul li a {
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    color: #FFFFFF; 
    font-size: 16px; 
    line-height: 14px;
    font-family: Arial,Helvetica,Sans-Serif;
    text-decoration: none;
    padding: 4px 0px 4px 8px; 
    margin: 0px;
    background-color: #5C412E;
    display: block;
    }
    
#nav ul li a:hover {
    color: #666; 
    background-color: #FFF;
    }

#nav.resoxurcetitle {
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    color: #FFFFFF; 
    font-size: 16px; 
    line-height: 14px;
    font-family: Arial,Helvetica,Sans-Serif;
    text-decoration: none;
    padding: 4px 0px 4px 8px; 
    margin: 0px;
    background-color: #5C412E;
    display: block;
}    
    
#nav li.resources a.resources {
font-size: 10px; 
width: 120px;
background-color: #E7CAA2;
border: 0px; 
color: #175EAB;
text-decoration: underline; 
margin: 2px 0px 2px 0px;
}

#nav img.resourceimage {
float: left;
margin: 7px 0px 0px 0px;
height: 60px;
width: 60px;
background-position: bottom;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li {  float: left; }
* html #nav ul li a { height: 1%; }
/* End */

.navheader {   
    /* background: transparent; */
    background-color: #E7CAA2;
    color: #5C412E;
    width: 190px;
    padding: 0px;
    }
    
.sponsored {
height: auto;
width: auto;
background: url(../images/results.gif) top left no-repeat;
}

#sidebar {
border: 1px solid #FFFFFF;  
border-color: #5C412E;   
float: left;
/* fix to short column problem */
background-color: #E7CAA2;  
/* fix to short column problem */
padding-bottom: 700px;
margin-bottom: -700px;  
}

#navimage1 {
background: url(../images/archeology_navimage.jpg) no-repeat;
background-position: center center;
height: 186;
width: 190; 
}

#webmagicinfo {
width: 190;
}

#main {
padding: 0px;
margin: 0px;
}

#column0, #column1 {
float: left;
padding-left: 10px;
margin: 0px;
}

#column3 {
float: right;
padding-right: 10px;
margin: 0px;
}

#column0 ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#column1 ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#column3 ul {
list-style: none;
}

#column0 ul li a {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 190px;
      text-align: left;
}

#column1 ul li a {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 190px;
    text-align: left;
}

#column3 ul li a {
color: black;
width: 100px;
text-align: center;
font-size: 14px;
display: block;
text-decoration: none;
border: 1px solid;
border-color:black;
padding: 5px;
}

#column0 a:hover {
background-color: #C6C6C5;
}

#column1 a:hover {
background-color: #C6C6C5;
}

#column3 a:hover {
background-color: #C6C6C5;
}

#column3 img.main_image {
height: 60px;
width: 60px;
border: none;
}

#pleaseselect {
font-size: 16px;
font-style: italic;
}