/*-----------------------------------------------
[BAS] Screen Stylesheet
Stylesheet:  global.css
Author:   
Version:  1
Date:     00/00/00
Revision: 
----------------------------------------------- */
@import url("reset.css");
body { 
	background: #fff url(../images/bg_body.jpg);
	color: #444444;
  	text-align: center;
	line-height: 18px; 
  	font-size: 12px;
  	font-family: "Lucida Grande", Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif;
}
hr { 
	float: left; 
	width: 100%; 
	height: 1px; 
	margin: -8px 0; 
	padding: 0; 
	border: none; 
	clear: both; 
}
/*LINKS*/

a,
a:visited {
	color: #00087e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/*CLASSES*/
.red {
	color: #e81d26;
}
.blue {
	color: #000469;
}
.left { 
	float: left; 
}
.right { 
	float: right;
}
.center {
	width: 100%;
	margin: 0 auto;
}
.hidden { 
	visibility: hidden;
}
.clear { 
	clear: both; 
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { 
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*LAYOUT*/

#container {
  position: relative;
  width: 810px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: url(../images/bg_content.png) repeat-y;
}
#masthead {
	background: url(../images/bg_masthead.png) no-repeat;
	height: 125px;
	padding: 25px 10px 0;
	font-size: 10px;
	color: #999999;
	margin: 0px;
}
#masthead a {
	color: #999999;
}
#logo {
	float: left;
}
#logo h1 a{
	display: block;
	background: url(../images/bas_logo.jpg) no-repeat;
	width: 550px;
	height: 100px;
}
h1 span {
	display: none;
}
#forms {
	float: right;
	margin: 0 0 18px;
	padding: 0 15px 0 0;
}
#forms input {
	float: left;
}
#forms input[type="text"] {
	background: url(../images/bg_forms_input.png) no-repeat;
	width: 142px;
	height: 15px;
	padding: 2px 0 0 12px;
	margin: 0 5px 0 0;
	color: #999999;
	font-size: 10px;
	border: 0;
	clear: both
}

#content {
	background: url(../images/bg_content.png) repeat-y;
	padding: 0 10px 10px;
	margin: 0px;
}
#top{
	color: #b8bcec;
	font-size: 12px;
}
#top-text {
	background: #00024f;
	width: 502px;
	padding: 30px 90px 30px 200px;
}
#top-text a:link, #top-text a:visited{
	color: #FF0000;
	text-decoration: none;
}
#top-text a:hover{
	color: #FF0000;
	text-decoration: underline;
}
#top p {
	margin-bottom: 10px;
}
#middle {
	color: #444;
}
#bottom {
	color: #444;
}
.col1 {
	float: left;
	width: 350px;
	padding: 0 0 0 10px;
}
.col {
	float: left;
	width: 300px;
	padding: 0 0 0 10px;
}

.col li {
	font-size: 12px;
	line-height: 16px;
}
#footer {
	background: url(../images/bg_footer.png) no-repeat;
	height: 42px;
	padding: 18px 0 0;
	font-size: 10px;
	color: #000468;
	text-align: center;
}
#footer a {
	color: #000468;
}
#footer ul {
	margin: 0;
	list-style-type: none;
}
#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}

/*HOMEPAGE*/
#home #top {
	background: #00024f url(../images/bg_top_home.jpg) no-repeat;
	width: 792px;
	padding: 0;
}
#home #top_text {
	width: 437px;
	padding: 10px 25px 10px 330px;
}
#assit {
	float: right;
	background: url(../images/assit_btn.png) no-repeat;
	width: 130px;
	height: 120px;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	overflow: hidden;
}
#home #middle {
	background: #fff;
	width: 742px;
	padding: 0;
	margin: 0 25px 0 25px;
}
#home #middle h3 {
	background: url(../images/h3_middle_home.png) no-repeat;
	width: 742px;
	height: 28px;
	text-align: center;
	padding: 8px 0 0;
	font-size: 14px;
	clear: both;
}
#home #bottom {
	padding: 0 0 0 125px;
	color: #444444;
}
#home #ti{
	background: url(../images/h3_bottom_home.png) no-repeat;
	width: 792px;
	margin: 0 0 0px -125px;
}	
#home #bottom .text1 {
	font-size: 14px;	
	padding: 8px 0 0 125px;
	color: #00087e;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* @group NAVIGATION */
/*NAVIGATION*/
#nav {
	position: relative;	
	background: url(../images/nav.png) no-repeat;
	width: 792px;
	height: 29px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	clear: both;
}
#nav li {
    list-style: none;
}
#nav li a { 
    display: block;
    position: absolute;
	top: 0;
	height: 29px;
    margin: 0; 
    padding: 0; 
}
#nav_1 a, #nav_2 a, #nav_3 a, #nav_4 a, #nav_5 a, #nav_6 a  
{ background: url(../images/nav.png) 
}
#nav_1 a{
	left: 0;
	background-position: 0 0;
	width: 110px;
}
#nav_1 a:hover,
#nav_1 a.active {
 background-position: 0 -29px
}
#nav_2 a{
	left: 110px;
	background-position: 682px 0;
	width: 125px;
}
#nav_2 a:hover,
#nav_2 a.active {
 background-position: 682px -29px
}
#nav_3 a{
	left: 235px;
	background-position: 557px 0;
	width: 125px;
}
#nav_3 a:hover,
#nav_3 a.active {
 background-position: 557px -29px
}  
#nav_4 a{
	left: 360px;
	background-position: 432px 0;
	width: 80px;
}
#nav_4 a:hover,
#nav_4 a.active {
 background-position: 432px -29px
}
#nav_5 a{
	left: 440px;
	background-position: 352px 0;
	width: 140px;
}
#nav_5 a:hover,
#nav_5 a.active {
 background-position: 352px -29px
}
#nav_6 a{
	left: 580px;
	background-position: 212px 0;
	width: 212px;
}
#nav_6 a:hover,
#nav_6 a.active {
 background-position: 212px -29px;
}     
/* @end */
/*FORMS*/

input {

}
select { 
color: #999999;
font-size:10px;

}
textarea {

}

/*IMAGES*/

img.left {
	margin: 0 9px 9px 0;
}
img.right {
	margin: 0 0 9px 9px;
}
.pull-out {
	float: left;
	margin: 0 0 0 -105px;
}
.pull-out img {
	border: #9590ac 1px solid;
}
* html #home .pull-out {
	margin: 0 0 0 -52px;
}
#top .pull-out {
	margin: 15px 0 0 -160px;
	border: #585690 1px solid;
}
/* @group TYPOGRAHY */	
/*TYPOGRAHY*/

h1,h2,h3,h4,h5,h6 { 
  clear: both; 
}
h1 { 
	margin: 0;
	padding: 0;
}
h2 { 
	font-size: 24px; 
	line-height: 36px; 
	color: #e9ba79;
}
h3 { 
	font-size: 13px;
	color: #00087e;
	margin: 0 0 14px;
}
h4 { 
	font-size: 12px; 
	color: #e38a3d;
}
h5 { 
	font-size: 12px; 
	font-weight: bold; 
}
h6 { 
	font-size: 10px; 
	font-weight: bold; 
}

p { 
	margin: 0 0 18px; 
}
ul {
	margin: 10px 0 10px 25px;
	list-style-type: none; 
}
li { 
	padding: 0 0 0 12px;
	list-style-image: url(../images/bullet.jpg);
	line-height: 18px; 
	margin: 0px;
}

ol { 
	margin: 18px 0 18px 50px;
	list-style-type: decimal; 
}
dl { 
	margin: 18px 0; 
}
dl dt { 
	font-weight: bold; 
}
blockquote  { 
	margin: 18px 0 18px 23px; 
	font-size: 0.9em; 
	color: #666; 
	font-style: italic; 
}
strong { 
	font-weight: bold; 
}
em { 
	font-style: italic; 
}
pre { 
	background: #eee;
	padding: 8px;  
	margin-bottom: 18px; 
	line-height: 18px; 
	border: 1px solid #ddd; 
}
code { 
	font: 0.9em Monaco, monospace; 
}
/* @end */
/*HIDE and SHOW*/
#first{
	background: url(../images/h3_title_first.png) no-repeat;
}
#second{
	background: url(../images/h3_title_second.png) no-repeat;
}

.title {
	display: block;
	background: url(../images/h3_title.jpg) no-repeat;
	width: 792px;
	height: 27px;
	padding: 8px 0px 0px 0px ;
	text-align: left;
	cursor: pointer;
}
.title h3 {
	float: left;
}
.title h3 img {
	float: left;
	display: inline;
	margin: 3px 14px 0px 40px;
}
#middle .title img {
	background: url(../images/bg-arrow.jpg) no-repeat;
	width: 14px;
	height: 14px;
}
#bottom .title {
	background: url(../images/h3_title_bottom.png) no-repeat;
}
#bottom .title h3 {
	color: #946d2c;
	margin: 0px;
}
#bottom .title a:link,#bottom .title a:visited,#bottom .title a:active{
	color: #946d2c;
	text-decoration: none;
}
#bottom .title a{
	color: #946d2c;
	text-decoration: underline;
}
#bottom strong {
	color: #645e5e;
}
.content-in {
	padding: 10px 50px;
	margin: 0px;
}
.content-in img{
	border: 1px solid #000468;
	margin: 0 10px 0 10px;
}
#errordoc h2,
#errordoc h3{
	color: #00024f;
	text-align: center;
}
#errordoc #top {
	padding: 10px 50px 0;
	color: #00024f;
}
/*DROP MENU*/
.drop_nav {
	background :#e6b055;
	text-align:left;
	visibility: hidden;
	position:absolute;
	font-size:11px;
	line-height: 15px;
	font-weight: bold;
}
.width-exam {
	width: 235px;
	padding-top: 5px;
	padding-left: 10px;
}
#dropSpecies1 {
	margin-left: 245px;
	top: 153px;
}
.drop_nav p{
	margin-top: 8px;
	margin-bottom: 8px;
}
.drop_nav a:link, .drop_nav a:visited{
	text-decoration: none;
}
.drop_nav a:hover{
	color: #ff3333;
	text-decoration: none;
}
/*------------ CONTACT PAGE -----------------*/
.space_text{
	padding-right: 20px;
}
#billing{
	width: 350px;
	float: left;
}
#email{
	width: 300px;
	float: right;
}
/*------------ SITEMAP PAGE -----------------*/
/*---------See pdf------------*/
#bottom .title .small_text{
	font-size: 11px;
	margin: 0px;
	padding: 0 0 0 69px;
}
#bottom .title  .small_text a:link,#bottom .title .small_text a:visited{
	color: #000468;
	text-decoration: none;
}
#bottom .title .small_text a:hover{
	color: #000468;
	text-decoration: underline;
}
br{
	clear: both;
}
.yellow_bg{
	background: url(../images/yellow_bg.jpg) no-repeat;
	width: 747px;
	height: 27px;
	margin-top: 0px;
	padding: 7px 0 0 45px;
	font-size: 14px;
	color: #00087e;
	font-weight: bold;
}
.text_small{
	font-size: 11px;
}
.images_left{
	width: 123px;
	float: left;
}
.right{
	float: right;
}
#subnav {
	margin: 0 0 18px;
	
}
#subnav li {
	line-height: 24px;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}