body  {
	MARGIN: 0;
	color: #888;
	background-color: #333;
}
body, td, th, div { 
	font: 12px verdana, helvetica, sans-serif; 
	line-height: 1.5;
	/*Never put line-height in body for N4.x*/
}
a, a:link {
        color: #c3ac50;
	text-decoration: underline; 	
}
a:visited {
	color: #999966;
        text-decoration: underline;
}
a:hover {
	color: #eeeeee;
	text-decoration: none;	
}

/*****************css*******************/

h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: underline;}
h1 {FONT-SIZE: 1.3em; color: #ccc; /**border-bottom: 1px dotted #999;**/}
h2 {FONT-SIZE: 1.2em; color: #ccc; /**border-bottom: 1px dotted #999;**/}
h3 {FONT-SIZE: 1.1em; color: #ac9f79;}
h4 {FONT-SIZE: 1em; color: #ac9f79;}
h5 {FONT-SIZE: 1em; color: #ac9f79;}
h6 {FONT-SIZE: .92em;}

/* ----- topnav menu ----- */

#topnavlogo {
	float: left;
	margin: 0;
        height: 60px;
	background: #666;
	width: 100%;
}
#topnav img {
	position: absolute;
        left: 5px;
        top: 69px;
        margin : 0 0 0 0;
	padding : 0;

}

#topnav h1 {
	position : absolute;
        z-index: 101;
	top: 5px;
	left: 5px;
	color: #999;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight : normal;
	margin : 0 0 0 0;
	padding : 0;
       
}

#topnav h2 {
	position: absolute;
        top: 49px;
        left: 5px;
        font: 10px verdana, sans-serif;
	color: #fc3; 
	font-weight: normal;
	margin : 0 0 0 0;
	padding : 0;

}

#topnav h1 a {text-decoration: none; color: #fc3;}
#topnav h1 a:hover {text-decoration: none; color:#eeeeee}

#topnav h2 a {text-decoration: none; color: #fc3;}
#topnav h2 a:hover {text-decoration: none; color:#fff}

/*************** search form *****************/

#searchform{
	color: #eee;
        font-weight: normal;
	position: absolute;
	top: 20px;
	right: 5px;
	z-index: 101;
	margin : 0 0 0 0;
	padding : 0;
}

#searchform input{
       font-size: 100%;
       margin: 0px  0px 0px 10px;
 }
 
/*************** end search form *****************/

/*************** utility styles ******************/

#topnavutility {
	font: 75% Verdana,sans-serif;
	position: absolute;
	z-index: 101;
	top: 50px;
	right: 5px;
	color: #ccc;
    margin : 0 0 0 0;
	padding : 0;
}

#topnavutility a {
	color: #ffffff;
	text-decoration: none;
}

#topnavutility a:hover {
	text-decoration: underline;
}

/****************** end topnav utilities ****************/ 

/******************* top nav menu ***********************/

#topnavmenu, #topnavmenu ul {
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: 1;
	font: 11px verdana, sans-serif;
	font-weight: bold;
	background: #fc3;
	float: left;
	white-space: normal;
	clear: left;
	width: 100%;
        border-top: solid 1px #000
}

#topnavmenu a {
	display: block;
	text-decoration: none;
	color: #333;
	margin: 0;
	padding: .5em 0;
}
	
#topnavmenu .topbar_main {
	text-transform: uppercase;
	background: #fc3 url(../i/topmenuarrowdown.gif) right bottom no-repeat;
	margin: 0 .6em;
	padding: 0 .6em 0 0;
}

#topnavmenu li {float: left;}

#topnavmenu li:hover, #menu li.hover {
     position: static;
}

#topnavmenu ul li {
	clear: both;
	background: #666;
	border-bottom: 1px solid #333;
	text-align: left;
	text-transform: none;
}

#topnavmenu ul li a {
	font-weight: normal;
	font-size: 10px;
	margin: 0;
	padding: 5px 5px;
	width: 16em;
        color: #eeeeee;
}

#topnavmenu ul li a:hover {
        color: #000;
        background: #fc3;

}
#topnavmenu li ul {
	position: absolute;
	width: auto;
	left: -999em;
	border: 1px solid #444;
	border-bottom: none;
	margin: 0;
}

#topnavmenu .level2 {background: url(../i/yellowR.gif) right center no-repeat;}
#topnavmenu li ul ul {margin: -2.1em 0 0 15.4em;}
#topnavmenu li:hover ul ul, #topnavmenu li:hover ul ul ul, #topnavmenu li.sfhover ul ul, #topnavmenu li.sfhover ul ul ul {left: -999em;}
#topnavmenu li:hover ul, #topnavmenu li li:hover ul, #topnavmenu li li li:hover ul, #topnavmenu li.sfhover ul, #topnavmenu li li.sfhover ul, #topnavmenu li li li.sfhover ul {left: auto;}

/* ----- END topnav menu ----- */

.displayoptions {
	background: #000;
	color: #999999;
	border-bottom: 1px solid #fc3;
}
.displayoptions .sml a {
   text-decoration: none;
   color: #fc3;
}

/************* #footer styles ***************/

#footer{
	clear: both;
	font-size: 90%;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

#footer img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
}

/************* #search styles ******/

/*** Fluid 2 column for wrapping thumbs**/
	#main1 {
		margin:0; padding:0;
		}
	#main2 {
		margin:0; padding:0;
		}
	#left {
		float:left;
		width:160px;
		margin:0; padding:0;
		font-size:80%;
		}
	#right {
		float: right;
		width:160px;
		margin:0; padding:0;
		font-size:80%;
		}
	#middle {
		max-width: 500px;
		margin:5px 160px;
		padding:10px;
		font-size:80%;
		background: #444444;
		border: 5px solid #555;
		}
	#middlethumbs {
		margin-left: 160px;
		margin-top:5px;
		margin-right: 5px;
		margin-bottom: 5px;
		padding:5px;
		font-size:80%;
		background: #555555;
		border: 5px solid #ac9f79;
		}

	.column-in {
		margin:0; padding:0;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	.copy { text-align:center; font-size:80% }

/*****************Category Header******************/

#categoryheader {
       float: left;
       margin: 0;
       width: 100%;
}

/**************end css*********************/

.sidenav {
	color: #999;
	padding-bottom: 10px;
	text-decoration: none;
	padding-left: 3px;
	padding-top: 0;
}
.sidenav a {
	color: #c3ac50;
	text-decoration: none;
}
.sidenav a:visited {
        color: #999966;
	text-decoration: none;
}
.sidenav a:hover {
        color: #efece2;
	text-decoration: none;
}

.nounderline {
	text-decoration: none;
}
.rev a, .rev a {
	color: #E2E2E2;
	text-decoration: none;
}
.rev a:visited {
	color: #EDEDED;
}
.rev a:hover {
	color: #fc3;
	text-decoration: none;
}

.results {
	color: #b9b9b9;
	text-decoration: none;
}
.results a {
	color: #c3ac50;
	text-decoration: none;
}
.results a:visited {
	color: #bbb;
	text-decoration: none;
}
.results a:hover {
        color: #eeeeee;
	text-decoration: underline;
}
.category {
        background-color: #555;
	border: 5px solid #ac9f79;
	padding: 5px;
	margin: 5px;
}
.userlist {
	font-size:.85em;
	background-color:#444;
	border: 1px solid #222222;
	padding: 5px;
}
.admin {
	font-size: .85em;
	text-decoration: none;
}
.admin a {
	text-decoration: none;
}
.admin a:visited {
	text-decoration: none;
}

.thumbbrowse a {
        text-decoration: none
}
.thumbbrowse_thumb a {
        text-decoration: none;
}

.lightboxsidebar {
        font-size: 12px;
	font-family: Verdana;
	background: #333;
	padding-left: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-top: 4px;
        line-height: 1.6em;
}
.lightboxsidebar a {
	color: #999999;
    text-decoration: none;
}
.lightboxsidebar a:visited {
	text-decoration: none
}
.lightboxsidebar a:hover {
    text-decoration: underline;
    color: #eeeeee;
}
.lightbox {
	font-family: Verdana;
	background: #333;
	padding-left: 6px;
	padding-right: 6px;
}
.lightbox a, .lightbox a {
	text-decoration: none;
	FONT-SIZE: 0.92em;
}
.lightbox a:visited {
	color: #937920;
}
.lightbox a:hover {
	text-decoration: underline;
}
.printlightbox {
        color: #efefef;
	background-color:#555555;
	padding: 3px;
}
.printtable {
	border: 1px solid #ccc;
        padding: 3px 3px 3px 3px;
 	background-color: #333;
}
#displaylinks {
	list-style: none;
	color: #999;
	margin-left: 5px;
	padding: 0;
}

#displaylinks li {padding: 6px 0;}

#displaylinks a {
	color: #999;
	font-weight: bold;
	padding: 6px 0;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

#displaylinks a:hover {color: #fc3;}

.photoinfo {
	font-size: 11px;
	line-height: 1.6em;
	padding: 0.5em 0 0 0;
}
ul.nobullet {list-style:  url(/css/spacer.gif);}

.browse {
        text-decoration: none;
	font-size: .85em;
}
.browse a {
	text-decoration: none;
}
.browse a:hover {
	text-decoration: underline;
}
.yellow {
	color: #fc3;
	font-size: 1.2em;
	font-weight: bold;
}
form {display: inline;}
label {color: #999;}
hr {color: #666;}
.rev {color: Silver;}
.attn, .red, .required {color: #900;}
.blue {color: #0A58E9;}
.sml {FONT-SIZE: 11px;}
.big {FONT-SIZE: 1.15em;}
.quote {font: 16px/1.3em "Times New Roman", Times, serif;}
.tinyyellow {color: #d3af32; font-size: .85em;}
.tiny {font-size: .85em;}
.gold {color: #d3af32;}
.lightgold {color: #ac9f79;}
.yellow12 {color: #fc3;}
.black {color: #000;}
.gray {color: #ddd;}
.bgBodyGray {
    background-color: #555;
	border: 5px solid #ac9f79;
	padding: 0.25em;
	width: 600px;
	margin: 5px;
}
.bgBodyGray800 {
    background-color: #555;
	border: 5px solid #ac9f79;
	padding: 0.25em;
	width: 800px;
	margin: 5px;
}
.bgHomeGray {
        FONT-SIZE: 12px;
	text-align: left;
	padding: 7px;
	width: 180px;
}
.bgGray {background: #efefef;}
.bgYellow {background: #fc3;}
.bgDkGray {background: #333;}
.bgMedGray {background: #666666;}
.brightred {color: red;}
.bgBlack {background: #000;}
.bgRed {background: #c00;}
.bgLightGray {background: #999;}
.bgWhite {background: #fff;}
.bgGreen{background: #393;}
.pop {color: #66CCCC;}
.hits {color: #62B75E;}
.w150 {width: 150px;}
.w450 {	width: 450px;}
.w600 {	width: 600px;}
.w700 {	width: 700px;}

table.browse td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.1;
	color: #444;
	text-align: left;
}
/* used to package images and their properties */

div.thumb {
	color: #999999;
	float: left;
	width: 200px;
	height: 255px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: .90em;
	display: block;
}
div.hidden_thumb {
	display: none;
}
div.thumbbig {
	color: #999999;
	float: left;
	width: 310px;
	height: 350px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: .90em;
	display: block;
	background-color: transparent;
}

div.newphotosthumbs {
	color: #999999;
	float: left;
	width: 310px;
	height: 375px;
	text-align: left;
	margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
	margin-top: 0;
	font-size: .90em;
	display: block;
	background-color: transparent;
}
div.africapostersindex {
    float: left;
    width: 210px;
    height: 240px;
    padding: 0 0 5px 0;
    margin: 0 10px 0 0; 
    font-size: 0.95em;
}
div.galleryindex img {border: none;} 
div.galleryindex {
    float: left;
    width: 190px;
    height: 170px;
    padding: 0 0 5px 0;
    margin: 0 10px 0 0; 
    font-size: 0.80em;
	text-align: center;
}
div.stockindex {
    float: left;
    width: 190px;
    height: 220px;
    padding: 0 0 5px 0;
    margin: 0 10px 0 0; 
    font-size: 0.95em;
}
div.stockindex a, div.visualstockindex a, div.stockindexbig a, div.stockindexbig-pano a, div.africapostersindex a{text-decoration: none; }
div.stockindex a:hover, div.visualstockindex a:hover, div.stockindexbig a:hover, div.stockindexbig-pano a:hover, div.africapostersindex a:hover {color:#eeeeee;}

div.visualstockindex {
    float: left;
    width: 190px;
    height: 175px;


    padding: 0 0 5px 0;
    margin: 0 10px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

div.stockindexbig, div.stockindexbig-pano {float: left; height: 245px; padding: 0px 15px 5px 0px; margin: 5px 3px;} 
div.stockindexbig img, div.stockindexbig-pano img {border: #666 1px solid;} 
/*div.stockindexbig ul, div.stockindexbig-pano ul {margin: 0.25em 0 0; padding: 0;} 
div.stockindexbig li.title, div.stockindexbig-pano li.title {display: block; text-align: left;} 
div.stockindexbig li.title a, div.stockindexbig-pano li.title a {text-decoration: none;}
div.stockindexbig li.title a:hover, div.stockindexbig-pano li.title a:hover {text-decoration: underline;}*/
div.stockindexbig-pano {width: 620px;} 
div.stockindexbig {width: 300px;}
 
/* used to surround the page links so that I can show/hide them and so they line up right */
div.page_controls {
	float: left;
    cursor: pointer;       /* required for IE6 to behave correctly */
	display: block;
}
div.active_page_controls a {
	color: red;
	text-decoration: none;
}

/* used to surround text I want to alter, hide and show via javascript */
/* divs are willing to line up accross the page */
div.stack_controls {
	float: left;
	display: block;
}
div.hidden_stack_controls, div.hidden_page_controls, span.hidden_stack_controls {
	display: none;
}

/* used to surround text I want to alter, hide and show via javascript */
/* it does not appear that spans are willing to line up accross the page */
span.stack_controls {display: block;}

.photoborder {
    border: 1px solid #666;
	margin-bottom: 3px;
	padding: 0px;
}
	
.photoborderBody {
    border: 2px solid #888;
	margin-left: 5px;
	margin-right: 5px;
}
.photoborderwhite {
    border: 4px solid #fff;
	margin-bottom: 3px;
	padding: 0px;
}
.photoborderwhiteindex {
     border: 2px solid #fff;
	 margin-right: 20px;
	 margin-bottom: 10px;
}

div.thumbbrowse {
	float: left; 
	width: 85px; 
	height: 85px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 11px;
	}
div.thumbbrowse_thumb {
	float: left;
	width: 165px;
	height: 165px;
	text-align: center;
	margin-bottom: 6px;
	margin-top: 0;
	font-size: 11px;
}
div.thumbbrowse_samples {
	float: left; 
	width: 185px; 
	height: 220px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 0.85em;
}
.caption {
	font-size: 0.85em;
	text-align: left;
	width: 150px;
}
.featurecaption {
	font-size: .92em;
	text-align: left;
	width: 167px;
	color: #ccc;
}
.Photocolumn {
	border: 1px solid #000;
	background-position: center;
	text-align: center; 
	margin-bottom: 3px;
	padding: 0;
}

.nowrap {white-space: nowrap}

.sidenavmargin {
	line-height: 1.5;
	padding: 5px 5px;
}

/* Submit Buttons */
.button {
width: 2.5em;
font-size: 1em;
margin: 0 0 1px 0;
padding: 0;
}

.dropdownmenu {
font-size: 1em;
width: 4.5em;
padding: 1px;
text-align: left;
margin: 0 0 1px 0;
}