body{
margin: 0px;
font-family: arial, helvetica;
text-align: center;
background-color: #0e0a08;
background-image: url('../images/template/anneBG8.jpg');
background-position: top center;
background-repeat: no-repeat;
font: 11px/150% Arial, Helvetica, Geneva, "Lucida Grande", SunSans-Regular, sans-serif; 

}

p { 
	font: 11px/190% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	margin: 0px 0px 10px 0px;
	}

h1 {
	font:28px "John Handy LET", "Arid ITC, "Zapf Chancery", Georgia, "Times New Roman", Times, serif";
	color: white;}
	
h2 { 
	font-family: "John Handy LET", "Arid ITC, "Zapf Chancery", Georgia, "Times New Roman", Times, serif";
	font-size: 18px; 
	color: #e8ffd2;
	margin-top: -10px;
	text-align: left;
	font-weight: lighter;
	}


h3 {
	color:  #e8ffd2; 
	font-size: 22px; 
	margin: 20px 0px 10px; 
	padding:0px; 
	font-family: "John Handy LET", "Arid ITC, "Zapf Chancery", Georgia, "Times New Roman", Times, serif";
	}
	
h4 { 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font:17px; 
	color: #b3be82; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	text-align: left;
	}

h5 {
	font-family: monospace, "Courier New", Courier, Monaco; 
	font-size:14px; 
	color: #b3be82; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	text-align: left;
	}

h6 { 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 15px; 
	color: #b3be82; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	text-align: left;
	margin-left: 30px;
	}
	
	
td{ /*shane changed this 7-13 11:24pm becuase it was effecting calendar table - JIM changed back to show client again*/
	font: 10px/170% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	padding: 0px 20px 2px 0px;
	vertical-align: top;
	}


	
.heading  {
	text-transform: uppercase;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font:17px; 
	color: #b8b89d; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	text-align: left;
	}
	
strong {
	font-size: 12px; 
	color: #ffdd9c; 
	font-weight: bold; 
	text-transform: uppercase;
	}

.original {
	font: 18px/140% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	color: #ffb244; 
	font-weight: bold; 
	text-transform: uppercase;
	text-align: left;
	}

a {text-decoration: none; font: 11px/140%  "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  font-weight: bold;  }
a:link {color: #e8ffd2; }
a:visited { color: #cddfbb; }
a:hover { color: #d3ff6a; }
a:active { color: #d4b09b; }

a img {border: none; }

ul 	{ list-style-type: none; padding-top: 5px; text-align: left;}	
li 	{ 
display: inline;
padding-right: 30px;
} 


#container{
  margin: 0px auto;
  width: 1100px;
  position: relative;
  padding: 0px;
  }
 
#darken {
 	width: 1000px;
	margin: 0px auto;
	}

#header {
	/*background-image: url('../images/template/top.jpg');*/
	width: 1000px;
	height: 100px;
	margin: 0px;
	text-align: left;
	}

.logo {margin-top: 15px; margin-bottom: 0px;}

div#nav{
clear: both;
position: relative;
z-index: 500;
text-align: center;
padding-left: 10px;
margin-top: 0px;
background-image: url('../images/template/60.png');
}

#nav a {
font-family: "John Handy LET", "Zapf Chancery",  Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: white;
text-decoration: none;
font-variant: small-caps;
}

#nav a:hover {
color: #9dd96e;
text-decoration: none;
font-variant: small-caps;
}

div#anne{
position: absolute;
z-index: 600;
padding-left: 0px;
padding-top: 70px;
}

div#pics{
position: absolute;
z-index: 600;
margin-left: 20px;
margin-top: 300px;
width: 190px;

}



div#bodyContent{
}

div#content, #contentDark{
width: 998px;
margin: 10px auto;
margin-bottom: 20px;
background-image: url('../images/template/40.png');
padding-top: 10px;
padding-bottom: 35px;
margin-top: 50px;
border: 1px dotted black;
}

#contentDark{
background-image: url('../images/template/80.png');
margin-top: 20px;
}


	
#mainImage {
	width: 868px;
	height: 250px;
	overflow: hidden;
	border: 1px solid black;
	margin-left: 65px;
	margin-top: 10px
	}
	
	
#mainImageAfrica {
	width: 868px;
	height: 450px;
	overflow: hidden;
	border: 1px solid black;
	margin-left: 65px;
	margin-top: 10px
	}
	
#mainFull {
	width: 818px;
	padding: 25px;
	overflow: hidden;
	border: 1px solid black;
	margin-left: 65px;
	background-image: url('../images/template/60.png');
	text-align: left;
	}
	
#mainGallery{
	padding: 25px;
	overflow: hidden;
	text-align: left;
	margin-left: 10px;

	padding-bottom: 50px;
	}
	
.descriptionSection {
	width: 820px;
	margin: 10px 20px 10px 50px;
	padding: 30px;
	float: left;
	background-image: url('../images/template/60.png');
	border: 1px dotted gray;
	margin-bottom: 5px;
	}

.galleryImage {
	width: 260px;
	margin-right: 10px;
	padding: 20px 20px 5px 20px;
	float: left;
	background-image: url('../images/template/40.png');
	border: 1px dotted gray;
	margin-bottom: 5px;
	}
#introButtons {
margin-left: 50px;
}

.galleryIntroImage {
	width: 245px;
	height: 220px;
	margin-right: 10px;
	padding: 20px 20px 5px 20px;
	float: left;
	background-image: url('../images/template/40.png');
	border: 1px dotted gray;
	margin-bottom: 5px;
	}
	
.menuSection {
	width: 885px;
	height: 70px;
	margin-right: 10px;
	padding: 0px 20px 5px 20px;
	margin-bottom: 15px;
	color: white;
	}
	
.menuSection2 {
	width: 785px;
	height: 70px;
	margin: 10px 10px 10px 80px;
	padding: 0px 20px 5px 20px;
	color: white;
	text-align: left;
	border: 1px dotted silver;
	}
	
.viewByBox {
	float: left;
	width: 200px;
	}
	
.viewBy {
	font-size: 14px;
	color: silver;
	}

.galleryImageBox {
	width: 260px;
	height: 200px;
	overflow: hidden;
	margin-right: 10px;
	float: left;
	}
	
.galleryImage img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
div#collectors {	
	width: 645px;
	color: white;
	margin: 20px  0px 10px 40px;
	text-align: left;
	padding: 10px 0px 20px 30px;
	background-image: url('../images/template/80.png');
	}
	
.collectorsGallery {
	float: left;
	border: 1px dotted silver;
	height: 200px;
	width: 255px;
	text-align: center;
	padding: 20px;
	margin: 10px 20px 20px 0px;
	}
	
.collectorsImageBox {
	width: 255px;
	height: 180px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 5px;
	}


.prints  {
	width: 210px;
	float: left;
	margin-right: 10px;
	}

.printTitle {
	text-align: left;
	color: white;
	padding: 0px 20px;
	width: 300px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	}

.availablePrints {
	float: left;
	width: 400px;
	padding: 0px 0px 10px 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 25px;
	}
	
#paypal {
	margin-top: 20px;
	width: 270px;
	float: right;
	color: white;
	text-align: left;
	}
	
#paypal h3 {margin-bottom: -50px;}

#searchRight  {
	float:right;
	width: 220px;
	text-align: right;
	}

#legend {float: right; width: 330px; margin-top: 15px;}

div#copy, #copyContact, #copyAbout, #copy2{
	width: 400px;
	color: white;
	margin: 20px  0px 30px 280px;
	text-align: left;
	padding: 10px 25px 20px 30px;
	background-image: url('../images/template/60.png');
	}
	
div#copy2{
	margin: 20px 0px 10px 280px;
	padding-right: 40px;
	width: 500px;
	}
	
	#copy2 h2 { 
		font-size: 15px; 
		margin-top: 0px;
		border-top: 1px dotted silver;
		border-bottom: 1px dotted silver;
		padding: 5px;
		}
		

div#africaCopy{
	width: 550px;
	color: white;
	margin: 20px  0px 30px 225px;
	text-align: left;
	padding: 10px 25px 20px 30px;
	background-image: url('../images/template/60.png');
	font-size: 13px;
	}
	#africaCopy h2 {
		border-top: 1px dotted silver;
		border-bottom: 1px dotted silver;
		padding: 10px;
		}
	
div#copyContact{
	width: 430px;
		}
		
div#copyAbout{
	width: 550px;
		}
	
div#events {	
	width: 530px;
	color: white;
	margin: 20px  0px 10px 40px;
	text-align: left;
	padding: 10px 25px 20px 30px;
	background-image: url('../images/template/80.png');
	}

		
.prevNext {
	background-color: #391817;
	clear: both;
	color: gray;
	text-align: center;
	margin-top: 30px;
	padding: 10px;
	}
	
p.imgTitle {color: silver; margin-left: 0px;}

#mainVideo {
	width: 580px;
	overflow: hidden;
	margin-left: 280px;
	margin-top: 20px;
	padding: 10px;
	background-image: url('../images/template/60.png');
	}
	
.videoThumb { 
	height: 80px;
	margin: 10px 50px 20px 50px;
	text-align: left;
	}

#mainFlash {
	width: 800px;
	height: 250px;
	overflow: hidden;
	margin-left: 155px;
	padding: 0px;
	}
	
div#leftColumn{
color: #502707;
width: 560px;
float: left;
}


div#rightColumn{
margin-top: 15px;
background-color: #fff589;
margin-left: 579px;
margin-bottom: 15px;
width: 210px;
border: 1px solid black;
}


.indent{
padding: 10px;
}


#mainwide 	 {width: 800px; }


/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-bottom: 30px;
	}
	
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	a.leftLink  {
		line-height: 20px;
		margin-left: 10px;
		}
	

	

	
	/* 3 Column settings */
	.threecol {
			/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		/* background:#fff;		center column background colour */
		border-right: 1px dotted black;	

		}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		/* background:#f4f4f4;	/* left column background colour */
		
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
		padding-top: 20px;
		
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		padding-top: 20px;
				border-right: 1px dashed black;	
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		padding-top: 20px;

	}
	
	
	/* 2 Column settings */

	.twocol {
			/* right column background colour */
	}

	.twocol .colleft {
		right:65%;			/* width of the right column */
		/* background:#f4f4f4;	/* left column background colour */
			border-right: 1px dotted silver;	
		
	}
	.twocol .col1 {
		width:55%;			/* width of right column content (column width minus padding on either side) */
		left:105%;			/* 100% plus left padding of center column */
		padding-top: 20px;
		
	}
	.twocol .col2 {
		width:32%;			/* Width of left column content (column width minus padding on either side) */
		left:13%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		padding-top: 20px;

	}

	
	
	
	
	
	
.col1 ul {
	list-style-type: disc; 
	text-align: left;
	}	
	
.col1 li 	{ 
	display: block;
	font: 11px/90% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	margin: 0px 0px 8px 0px;
	}

	.spacer {clear: both;}



div#footer{
	font-size: 12px;
	font-family: "Times New Roman", Times, Georgia, serif;
	text-align: center;
	color: #fefaef;
	padding-top: 40px;
	}

#info a {color: #fff3d6;}
#info a:hover {color: white;}


div.spacer {clear: both}

td.hours {width: 275px;}

.viewBy {
font: helvetica;
font-size: 20px;
line-height: 20px;
margin-top: -10px;
}


	
.date {
	color: #cbff8e;
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	}


.alignRight {
		font: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	margin-top: 20px;}
	
.alignRight a {
		font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	}

.event2 {
	color: #0606a7;
	font: 16px Arial, sans-serif, "Lucida Grande", Verdana;
	font-weight: bold;
	padding-bottom: 0px;
	}
	
.line {
	border-bottom: 1px dotted gray;
	margin-bottom: 5px;
	}

.thumbLeft {
	float: left;
	border: 1px solid black;
	margin: 0px 15px 5px 0px;
	}

.thumbRight {
	float: right;
	border: 1px solid black;
	margin: 10px 0px 10px 15px;
	}

.logoLeft {
	float: left;
	margin: 0px 15px 5px 0px;
	}

.staff {
	width: 240px;
	height: 85px;
	background-color: white;
	border: 1px dotted silver;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	float: left;
	}
	
	
.cost {font-size: 18px; color: white; background-color: #741805; padding: 10px;  margin: 10px 0px; border: 1px dotted silver;}
	
p.name  {color: #741805; font-size: 13px; margin: 0px 0px -5px 0px; padding:0px;}
p.title  {color: #898080; font-size: 11px; margin: 0px; padding:0px;}
p.phone  {color: black; font-size: 12px; font-weight: bold; margin: 0px; padding:0px;}
p.phone2  {color: black; font-size: 12px; font-weight: bold; margin-top: -7px; margin-bottom: 0px; padding:0px;}
.left20 {float: left; margin: 0px 20px 10px 0px;}
.right20 {float: right; margin: 0px 0px 10px 20px;}
.left15 {float: left; margin-right: 15px;}
.left {float: left;}
.right {float: right;}
.right2 {float: right; margin-left: 15px;}		
.availableIcon {float: right;}
.availableIconL {float: left;}