/* <!-- */
/* General styles */


/* Table */

.center
{ 
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color:#ffffff;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color:#ffffff;
}

/* Table */


#container {
width: 50%;
position: absolute;
left: 25%;
margin-left: -25%;
}

.thumbnail {
display:block;
margin-left:auto;
margin-right:auto; 
margin-top:10px;
margin-bottom:10px;
padding:0px;
text-align:center;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
display:block;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display:none
}


.thumbnail:active span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 150px; /*position where enlarged image should offset horizontally */

}

#spanlink {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color:#ffffff;
text-align:center;

}


p.central {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color:#ffffff;
text-align:center
}

.drop {
font-family:verdana, arial, helvetica, sans-serif;
color:#fff;
font-size:2.4em;
font-weight:normal;
line-height:100%;
letter-spacing: normal
}

.heading {
font-family:"Times New Roman", Times, serif;
color:#fff;
font-size:2.0em;
font-weight:normal;
line-height:100%;
letter-spacing: normal;
}

.heading2 {
font-family:"Times New Roman", Times, serif;
color:#fff;
font-size:1.2em;
font-weight:normal;
line-height:100%;
letter-spacing: normal;
}

form {
clear: both;
}

form fieldset {
border:1px solid #fff;
margin:0;
padding:1em 1em 1em 5em;
margin: 0 25% 0 23%;
}

form fieldset legend {
font-family:"Times New Roman", Times, serif;
font-size:150%;
font-style: italic;
font-weight: bold;
color:#e9df55;
background-color:#000;
margin: 0 0 0 -.5em;
padding:.5em;
}

label,input,select {
display:block;
width:200px;
margin: 0;
}

textarea {
width: 250px;
height: 150px;
margin-bottom: .5em;
}

.textbox {
color:#000;
background-color:#CBD4E3;
font-family:Arial, sans-serif;
font-size:.9em;
border:1px solid #fff;
padding:.3em;
}

.submitbutton {
background-color:#CBD4E3;
border:1px solid #fff;
color:#282D36;
width:80px;
}

hr { width: 75%; valign: center; color: #ffffff;}

br {clear:all;}


div#table 
{
	display:block;
      margin-left:20%;
	margin-right:0%; 
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	
}



div#navigate 
{
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
}

div#navigate div#prev,
div#navigate div#up,
div#navigate div#next,
div#navigate div#link
 
{
	display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 20px;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 1.0em; 
      font-weight: bold;

}

div#navigate div#indexpage
{
  	display: inline;
 	vertical-align: middle;
  	padding: 10px;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 1.2em; 
      font-weight: bold;
      text-align: center;
 	}

div#gallery a:link, 
div#gallery a:visited
{

}

div#gallery a:hover
{
}

div#gallery a:active
{
}

div#gallery img 
{
 	border-width: 0;
      border:4px solid #fff; 

}

div#gallery h1
{
 	font-weight: bold; 
 	font-size: 1.2em; 
}

div#gallery h2
{
 	font-weight: bold; 
 	font-size: 1.4em; 
}

div#gallery table
{
	margin: 0 auto;
	border: 0;
	border-collapse: collapse;
}

div#gallery td.thumb
{
	vertical-align: middle;
 	text-align: center;
	border: 0;
	padding: 5px 10px;
	margin: 0 auto;
}

div#gallery img.thumb
{
 	margin: 0;
 	padding: 0;
 	border: 2px #FFFFFF solid;
}

div#gallery img.thumb:hover 
{
 	border-color: #0000ff;
}

div#gallery img.thumb:active
{
}

div#gallery img.activethumb
{
 	border: 2px #f0f solid;
}

div#gallery p.thumb
{
	margin: 0;
 	padding: 0;
	font-size: 1.0em; 
}

div#gallery p
{
      margin-left:12%;
	margin-right:12%; 
	padding: 0;
	font-size: 1.0em; 
}

div#gallery ol 
{ 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color:#ffffff;
text-decoration: none;
margin-left:12%;
margin-right:12%; 

}

div#gallery td#imgpg
{
	padding: 20px;
	vertical-align: middle;
}

div#gallery img.pg
{
}

div#gallery a
{
text-align:center
}


div#gallery p.pg
{
	margin:0;
 	padding: 1em 0 0 0;
}


div#navlisttop
{
text-align:center;

}

div#navlistbottom
{
text-align:center;

}

#navlisttop li
{
padding: 0 0px 0 0px;
display: inline;
list-style-type: none;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em; 
font-style: normal;
font-weight: 600;
font-variant: normal;
text-decoration: none;
text-align:center;
}

#navlistbot li
{
padding: 0 0px 0 0px;
display: inline;
list-style-type: none;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em; 
font-style: normal;
font-weight: 600;
font-variant: normal;
text-decoration: none;
text-align:center;
}


img.photo {
border:4px solid #fff; 
display:block;
margin-left:auto;
margin-right:auto; 
margin-top:10px;
margin-bottom:10px;
padding:0px;
text-align:center;
}

img.btn {
border: 0px; 
display:inline;
margin-left:auto;
margin-right:auto; 
margin-top:10px;
margin-bottom:10px;
padding:0px;
text-align:center;

}


p {  font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em; font-style: normal; font-weight: 500; color:#ffffff; text-decoration: none; align: justify
}


br {clear:both;}
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background:#000000;
min-width:600px;    /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
}


div.float {
float: left;
width: 200px;
padding: 5px;
margin-left: 20px;
display: inline;
}

div.float p {
text-align: center;
}

div.float img {
border-color: fff;
}

div.float p {
text-align: center;
}


a {
color:#fff;
text-decoration: none;
padding:0 5px 0 5px;
}

a:hover {
color:#000;
background:#fff;
text-decoration:none;
}

a.central {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
color:#ffffff;
text-align:center;

}

h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p {
margin:.4em 1.2em .8em 1.2em;
padding:0;
}
img {
margin:10px 0 5px;
}
/* Header styles */
#header {
clear:both;
text-align: center;
width:100%;
}

#header {
border-bottom:1px solid #000;
}


#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}

#header {background-color: #000000;

}


/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* 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 */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}
/* Full page settings */
.fullpage {
background:#000;		/* page background colour */
}
.fullpage .col1 {
width:96%;				/* page width minus left and right padding */
left:2%;				/* page left padding */
}

h1 {  font-family: verdana, arial, helvetica, sans-serif; font-size: 1.0em; font-style: normal; font-weight: 600; font-variant: normal; color:#ffffff; text-decoration: none; text-align: center; 
)

h2 {  font-family: verdana, arial, helvetica, sans-serif; font-size: 1.0em; font-style: normal; font-weight: 600; color: #ffffff; text-decoration: none; text-align: center
}


/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
}
#footer p {
padding:10px;
margin:0;
}


/* --> */
</style>