body {color: #000; font-family: Verdana, Lucida, Arial, Helvetica, sans-serif; margin: 25px 0; padding: 0; background-color:#DDD;}

/* THIS IS THE 'BE NICE TO NETSCAPE RULE', WHICH IGNORES CSS INHERITANCE, SO YOU HAVE TO BE EXPLICIT! */
p, td, ul, ol, ul, li, dl, dt, dd {font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;}

/* THIS HIDES THE SKIP NAVIGATION LINK IN MODERN BROWSERS; IT'LL STILL APPEAR IN OLDER BROWSERS AND OTHER PLATFORMS WHICH DON'T SUPPORT CSS */
.hide {display:none;}

/* THIS TELLS THE BROWSER TO ALWAYS CONSIDER IMAGES AS BLOCK-LEVEL, RATHER THAN INLINE ELEMENTS */
img {display: block; border: 1px #000 solid; margin: 0 2px 0 2px;}

/* THIS STYLES THE HYPERLINKS */
a:link {text-decoration: underline; color:#09C; background: transparent;}
a:visited {text-decoration: underline; color:#09C; background: transparent;}
a:hover {text-decoration: underline; color:#09C; background: transparent;}
a:active {text-decoration: underline; color:#09C; background: transparent;}

/* STYLING FOR ALL PARAGRAPHS */
html p {margin-top: 0; margin-bottom; 5px; text-align: left; font-size: 0.85em;}

/* STYLING FOR MAIN WHITE BOX ON BOTH INDEX.PHP AND PHOTOLIST.PHP  */
/* position is "relative" to gain control of stacking order (z-index) */
.contents {	position:relative; width:auto; min-width:400px; margin:0px 210px 20px 170px; border: 1px solid #000; background-color: #FFF; padding:10px; height: auto; min-height: 500px; font-size: 1.0em;}

/* STYLING FOR THE TOP NAVIGATION TABLE ON PHOTOLIST.PHP */
table#topnav {width:100%;}
#topnav td {font: 12px Verdana, Lucida, Arial, Helvetica, sans-serif; text-align: left; vertical-align:top; height: 5px;}
#topnav .centre {text-align: center;}
#topnav .right {text-align: right;}
#topnav td a:link, td a:visited {text-decoration: underline; color:#999; background: transparent;}
#topnav td a:hover {text-decoration: underline; color:#09C; background: transparent;}
#topnav img {display: inline; margin: 0 1px;}

/* STYLING FOR CURRENT PAGE NUMBER AT HEAD AND FOOT OF PHOTOLIST.PHP */
#topnav .centre a:link {text-decoration: none; color:#09C; background: transparent; vertical-align: top;}
#topnav .centre a:visited {text-decoration: none; color:#09C; background: transparent; vertical-align: top;}
#topnav .centre a:hover {text-decoration: none; color:#09C; background: transparent; vertical-align: top;}
#topnav .centre a:active {text-decoration: none; color:#09C; background: transparent;}
.pages {display:inline; padding: 2px; border: 1px solid #000; text-decoration: none; text-align: center; line-height: 30px; margin: 0 0 0 5px; voice-family: "\"}\""; voice-family:inherit; margin: 0 0 0 2px;}
.currentpage {font-weight:900; display:inline; padding: 2px; border: 1px solid #000; text-decoration: none; text-align: center; line-height: 30px; margin: 0 0 0 5px; voice-family: "\"}\""; voice-family:inherit; margin: 0 0 0 2px;}

/* STYLING FOR THE TABLE CONTAINING EACH PICTURE ON PHOTOLIST.PHP */
table#picture {border: 0px solid #000; margin: 10px 35px 10px 70px; width: 80%; text-align:center; font: 12px Verdana, Lucida, Arial, Helvetica, sans-serif;}
#picture .left {width:150px; height:130px; vertical-align: top; }
#picture .text {height:130px; vertical-align: top;}
#picture h2 {margin: 0; text-decoration: none; vertical-align: top; font-size: 1.2em; font-weight: 800;  float:left;}
#picture p {display: block; margin: 10px 0 0 0;}
#picture .date {float: right; margin: -32px 0 0 0; font-size: 0.85em; color: #666;}
#picture .place {margin: 17px 0 5px 0; color: #09C; font-size: 0.85em;}
#picture td a:link, td a:visited {text-decoration: underline; color:#999; background: transparent;}
#picture td a:hover {text-decoration: underline; color:#09C; background: transparent;}


/* STYLING FOR THE PICTURE DIV, CONTAINED WITHIN THE PICTURE TABLE ON PHOTOLIST.PHP */
.img-shadow {vertical-align: top; float:left; background: url(images/shadow.gif) no-repeat bottom right; margin: 8px 5px 10px 10px !important;}
.img-shadow img {display: block; background-color: #fff; border: 1px solid #a9a9a9; padding: 2px; text-decoration: none; margin: -6px 8px 4px -4px;  }




/* STYLING FOR THE INDEX NAVIGATION TABLE ON INDEX.PHP */
.indexnav table {width:100%;}
.indexnav td {font: 12px Verdana, Lucida, Arial, Helvetica, sans-serif; text-align: left; vertical-align:top; height: 5px;}
.indexnav td a:link, td a:visited {text-decoration: underline; color:#333; background: transparent;}
.indexnav td a:hover {text-decoration: underline; color:#09C; background: transparent;}
.indexnav img {display: inline; margin: 0 1px; vertical-align:bottom;}
.indexnav h3 {display: inline; font-size: 1.1em;}
.indexnav h3 a:link, h3 a:visited {text-decoration: none; color:#333; background: transparent;}
.indexnav h3 a:hover {text-decoration: none; color:#333; background: transparent;}

/* STYLING FOR TABLES AT BOTTOM OF INDEX NAVIGATION TABLE ON INDEX.PHP */
.indexnavbot table {width:100%;}
.indexnavbot td {font: 12px Verdana, Lucida, Arial, Helvetica, sans-serif; text-align: left; vertical-align:top; height: 5px;}


/* STYLING FOR BLACK-HEADED BOXES AT THE FOOT OF INDEX.PHP */
.box {float:left; background: #BBB; border: 1px solid #000; margin-right:10px; border-bottom: 1px solid #000; padding:4px; font-size: 1.1em; font-weight: 800;} 
.botbox {float:left; border: 1px solid #000; margin-right:10px; padding:4px; font-size:12px }
.botbox a:link, td a:visited {text-decoration: underline; color:#333; background: transparent;}
.botbox a:hover {text-decoration: underline; color:#09C; background: transparent;}

.valid img {border: 0; float: right;}

/* Two main sections, MENU and CONTENT */

#MENU {color: #000; font-size:0.9em; position:absolute; margin-left: -10px; padding: 2px 2px 2px 15px; background-color:#FFF; border: 1px solid #000; line-height:16px; height: 400px; width:180px;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:180px;
}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

#MENU a {color: #09C; font-size: 0.95em; font-weight: 700; text-decoration:none;}

#MENU form {
	margin-top: 1px;
	color:grey;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size:0.9em;
	display: inline;
	height: 20px;
}

#MENU select {
	color:#000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size:0.9em;
	height: 18px;
	display: inline;
	width: 120px;
}

#MENU input {
	height: 18px;
	vertical-align: top;
}

.input

{
	font-family: Verdana, arial, helvetica, sans-serif;
	position: relative;
	display: inline;
	vertical-align: middle;
	color: #F00;
}


.top {color:#000; margin: 3px 0 0 20px; font-weight:bold; font-size:1.1em; border-bottom: 2px solid #444;}

.right {background: #FFF; color:#666; margin: 10px 0 0 25px; padding-bottom: 10px; font-size:0.8em; width:425px; height: 150px;}



p, ul, ol, ul, li, {font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;}



.flag {display: inline; font-size: 0.75em; float: right;}
.flag img {border: 1px #000 solid; margin: 0 1px; display: inline;  position: relative; }



  
.picblurb {
	margin: 8px 0 0 5px;
display: block;
	font-size: 0.85em;
	position: relative;
	width: 400px;
}



.smallleft {font-size: 0.8em; margin: 1px 2px 0 0; color: #666; position:relative; display: inline; }

.smallright {float:right; margin-top: -12px; font-weight: normal; color: #666;}







#content {
width: 500px;
voice-family: "\"}\"";
voice-family: inherit;
width: 490px; 
margin: 5px 0 0 75px;
position: absolute;
background-color: #FFF;
border: 1px dotted #000;
padding: 4px 4px;
}

#content p {
	font-size: 0.8em;
}

.flagmenu {
width: 500px;
voice-family: "\"}\"";
voice-family: inherit;
width: 490px; 
color: #666;
font-size: 0.70em;
}




.picsperpage {
color: #666;
margin: 20px 0 2px 82px;
width: 500px;
voice-family: "\"}\"";
voice-family: inherit;
width: 490px; 
}

#picsperpage {
	margin-left: 285px; font-size: 0.70em; display: inline;
}

#navr {
	font-size: 0.70em; color: #000; margin-left:280px;
}

.country {
	font-weight: 600;
}

.pagesbot {text-align: center;}
.totalrows {color:#666;}