body	{
	text-align:			justify;
	color:				#001000;
	background:		#d2e3f3 url('mosiac-side.png') top left repeat-y fixed;
	margin:				0;
	padding:			0;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
}

div.header {
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	background-color: #000000;
}

div.header img {
	vertical-align: middle;
}

div.links {
	background: #0C1C3E url('button-mosiac.png');
	background-position: 0 0;
	background-attachment: fixed;
	color: #FFFFFF;
	border-bottom: 2px dotted white;
	margin-bottom: 5px;
}

div.links img {
	height: 20px;
}

div.links a {
	color: #FFFFFF;
	padding-right: 5px;
	border-right: 2px solid white;
	margin-right: 2px;
	background: url('button-mosiac.png');
	background-position: 0 0;
	background-attachment: fixed;
	text-decoration: none;
}

div.links a:hover {
	background-color: #1E4973;
	color: #FFc184;
	text-decoration: none;
	background: url('button-mosiac-cyan.png');
	background-position: 0 0;
	background-attachment: fixed;
}

div.links a:hover img {
	text-decoration: none;
}

div.sidebar {
	float: right;
	width: 180px;
	background-color:		#E9E5F1;
	color:				#000000;
	border-bottom:			2px solid #304050;
	border-left:			2px solid #304050;
	padding:			0;
	margin-left: 10px;
}

div.sidebar div.title {
	background-color: #606080;
	color: white;
	border-bottom: 2px dotted #404080;
	text-decoration: underline;
	width: 100%;
	padding-top: 0;
	margin-bottom: 5px;
}

div.left {
	float: left;
	margin-right: 1px;
}

div.footer {
	float: right;
	width: 100%;
	margin-top: 10px;
	border-top: 2px solid black;
}

table	{
	text-align:			justify;
	}

div.lighttable {	
	border-top: 1px solid black;
	padding-bottom: 10px;
	padding-left: 10px;
	}

table.record {
	width:				95%;
	background-color:		transparent;
	border-width:			0;
	padding:			0;
	margin:				0;
        font-family:                    Verdana, Arial, Helvetica, sans-serif;
        font-size:                      10pt;
	}

table.record th {
	background-color:	#7F85DF;
	font-weight:		100;
	}

table.lighttable td {
	padding: 9px;
	}

td	{
	color:				#000000;
	}

.blue	{
	float: left;
	background-color: 		#9F95FF;
        color: white;
        background-color: #9F95FF;
	border-top:			2px solid black;
        border-bottom:                  2px solid #303030;
	width:				100%;
	text-align:                     left;
	font-weight:                    600;
	font-size:                      8pt;
	padding:                        0;
	margin:				0;
	line-height:                    14pt;
	}

h1	{
	letter-spacing:		-2px;
 	color:				#3A9666;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			18pt;
	padding:			0;
	margin:				0;
	margin-left:                    5px;
        border-bottom:                  2px dotted #1A1696;
	}

h2	{
	letter-spacing:			-2px;
	color:                          #000000;
	color:				#0c2e60;
	background-color:		#7fa2d6;
	background-color:		#b7cce0;
	background-color:		transparent;
	font-family:                    Verdana, Arial, Helvetica, sans-serif;
	font-size:                      14pt;
	font-weight:			400;
	font-style:                     normal;
	margin-left:			15px;
	border-bottom:			1px solid #5b7499;
	padding-bottom:			0px;
	margin-bottom:			2px;
	}

h3	{
	letter-spacing:		-2px;
	color:                          #3A1696;
	font-family:                    Verdana, Arial, Helvetica, sans-serif;
	font-size:                      11pt;
	font-style:                     italic;
	font-weight:			bold;
	}

b	{
	font-weight:		bold;
	}

i	{
	font-style:			italic;
	}

sub	{
	font-size:			7pt;
	}

p       {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	margin-left:			25px;
	margin-right:			5px;
	}

TD.lightblue P:first-letter { color: purple; font-weight: 400; }

ul	{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	}

ul li	{
	border-top: 1px solid black;
}
	
ol {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	margin-top: 0;
}

/* An ordered list inside an unordered list...*/
ul ol	{
	background-color: transparent;
	color:	#000000;
}

ul ol li {
	border-top: none;
}

ul ol a:link {
	color:	#000000;
}
ul ol a:visited {
	color: #000000;
}


p.headermenu  {
	text-align:			center;
	font-weight:			600;
	font-size:			8pt;
	padding:			0;
	line-height:			14pt;
	}


p.red {
	color:			red;
}

img { padding:			0; 
      margin-top:		0;
      margin-bottom:		0; }

a { padding:                  0;
    margin-top:               0;
    margin-bottom:            0; 
    }

a:link { color: #b85f2c; text-decoration: underline; }
a:visited { color: #824f32;  text-decoration: underline; }
a:active { color: #ffec42;  text-decoration: none; }
a:hover { color: #ff481b;  text-decoration: none; }

A IMG { border-style: none; }

/* the FAQ */

.question {
        text-align: left;
        font-size: 11pt;
        color: #300040;
        font-style: italic; 
}

.answer {
        text-align: left;
        font-size: 10pt;
        color: #202000; }


textarea { 
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	}

input  { 
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	}

select  { 
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	}

div.header span.right {
	top: 0;
	margin: 5px;
	font-size: 11pt;
	display: compact;
	vertical-align: super;
}

div.photo {
	float: left;
	width: 95%;
	border: 1px solid #5b7499;
	margin: 5px;
	text-align: left;
	background-color: #7fa2d6;
}

div.photosummary {
	float: left;
	/*border: 1px solid #5b7499;*/
	/*border: 1px solid #9A9AB0;*/
	margin: 1px;
	text-align: center;
	/*background-color: #b7cce0;*/
	padding-bottom: 5px;
	width: 270px;
	min-height: 23.5em;
	_height: 23.5em;
	font-size: 80%;
}

div.photo img {
	float: left;
	border: 1px dashed #0c2e60;
	border: 1px dotted #A0C0F0;
	margin: 3px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #101010;
}

div.photo img:hover {
	border: 1px solid #a0c0f0;
}

div.photosummary img {
	border: 1px solid #eee;
	padding: 3px;
	margin: 1px;
	/*background-color: #0c2e60;*/
}

div.photosummary img:hover {
	border: 1px dashed #fff;
}

div.photosummary .datetaken {
	color: #888;
}

div.photosummary .visits {
	color: #667;
}

p.photocaption {
	padding-bottom: 0.10em;
	border-bottom: 1px solid #5b7499;
	margin-top: 0;
	margin-bottom: 5px;
	height: 2.5em;
	font-size: 120%;
}

p.photocaption b {
	font-weight: 800;
}

span.resolution {
        text-decoration: underline;
}

div.photo span.photocaption {
	background-color: #94b6e8;
	border-bottom: 1px solid #5b7499;
}

div.footer {
	float: right;
	width: 100%;
	border-top: 3px dotted black;
	text-align: right;
}

span.small {
	font-size: 10pt;
}

span.right {
	display: compact;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

div.displaydesc {
	float: right;
	width: 97%;	
	text-align: left;
	padding: 5px;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 5px;
	background-color: #CABAA0;
	border: 2px solid #BA9AA0;
	font-size: 10pt;
}

div.browseby {
	float: right;
	width: 97%;	
	text-align: left;
	padding: 5px;
	margin-left: 1%;
	margin-right: 1%;
	background: #0d3738 url('background-mosaic-aqua-ripple.jpg') top left repeat;
	border: 2px solid #0d4343;
	color: #a9ea39;
}

div.browseby a {
	color: #fcefa7;
}

div.browseby a:hover {
	color: #f0ff9a;
}

div.filter {
	float: right;
	width: 97%;	
	text-align: left;
	padding: 5px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 10px;
	background-color: #CACAB0;	
	border: 2px solid #BABAA0;
}

p div.browseby {
	display: compact;
	padding: 0;
	margin: 0;
	border: 0;
}

.nopadding
{
	padding: 0;
	margin: 0;
	border: 0;
}

/* nice forms */
form {
	margin-left: 25px;
}

form input, form select, form textarea {
	background: #ccd;
	border:	1px solid #9097A2;
	color: #444;
}

form input:hover, form select:hover, form textarea:hover {
	background: #ccd;
	color: #000;
	border: 1px solid #666;
}

form input:focus, form select:focus, form textarea:focus {
	background: #eee;
	color: #000;
}

input[type="submit"] {
		background: #ccc;
		color: #444;
		font-weight: bold;
		margin-left: 2px;
		border-bottom-width: 2px;
		border-right-width: 2px;
}

input[type="reset"] {
		margin-left: 2px;
}

input[type="submit"]:hover, input[type="reset"]:hover {
	background: #eef;
	border: 1px solid #888;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}