* {
   padding:0;
   margin:0;
   }
h1, h2, h3, h4, h5, h6, p, pre, blockquote,label, ul, ol, dl, fieldset,address {
         margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
 body {
 font-size: 85%;
 font-family: tahoma, verdana, georgia, times, "times new roman", serif;
 color: #000;
 text-align: center;
 background: #bfd5d8 url(/images/trans2.gif) no-repeat top center;

 }
 a:link {
        color: #1010a8;
        background: transparent;
 }
 a:visited {
        color: #1010a8;
        background: transparent;
 }
 
 a:hover, a:active {
 color: #000;
 background: #bfbfea;
 }

 img    {
 border-style: none;
        }
/*div#banner {
	height:75px;
	width: 100%;
}*/

 div#banner  h3 {
  text-align: center;
	margin-top:33px;
	font-size: 150%;
  color: blue;
 }
div#container {
	background: transparent url(images/left.gif) repeat-y;
}

 div#navigation
 {
	left: 5px;
 color: #000;
 float: left;
 width: 180px;
 font-size: 95%;
 text-align: left;
}
div#navigation fieldset {
margin: 4px;
background: #ffe24d;
padding-left: .25em;
padding-right: 0;
}


div#navigation legend {
font-size: 125%;
}

 
 div#navigation ul
 {
 list-style-type: none;
 margin: 0;
 background: transparent;
 color: #000;
 }
 
 div#navigation ul li
 { 
  position: relative;
  margin: .35em 0 0 0;
}

div#navigation li ul {
  position: absolute;
  left: 180px;
  width: 200px;
  top: 0;
  display: none;
  padding: .25em 0;
  z-index: 100;
}
 
div#navigation ul li a
 {
 display: block;
 width: auto;
 text-decoration: none;
 color: #000;
 background: transparent;
 }

div#navigation ul li a:hover
 {
 display: block;
 color: #000;
 background: transparent;
 }
 
div#navigation ul li ul a {
 color:#000;
  background: #faf1f1;
}

ul#dmenu a {
  font-weight: bold;
}

ul#dmenu2 a {
  font-weight: bold;
}

ul#dmenu li:hover ul
{
        display: block;
        width: 180px;
  padding-left: 10px; 
  background: #faf1f1;
  border: 1px solid #c02d1b;
} 

 ul#dmenu li.over ul 
{
        display: block;
        width: 250px;
  padding-left: 10px; 
  background: #faf1f1;
  border: 1px solid #c02d1b;
} 
ul#dmenu2 li:hover ul
{
        display: block;
        width: 250px;
  padding-left: 10px; 
  background: #faf1f1;
  border: 1px solid #c02d1b;
} 

div#search      {
        padding: 1em 0;
        text-align: right;
}

 div#more {
	right: 1px;
 	float: right;
 	width: 180px;
 	color: black;
 	line-height: 1em;
 	text-align: left;
	background: white;
	border: 1px solid black;
}
 
div#more img {
	float:right;
	margin:4px;
}

 div#more h4 {
        padding: .25em .5em;
        font-size: 95%;
        line-height: 1em;
        margin:0;
				color: #ff364f;
 }

 div#more h4 a {
        padding-left: .25em;
        font-size: 95%;
        line-height: 1em;
        margin:0;
				color: #ff364f;
				
 }

 div#more h5 {
        font-size: 85%;
        padding: .25em;
        margin: .25em;
}

 div#more h5 a{
        font-size: 85%;
        padding: 0 .25em;
}

 div#more h6
 {
 text-align:right;
 line-height: 0em;
 font-size: 75%;
 font-style: italic;
 }

div#more p.center   
{
  text-align: center;
}
div#more p {
	text-align:left;
	font-size:80%;
}
	

div#content
 {
 margin-left: 175px;
 line-height: 125%;
 padding: .25em;
 }
 

 div#content h2
 {
 font-size: 2em;
 color: #1010a8;
 margin: 0 .5em 1em 1em;
 padding-top: 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: left;
 }

 div#content h3
 {
 font-size: 1.5em;
 color: #1010a8;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: left;
 }

 div#content h4.center
 {
 font-size: 1.25em;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: center;
 }

 div#content h3.center
 {
 font-size: 1.5em;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: center;
 }

 div#content h2.center
 {
 font-size: 2em;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1.25em;
 text-align: center;
 }

 div#content ul li h3
 {
        margin: 0;
}

 div#content h4
 {
 font-size: 1.25em;
 color: #1010A8;
 margin-left: 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: left;
 }
 
 div#content p
 {
 text-align: left;
 }
 
 div#content ul, ol {
 display: block;
 text-align: left;

 }

 div#content li {
        line-height: 1.25em;
}

 div#content li a 
 {
 text-decoration: underline;
 }
 
 div#content li a:hover, a:focus 
 {
  text-decoration: underline;
  background: #e4b7b7;
  color: black; 
 }

div#content img.center-bare
{
        margin: 1em;
        border: 0;
        padding: 5px;
}
div#content #thumbs {
  margin-left:auto;
  margin-right:auto;
  width: 80%;

}

div#content #thumbs .row {
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  display: block;
}

.thumbnail {
  float: left;
  width: auto;
  margin: 0 15px 15px 0;
  padding: 5px;
}

.thumbnail img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width: auto;
}

full {
  margin-left:auto;
  margin-right:auto;
  width: auto;
  margin-top:25px;
  margin-bottom:25px;
  padding: 25px;
}

.full img {
  display: block;
  margin-left:auto;
  margin-right:auto;
  width: auto;
}

.full h3 {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
}

.full h4 {
  text-align: center;
  font-size: 120%;
}

 #cleardiv
 {
 clear: both;
 height: 1em;
 }
 
div#clearleft {
        clear:left;
}

div#clearright {
        clear:right;
}


 div#footer 
 {
 clear: both;
 text-align: right;
 margin-right: 1em;
 font-size: 85%;
 line-height: 125%;

 }


div#footer h4
 {
        font-weight: bold;
        font-size: 150%;
}

img.rightbare
{
float:right;
margin: 0 0 1em 1em;
padding: .5em 1.5em .5em .5em;
}

img.leftbare
{
float:left;
margin: 0 1em 0 1em;
padding: .5em .5em .5em 1.5em;
}

em.underline {
font-style: normal;
font-weight: bold;
font-size:115%;
text-decoration: underline;
}

.left
{
  float: left;
  text-align: left;
}
  
.right
{
  float: right;
  text-align: right;
}

.center   
{
  float: none;
  text-align: center;
}
  
.justify
{
  float: none;
  text-align: justify;
}

.imagecontainer {
  padding: 5px 5px;
  margin: 10px auto;
  text-align: left;
  width: 80%;
  font-size: 95%;
  font-weight: 500;
  height: 260px;

}

.number
{
        text-align: right;
}

div#footerleft {
        position: relative;
        top: -40px;
        float:left;
  margin-left: 10px;
  text-align: center;
}

div#footerright {
        position: relative;
        top: -40px;
        float:right;
  margin-right: 10px;
  text-align: center;
}

div#footercontent {
  position: relative;
  text-align: center;
}
p.indent {
        margin-left: 5em;
        margin-right: 10em;
}
p.indentx2 {
        margin-left: 10em;
        margin-right: 15em;
}

.thumbnail
{
float: left;
width: 120px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

li.nobutton {
         list-style-type: none;
}

textarea {
        background-color: #ddd;
        color: black;
}

table.people {
  table-layout: fixed;
  border: none;
  width:100%;
  padding: .25em .25em;
  font-size: 100%;
  line-height: 125%;
  text-align:left;
}

table.people th {
 text-align: center;
 font-size: 150%;
 font-weight: bold;
 border: none;
}
table.people td {
  vertical-align: top; 
 border-bottom: 1px solid #CCC;
}
  
.clearboth { clear: both; }

#lib {
text-align: left;
}

table.layout,
table.layout th,
table.layout td
{
  border: none;
  padding: .25em .25em;
  font-size: 100%;
line-height: 125%;
}

table.layout td.lbl
{
  border: none;
  padding: .25em .25em;
  font-size: 100%;
	line-height: 125%;
	text-align:right;
	vertical-align:text-top;
}
table.layout td
{
  border: none;
  padding: .25em .25em;
  font-size: 100%;
	line-height: 125%;
	text-align:left;
	vertical-align:text-top;
}

table.layout tr {
  border-bottom: 1px solid #ccc;
}

div#datatable table
{
  width: 98%;
  border: 0px solid #000;
  margin: 10px auto;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  white-space: nowrap;
}

div#datatable tr
{
  padding: 0;
  margin: 0;
}

div#datatable tr.alternate {
  background-color: #EEE;
}

div#datatable th
{
  border: 0px;
  text-align: left;
  font-size: small;
  font-weight: bold;
  margin: 2px;
  padding: 2px;
  white-space: nowrap;
}


div#datatable td
{
  border: 0px;
  margin: 2px;
  padding: 2px;
  white-space: nowrap;
  text-align: left;
}

div#datatable td.align
{
  text-align:right
}

div#datatable th.ASC
{
  padding-left: 13px;
  background: url(/images/down.gif) 2px 50% no-repeat;
}

div#datatable th.DESC
{
  padding-left: 13px;
  background: url(/images/up.gif) 2px 50% no-repeat;
}

div#content div.rightfigure {
  float: right;
  width: 25%;
  margin: 0.5em;
  padding: 0.5em;
  padding-right: 1em;
}
div#content div.centerfigure {
  width: 25%;
  display:block;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
}
div#content div.leftfigure {
  float: left;
  width: 25%;
  margin: 0.5em;
  padding: 0.5em;
}
div#content div.rightfigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div#content div.centerfigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div#content div.leftfigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div#content img.scaled {
  width: 100%;
}

.simpletable
{
  margin:.25em;
	width: auto;
  padding: 0;
	font-size: 80%;
	border: none;
  border-spacing: 0;
	text-align: left;
}

.simpletable th
{
	border: none;
  margin:0;
  padding:.25em;
  text-align:center;
	font-weight: bold;
}
.simpletable th.inp
{
	border: none;
  margin:0;
  padding:.25em;
  text-align:left;
	font-weight: bold;
}

.simpletable tr.required {
font-weight:bold;
}

.simpletable td {
	vertical-align:text-top;
	border:none;
}	

.simpletable td.inp 
{
	vertical-align:text-top;
	border: none;
  margin:0;
  padding:.25em;
  text-align:left;
}

.simpletable td.cert 
{
	vertical-align:text-top;
	border: none;
  margin:0;
  padding:.25em;
  text-align:left;
	font-family: "times new roman"
}

.simpletable td.lbl 
{
	vertical-align:text-top;
	border: none;
  margin:0;
  padding:.25em;
  text-align:right;
}
.simpletable td.inp select 
{
	vertical-align:text-top;
	width: auto;
}

.simpletable td.inp option
{
	vertical-align:text-top;
	padding:0 .5em;
}
div#clear {
	clear:both;
}
.warning {
	color:red;
}
div.rfigure	{float: right;
		width: 22%;
		margin: 0.1em;
		padding: 0.0em;
		text-align: right;}
div.lfigure	{float: left;
		width: 22%;
		margin: 0.1em;
		padding: 0.0em;
		text-align: left;}
p.lcaption	{font-style: italic;
		text-align: left;
		font-size: 80%;
		line-height: 110%;
		text-indent: 0;}
p.rcaption	{font-style: italic;
		text-align: right;
		font-size: 80%;
		line-height: 110%;
		text-indent: 0;}
div.cfigure	{margin-left: 5%;
		margin: 0.1em;
		padding: 0.0em;
		text-align: center;}
p.ccaption	{font-style: italic;
		text-align: center;
		font-size: 80%;
		line-height: 110%;
		text-indent: 0;}
td.confleft {width: 20%;}