body {
   font-family: Tahoma, Helvetica, Arial, sans-serif;
   margin: 0;
   padding: 0;
   background-image: url(image/blue2.jpg);
   background-color: #3131AB; 
   color: #000000; /*black*/
}
/*===============indicates no border around any image ============*/
body img {
   border: 0px;
   text-decoration: none;
}
/* ============ margins auto center the container on the page ==========*/
#container {
   margin: 10px auto 10px auto;
   padding: 30px;
   background-color: #ffffff;
   width: 90%;
}

/*=================== styles for top banner ========================*/
#banner {
   background-position: left;
   padding: 10px;
   background-color: #ffffff;
   height: 200px;
   background-repeat: no-repeat;
   color: #000000;
}


/* sets style for page banner */

#logoleft {
   padding : 5px;
   margin : 0px 0px 0px 0px;
   vertical-align : top;
   background-image: url('images/your-site-banner.gif');
   background-repeat: no-repeat;
   height: 100px;
}

#logoright {

   float: right;
   width: 200px;
   height: 86px;
   margin-left: 0px;
   margin-top: 10px;
   padding: 5px;
   background-color: #FFF;
   color: #bd7b7c;
   font-size: 90%;
   font-weight: bold;
   vertical-align: top;
   text-align: right;
   font-family: Georgia, "Times New Roman", Times, serif;

}

/*styles search button color*/

.search {
   background-color: #FFFFFF;
   color: black;
   font-weight: bold;
}


/*=================== styles for top menu ======================*/
#topmenu {
   background-color: #FFFFFF;
   text-align: center;
   font-size: .90em;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-right: 10px;
   color: inherit;
   border-top: double  #3131AB;
   border-bottom:  double #3131AB;
}
#topmenu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#topmenu li {
   display: inline;
   list-style-type: none;
   padding: 0px;
   padding-right: 1em;
}

/*==============all site links==============*/

a:link {
	font-weight: bold;
	color: #3131AB;
	background: transparent;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #3131AB;
	background: transparent;
	padding: 0px;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	text-decoration : none;
	background: #3131AB;
	color: #EAE83A;
}
a:active {
	font-weight: bold;
	text-decoration : none;
	background: #3131AB;
	color: #EAE83A;
}
/*====================== styles for main content area =========================*/
#content {
   margin-left: 200px;
   padding: 5px;
   text-align: left;
   vertical-align: top;
}

/*===========content area list items==============*/
#content ul li {
   list-style-type: square;
   margin: 2px;
   padding: 2px;
}
#content li li {
   list-style-type: square;
   padding: 2px 0;
}

/* *****************************************************
Navigation Bar - Left hand side
**************************************************** */
#leftnav {
   color: #000000;
   padding: 5px;
   margin: 5px;
   float: left;
   border: 1px solid #3131AB;
   background-color: #ffffff;
   width: 175px;
}
#leftnav ul {
   list-style: none;
   margin: 0;
   padding: 0;
   margin-bottom: 4px;
}

#leftnav li {
   list-style: none;
   padding: 2px 0;
}

#leftnav ul li {
   text-decoration: none;
   margin-top: 2px;
}

#leftnav ul ul li {
   padding: 3px 0 3px 5px;
   font-size: 90%;
   font-weight: normal;
}
/*============== Styles for nav heading ===================*/
.txthd {
   color: #ffffff;
   background-color: #3131AB;
   font-weight: bold;
   text-align: center;
   display: block;
   font-size: 1.2em;
   padding-right: 10px;
   padding-bottom: 3px;}

/*============== Styles for crumb ===================*/
#crumb {
   color: #011019;
   font-size: x-small;
}

/*============== Styles for footer ===================*/
#footer {
   border-top: double #3131AB;
   clear: both;
   padding: 5px;
   background-color: #ffffff;
   text-align: center;
   font-size: small;

}
#footer p {
   margin-top: 0px;
   margin-bottom: 0px;
}
/*================== general styles =================*/
hr {
   width: 50%;
   text-align: center;
   background-color: #3131AB;
   height: 5px;
}
/* =================Styles for heading tags =============== */

h1  {
   color: #EAE83A;
   background-color: #3131AB;
   text-align: center;
   font-size: 1.5em;
}

h2 {
   font-size: 1em;
   color: #EAE83A;
    background-color: #3131AB;
    text-align: center;
}
h3 {
   color: #3131AB;
   font-size: .9em;
   text-align: center;
   text-decoration: underline;
}
h4 {
   font-size: .9em;
   color: #000000;
   text-decoration: none;
}
/*================used to center anything==============*/
.center {
   text-align: center;
}
/* ============floats images to right or left ============*/
.imgrgt {
   float: right;
   padding: 7px;
}
.imglft {
   float: left;
   padding: 7px;
}
/*============== Styles for table ===================*/
.cem {
	width: 100%;
	border: 1px solid #3131AB;
}

.cem th {
	background-color: #3131AB;
	text-align: center;
	color: #EAE83A;
	border: 1px solid #3131AB;

}
.cem td {
	vertical-align: top;
	border: 1px solid #3131AB;
	padding: 5px;
	font-size: 85%;
}

.smtxt {
	font-size:small;
}


/* ============message boxes ============*/

.messagebox a:link {
	font-weight: bold;
	color: #3131AB;
	background: transparent;
	text-decoration: none;
}
.messagebox a:visited {
	font-weight: bold;
	color: #3131AB;
	background: transparent;
	padding: 0px;
	text-decoration: none;
}
.messagebox a:hover {
	font-weight: bold;
	text-decoration : none;
	background: #3131AB;
	color: #EAE83A;
}
.messagebox a:active {
	font-weight: bold;
	text-decoration : none;
	background: #3131AB;
	color: #EAE83A;
}
/* left-hand menu - colored box */
.messagebox {
	border: #3131AB 2px solid;
	margin: 15px 0px 3px 0px;
	padding: 5px;
	background: #ffffff;
	color: #000000;
	font-size: small;
}
.messageboxheading {
	margin: 0px;
	background: #3131AB;
	color: #EAE83A;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	font-size: medium;
}


/* ============extras ============*/
.box {
   color: #000000;
   padding: 20px 20px 20px 20px;
   margin: 20px 20px 20px 20px;
   border: #3131AB;
   border-style: double;
   width: 85%;
   font-size: small;
}

/*==========================
styles for photo2 tables
============================*/

.photo {
   width: 100%;
   border-collapse: collapse;
   border: 2px solid #3131AB;
   margin-right: auto;
   margin-left: auto;
}
.photo th {
   background-color: #3131AB;
   text-align: center;
	color: #EAE83A;
	width: 33%;
}
.photo td {
   vertical-align: top;
   border: 1px #3131AB solid;
   padding: 5px;
   text-align: left;
   font-size: small;
	width: 33%;
}

/*==========================
styles for photo2 tables
============================*/
.photo2 {
   width: 100%;
   border-collapse: collapse;
   border: 2px solid #3131AB;
   margin-right: auto;
   margin-left: auto;
}
.photo2 th {
   color: White;
   background-color: #3131AB;
   text-align: center;
}
.photo2 td {
   vertical-align: top;
   border: 1px #3131AB solid;
   padding: 5px;
   text-align: center;
   font-size: small;
}
.photo2 caption {
   font-weight: bolder;
   font-variant: small-caps;
}
.photo2lft {
   width: 100%;
   border: 2px solid #3131AB;
   margin-right: auto;
   margin-left: auto;
}
.photolft th {
   background-color: #000000;
}
.photo2lft td {
   vertical-align: top;
   border: 2px solid #3131AB;
   width: 25%;
   padding: 10px;
   font-size: 85%;
}
.photo2lft caption {
   font-weight: bolder;
   font-variant: small-caps;
   font-size: 100%;
   margin-bottom: 10px;
}
.smtxt {
   font-size:small;
}

/*==========================
styles for photo3 tables
============================*/


.photo3 {
   width: 80%;
   border-collapse: collapse;
   border: 2px solid #3131AB;
   margin-right: auto;
   margin-left: auto;
}
.photo3 th {
   background-color: #3131AB;
   text-align: left;
}
.photo3 td {
   vertical-align: top;
   border: 1px #3131AB solid;
   padding: 5px;
   text-align: left;
   font-size: small;
}
.photo3 caption {
   font-weight: bolder;
   font-variant: small-caps;
}
.photo3lft {
   width: 100%;
   border: 2px solid #3131AB;
   margin-right: auto;
   margin-left: auto;
}
.photo3lft th {
   background-color: #000000;
}
.photo3lft td {
   vertical-align: top;
   border: 2px solid #3131AB;
   width: 25%;
   padding: 10px;
   font-size: 85%;
}
.photo3lft caption {
   font-weight: bolder;
   font-variant: small-caps;
   font-size: 100%;
   margin-bottom: 10px;
}
.smtxt {
   font-size:small;
}


/*==========================
styles for data tables
============================*/

.data {
   width: 100%;
   border-collapse: collapse;
   border: 2px solid #3131AB;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
}
.data th {
   color: White;
   background-color: #3131AB;
   text-align: center;
   float: none;
}
.data td {
   vertical-align: top;
   border: 1px #3131AB solid;
   padding: 5px;
   text-align: left;
   font-size: small;
}

.data caption {
   font-weight: bolder;
   font-variant: small-caps;
}
.datalft {
   width: 100%;
   border: 2px solid #3131AB;
   margin-right: auto;
   margin-left: auto;
}
.datalft th {
   background-color: #3131AB;
}
.datalft td {
   vertical-align: top;
   border: 2px solid #000000;
   width: 25%;
   padding: 10px;
   font-size: 85%;
}
.datalft caption {
   font-weight: bolder;
   font-variant: small-caps;
   font-size: 100%;
   margin-bottom: 10px;
}
.smtxt {
   font-size:small;
}
/*=========== special style for FreeFind Results Bar ============*/

#ffrclose span {
   top:1px;
}