body{
  text-align:center;
  background-color: #ffffff;
  background-image: url('img/mottled.jpg');
}

#page 
{ 
  margin: 15px auto; 
  width:800px;  /* 762 */
  border:2px solid #004684;
  font: 0.9em Verdana, Arial, Helvetica, sans-serif;;
  text-align:left;
  display:block;
	background-color: #ffffff;  /* f2f1d2 */
}

#header    { 
clear:both;
margin:-2px 0px -20px -2px;
border: 0px solid #004684;
}

#header h1 {
font:18px Verdana, Arial, Helvetica, sans-serif;;
padding:0;
margin:0px;
color:#000000;
}

#header h2 {
font:18px Verdana, Arial, Helvetica, sans-serif;;
padding:0;
margin:0px;
color:#000000;
}

#header h1 a {
color: brown;
}

#main { 
	margin:20px;
	clear:both;
	}
	
#content{
  float:right;
  width:72%; 
}

#left {
  float:left;
  width:25%;
}


#main h1   
{
   font:150% Verdana, Arial, Helvetica, sans-serif;;
	 font-style: normal;
	 letter-spacing: 2px;
   padding:2px;
   padding-left:5px;
	 padding-top: 8px;
   padding-bottom: 10px;
   color: #004684;
   border-top:0px solid #004684; 
   border-right: 0px solid #004684;
   margin:10px 0px 10px 0px;
   display:block;
}


#main h2   
{
   font:150% Verdana, Arial, Helvetica, sans-serif;;
	 font-style: normal;
	 letter-spacing: 2px;
   padding:2px;
   padding-left:5px;
	 padding-top: 8px;
   padding-bottom:10px;
   color: #004684;
   border-top: 0px solid  #004684;
   border-left: 0px solid  #004684;
   margin:10px 0px 10px 0px;
   display:block;
}

#main h3   
{
   font:130% Verdana, Arial, Helvetica, sans-serif;;
	 font-style: normal;
	 letter-spacing: 2px;
   padding:2px;
   padding-left:8px;
	 padding-top: 8px;
   padding-bottom:0px;
   color: #33b44a;
   margin:10px 0px 10px 0px;
   display:block;
}


#main   p  {
  margin:6px;
	margin-bottom: 15px;
  color:#000000;
  line-height: 160%;
}

#annot p  {
color: #000000;
line-height: 130%;
font:0.9em;
}

#main   ul {
	padding:0px;
	margin:10px 0 10px 40px;
	line-height: 160%;
	}
	
#main   ul {
list-style: disc outside;
}

#footer    {
  margin:20px;
  clear:both;
  border-top: 0px solid #004684;
  text-align:center;
  color:#000000; 
  background-image: url('img/footer_image.jpg'); 
}

#nav ul {
list-style-type:none;
border:0px solid black;
padding:0px;
margin:0px;
}

#nav li 
{ 
 padding:0px;
 margin:0px;
 display:inline;
}


#nav li a 
{
 display:block;
 border-left:2px solid #004684;
 border-bottom: 1px solid #004684;
 border-top: 1px solid #004684;
 border-right: 1px solid #004684;
 padding:3px 5px 4px 10px;
 margin:8px 5px 0 0px;
 text-decoration:none;
 color: #ffffff;
 background: #004684;
 font:120% Verdana, Arial, Helvetica, sans-serif;;
}
/* 004684   7ab2cd */
#nav li a:hover
{
 display:block;
 color: #ffffff !important;
 background: #7ab2cd;
 padding:3px 5px 4px 10px;
 margin-left:0px;
 border-left:2px solid #004684;
 border-bottom: 1px solid #7ab2cd;
 border-top: 1px solid #7ab2cd;
 border-right: 1px solid #7ab2cd;
}


#main a
{
 color:#000000;
 border-bottom: 1px solid #004684;
 text-decoration:none;
 font-weight:normal;
}

#footer a
{
 color:#000000;
 border-bottom: 0px solid #004684;
 text-decoration:none;
 font-weight:normal;
}

#main a:hover, #footer a:hover
{
 color: #004684;
 text-decoration: none;
 border-bottom: 1px solid #004684;
}


#header img{
 padding:2px;
 margin:0px;
 border:0px solid #004684;
 display:block;
}

#main img{
 padding:2px;
 margin:0px 2px 3px 2px;
 border:1px solid #004684;
 display:b lock;
}


.img-left{
 float:left;
 margin-right: 10px !important; 
  border:1px solid #004684;
}

.img-right{
 float:right;
 clear:right;
 margin-left: 10px !important;
 margin-top: 5px !important;
 border:1px solid #004684;
}

hr {
  width: 80%;
  margin:  auto;
  color: #004684;
  background-color: #004684;
  text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

strong {
color: #004684;
font-size: 0.9em ;
letter-spacing: 0.2em;
}

#footer strong  {
color: #000000;
letter-spacing: 0em;
}

#lytebox a {
	text-decoration: none;
	border: 0px;
	}

/* pop-up css image */
#info {
	border: 0px solid #C2C7BE;
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 20px;
	padding: 0px 15px 0px 15px;
	position: relative;
}

#info a, #info a:visited {
	color: #8A9483;
	text-decoration: none;
}

#info a:hover {
	color: #9BA495;
	text-decoration: underline;
}


#pic {
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 10px;
	width: 135px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 90px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 233px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 300px;
}
/* end pop-up css image */


/* table format */
table.table
{ width: 480px;
background-color: #;
border: 1px #004080 solid;
border-collapse: collapse;
margin-left:15px;
border-spacing: 0px; }

td.head {
background-color: #004080;
border: 1px #000000 solid;
border-bottom: 1px #004080 solid;
text-align: left;
font-family: verdana, tahoma, arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
line-height: 160%;
padding-left: 8px;
padding-bottom: 8px;
padding-top: 8px;
color: #ffffff; }

td.data { 
border-bottom: 1px #004080 dotted;
text-align: left;
vertical-align: top;
font-family: verdana, tahoma, arial, sans-serif;
font-weight: normal;
font-size: 1.em;
line-height: 160%;
color: #000000;
background-color: #d6e0f2;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px; }
/* end table format */