/* Body - inheritable by all other styles */

html, body                  {
	color:                #000;
	font-size:             0.8em;
	font-family:           Verdana, Tahoma, Trebuchet, Geneva, "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica;
	font-weight:           normal;
/*	background-color:      #008080; */
	background-image:      url("../img/bg_dots.jpg");
	background-repeat:     repeat;
	background-attachment: scroll;
	text-transform:        none;
	margin:                0 }


p       {
	color:          #007;
	font-size:     100%;
	line-height:    150%;
	text-transform: none; 
		}
p.white       {
	color:          #fff;
	font-size:     100%;
	line-height:    150%;
	text-transform: none; 
	
	}

	

p.body  {
	color:#007;
	font-size:     100%;
	line-height:150%;
	margin-top:0px; margin-bottom:0px;
	}	
	
li.fp  {
	color:#007;
	font-size:     115%;
	line-height:18px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	}	

table       {
	color:          #007;
	font-size:     100%;
	line-height:    150%;
	text-transform: none; 
	background-color:      #fff
	
	}



span.highlight 
    {
	font-size:  100%;
	font-weight: bold }


/* Anchor Settings - Settings for Red Backgrounds */
a     {
	color:          #800080;
	font-size:       100%;
	text-decoration: none }

a:link {
	color: #800080;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #800080;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color:          #800080;
	text-decoration: underline
}

a.footer     {
	color:          #ffffff;
	font-size:       100%;
	text-decoration: none }


a.footer:Hover
      {
	color:          #ffffff;
	text-decoration: underline }

a.link     {
	color:          #007;
	font-size:       100%;
	text-decoration: underline }


a.link:Hover
      {
	color:          #333333;
	text-decoration: underline }




/* Page Elements */


ol, ul
    {
	font-size:  100%;
	line-height: 200% }

img  {
	border: 0 }

	

/* Form Elements */
input, textarea
  {
	border: solid 1px }

input.flat
  {
	border: solid 1px }

select
  {
	border: solid 1px }


/* The Headings*/
h1
             {
	color:      #800080;
	font-size:   175%;
	font-family: Verdana, Tahoma, Trebuchet, Geneva, "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height: 150%;
	margin:      0 }





h2
             {
	color:      #800080;
	font-size:   150%;
	font-family: Verdana, Tahoma, Trebuchet, Geneva, "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 10px
	}





h3
            {
	color:      #800080;
	font-size:   125%;
	font-family: Verdana, Tahoma, Trebuchet, Geneva, "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height: 150%;
	margin:      0 }






h4
            {
	color:      #800080;
	font-size:   115%;
	font-family: Verdana, Tahoma, Trebuchet, Geneva, "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height: 150%;
	margin:      0 }





h5
                {
	color:      #800080;
	font-size:   110%;
	font-family: Verdana, Tahoma, Trebuchet, Geneva, "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height: 150%;
	margin:      0 }









h6
	        {
	color:      #ffffff;
	font-size:   150%;
	font-family: Verdana, Tahoma, Trebuchet, Geneva, "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica;
	font-weight: normal;
	line-height: 150%;
	margin:      0 }






/* The Sidebar Navigation */

#sidebar {
	font-family:      Verdana, Tahoma, Trebuchet, Geneva,  "Century Gothic", Frutiger_sans, sans-serif, Arial, Helvetica,  ;
    font-size: 80%;
	padding-left:-10px;
	float: left;
	width: 5px;
	}

#sidebar ul {
  margin-left: 0;
  padding-left: 0;
  background-repeat: no-repeat;		
  }
  
  
#sidebar ul li {
  margin: 2px 0 2px 0; 
  padding: 0;
  font-weight: normal;
  line-height: 18px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 2px;
  }
  
#sidebar ul li a {
  text-decoration: none;
  padding-left: 12px; /* width of icon + whitespace */
  text-align: left;	
  width: 5px;
  }
  
#sidebar a:link, #sidebar a:visited  {
	color:     #66c;
	margin-top: 0 }


#sidebar a:hover  {
	color: #aeaefe }
	


/* Footer Text */	
p.FooterAddress{
	color:          #fff;
	font-size:       95%;
	text-decoration: none }

p.Footer{
	color:          #fff;
	font-size:       115%;
	text-decoration: none }
	
table.Header_1
       {
	font-size:       100%;
	background-color: #a7e0e4 }


table.Header_2
      {
	font-size:       100%;
	background-color: #00C0C0 }


table.Footer
      {
	font-size:       100%;
	background-color: #008080 }
	
p.keywords 	
      {
	font-size: 1%;
	color: #fff }
span.keywords 	
      {
	font-size: 1%;
	color: #fff }
	
.floatRt {  
  float: right;
  }
  
.floatlt {
	float: left;
	}
	
.flr {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.fll {
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}