body	{
	text-align:			justify;
	color:				#000000;
	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: #0C1C3E url('button-mosiac.png');
}

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:				1px solid #606060;
	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 {	
//	background-color: #9F95FF;
	border-top: 1px solid black;
	padding-bottom: 10px;
	padding-left: 10px;
	}

table.record {
	width:				95%;
	background-color:		none;
	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;
	font-style:			none;
	padding:			0;
	margin:				0;
	margin-left:                    5px;
        border-bottom:                  2px dotted #3A1696;
	}

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

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: none;
	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;
	margin: 5px;
	text-align: center;
	background-color: #b7cce0;
	padding-bottom: 5px;
	width: 270px;
}

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: 2px dotted #0c2e60;
	margin: 3px;
}

div.photosummary img:hover {
	border: 2px solid #0c2e60;
}

p.photocaption {
	padding-bottom: 0.10em;
	border-bottom: 1px solid #5b7499;
	margin-top: 0;
	margin-bottom: 5px;
}

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

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: #0e7258 url('background-mosaic-aqua.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;
}
