/***********************************
assynt styles
***********************************/

body 
{
	background-color: #fff;
	background-image: url(http://www.aocarchaeology.com/assets/images/common/page_bg.jpg);
	background-repeat:repeat-x;
	margin:23px;
	color: #000;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	line-height:130%;
}

#header {
	padding:0px;
	background-color: #666;
background-image: url(http://www.aocarchaeology.com/assynt/images/header.jpg);
	height: 130px;
	width: 860px;
}

.tabler {
	color: #333;
	font-size:12px;
	line-height:1.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

table.tabler {
    border-spacing: 0px;
/*    border-collapse: collapse; */
    width:750px;
}



#container {
	padding:0px;
	width: 862px;
	margin:auto;
}

#menubar {
	padding:0px;
	width: 860px;
	height: 40px;
}


#menubar ul{
	list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:10px 20px 10px 0px;
}

#menubar li{
	list-style:none;
	display:inline;
	padding:0px;
	margin:0px;
	color: #000;
}

#menubar li a{
	display:inline;
	margin:5px;
	padding:5px 20px 10px 20px;
	color: #000;
	background-image: url(http://www.aocarchaeology.com/assynt/images/menubg.gif);
	text-decoration:none;
}

#menubar li a:hover{
	display:inline;
	margin:5px;
	padding:5px 20px 10px 20px;
	color: #fff;
	background-color: #000;
	text-decoration:none;
	margin:10px 20px 10px 0px;
}

#page {
border: 1px solid #ccc;
padding: 0px 16px 16px 16px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #ffffff;
background-image: url(http://www.aocarchaeology.com/assynt/images/content-grad2.gif);
background-repeat: repeat-x;
background-position: 5px 5px;
}

h2 {
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight: bold;
}

p {
color: #333;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:1.5em;
}

#footer {
color: #000;
font-family:Verdana, "Times New Roman", Times, serif;
font-size:9px;
text-align:center;
}

#logos {
border: 1px solid #187ab1;
width: 100%;
margin-top: 25px;
background-color: #ffffff;
	background-image: url(http://www.aocarchaeology.com/assynt/images/logos_bg.gif);
	background-repeat:repeat-x;
}

#logos p {
font-family:Verdana, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:12px;
margin:5px;
padding:0px;
}

#logos img {
margin:15px 42px 15px 42px;
border:0px;
}

/* horizontal pill menu */
table.pill {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
  width: 100%;
}


td.pill_m {
  padding: 0;
  width: 100%;
}

#pillmenu {
  white-space: nowrap;
  float: left;
  margin-top: 15px;
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	float: left;
	background: url(http://www.aocarchaeology.com/assynt/images/menubg.gif) repeat-x;
	margin: 0px 0px 0px 15px;
}

#pillmenu a {
  font-family: Georgia, Times New Roman, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
	float:left;
  display:block;
  color: #000;
  text-decoration: none;
  padding: 5px 18px 5px 18px;
  height: 25px;
}

#pillmenu ul li a:hover {
  color: #fff;
  background-color: #4a7bae;
  padding: 5px 18px 5px 18px;
 height: 25px;

}

#pillmenu a#active_menu-nav {
	margin-top:2px;
	height: 36px;
	line-height: 21px;
	background-position: 0 0;
}

#pillmenu ul li a:hover {
  color: #fff;
  background-color: #4a7bae;
  padding: 5px 18px 5px 18px;
 height: 25px;

}

a:visited {
  color: #02458b;
  text-decoration: underline;
}

#imagebox1{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/broch.jpg) no-repeat;
  width: 268px;
  height: 216px;
  float:left;
  margin-right:10px;
}

#imagebox2{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/walkover.jpg) no-repeat;
  width: 268px;
  height: 216px;
  float:left;
  margin-right:10px;
}
#imagebox3{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/survey.jpg) no-repeat;
  width: 268px;
  height: 216px;
  float:left;
}

#imagebox4{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/map.jpg) no-repeat;
  width: 535px;
  height: 324px;
  float:left;
  margin-right:10px;
}

#imagebox5{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/volunteer.jpg) no-repeat;
  width: 242px;
  height: 324px;
  float:left;
}

#imagebox6{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/survey1.jpg) no-repeat;
  width: 263px;
  height: 196px;
  float:left;
  margin-right:10px;
}

#imagebox6 img{
  margin:0px;
  padding:0px;
}

#imagebox7{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/survey2.jpg) no-repeat;
  width: 263px;
  height: 196px;
  float:left;
  margin-right:10px;
}

#imagebox8{
  color: #fff;
  background: url(http://www.aocarchaeology.com/assynt/images/survey3.jpg) no-repeat;
  width: 263px;
  height: 196px;
  float:left;
}


.caption1{
width: 535px;
margin-right:10px;
margin-top:10px;
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
float:left;
}
.caption2{
margin-top:10px;
width: 242px;
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
float:left;
font-weight:bold;
}

.caption3{
margin-top:5px;
width: 263px;
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
float:left;
font-weight:bold;
margin-right:10px;
}

.OS{
color: #333;
font-family:Verdana, "Times New Roman", Times, serif;
font-size:9px;
line-height:1.15em;
font-weight:100;
}

em{
color: #1876a6;
font-style:normal;
font-weight:700;
}



.h1other {
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
width:100%;
border-bottom:dotted #3399FF 1px;
padding-top:15px;
font-weight: bold;
}


.h1other2 {
color: #B82E46;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
width:100%;
font-weight: bold;
line-height:1.3em;
padding-top:20px;
padding-bottom:5px;
}




#h1other3 {
color: #B82E46;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-weight: bold;
margin-left:260px;
}


.h1other a:link,a:visited{
text-decoration: none;
}

.h1home {
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
width:100%;
border-bottom:dotted #3399FF 1px;
padding-top:15px;
font-weight: bold;
margin-bottom:15px;
}

.subheader {
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight: bold;
}

a#current {
color: #2259a5;
} 

.images {
width:220px;
float:left;
margin-right:15px;
} 

.panorama1 {
width:589px;
float:left;
margin-right:19px;
}

.panorama2 {
width:220px;
float:left;
margin-right:0px;
}

.text {
width:100%;
float:left;
margin:0px;
padding:0px;
} 

.linebreak {
width:100%;
border-bottom:dotted #3399FF 1px;
}

.floatbox_r {
float: right;
margin: 15px 0px 5px 5px;
width: 230px;
font-family: Verdana,arial;
font-size: smaller;
text-align: right;
color: #666666;
}

.floatbox_r2 {
float: right;
margin: 0px 0px 5px 5px;
width: 230px;
font-family: Verdana,arial;
font-size: smaller;
text-align: right;
color: #666666;
}

.floatbox_r3 {
float: right;
margin: 0px 0px 5px 5px;
width: 354px;
font-family: Verdana,arial;
font-size: smaller;
text-align: right;
color: #666666;
}


.floatbox_l {
float: left;
margin: 0px 10px 10px 0px;
width: 230px;
font-family: Verdana,arial;
font-size: smaller;
text-align: left;
color: #666666;
}

.floatbox_l2 {
float: left;
margin: 0px 10px 5px 0px;
width: 225px;
font-family: Verdana,arial;
font-size: smaller;
text-align: left;
color: #666666;
}

.floatbox_l3 {
float: left;
margin: 0px 5px 5px 0px;
width: 350px;
font-family: Verdana,arial;
font-size: smaller;
text-align: left;
color: #666666;
}


.clr {
	clear: both;
}

.galleryfloat {
float:left;
margin:0px;
padding:0px;
}

.gallery {
padding:5px;
border:none;
border:1px solid #A6CEE8;
margin-right:14px;
width:184px;
}

.gallery:hover {
background:#A6CEE8;
}


.gallery img{
border:none;
}

.gallery a{
border:none;
}

.gallery a:hover{
border:none;
}

.galleryend {
padding:5px;
border:none;
border:1px solid #A6CEE8;
width:184px;
}

.galleryend:hover {
background:#A6CEE8;
}


.galleryend img{
border:none;
}

.galleryend a{
border:none;
}

.gallery a:hover{
border:none;
}


.caption{
	color: #4C60C1;
	font-family:Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size:11px;
	width:162px;
	line-height:1.15em;
	padding: 4px 12px 12px 12px;
}

.h1gallery {
color: #2259a5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
width:100%;
padding: 1px 0px 0px 7px;
margin-bottom:12px;
font-weight: bold;
background: #A6CEE8;
}

.h1other2 a:link{
color: #B82E46;
text-decoration:none;
}

.h1other2 a:visited{
color: #B82E46;
text-decoration:none;
}

