/* CLEAR FIX*/
.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 */



html {
height: 100%;
}

body {
    background-image: url("images/aloe_page_bg.jpg");
    background-repeat: repeat-y;
    background-position: 50% 0;
		margin:0;
	padding:0;
	height: 100%;
       font-family: Verdana;
       font-size: 15px;
	line-height: 120%;
       color: #000500;
       text-align: left;
}
 
.holder {
  height:100%;
	position: relative;
	min-width: 1000px;	*width: 1000px;
	max-width: 1000px;
  	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	padding-bottom: 110px;
}


.Append
	{
	position: relative;


}

.Clear {  clear: both; height: 0; overflow: hidden; width: 1000px;}

.clear_both { clear: both; } 

.navigation {
  height:auto; width:25%; 
  color:white;
  border-color:maroon; 
  border-style:solid; 
  border-width:1px; 
  float:left; 
  background-color:#4852B7
}

.content {
  height:auto; 
  width:99%; 
  min-width:300px;
  border-color:maroon; 
  border-style:solid; 
  border-width:0px; 
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.fp_lhcol {
  height:auto; 
  width:60%; 
  float:left;

}

.fp_rhcol {
  height:auto; 
  width:40%; 
  float:left;

}

.thumbnail_holder {
  float:left;
  background-color: #cccccc;
  margin: 5px; 
  height:90px;
}

.survey_diag_left {
float: left; border-bottom: 2px solid #ffb200; text-align: left; margin-left: 5px; margin-top: 15px;
}

.survey_diag_right {
float: right; border-bottom: 2px solid #ffb200; text-align: right; margin-right: 5px; margin-top: 15px;
}

.title_bar {
	z-index: 1;
	position: relative;
 	height:auto; 
	min-width: 990px; *width: 990px;
	max-width: 990px;
	background-color: #008000;
	padding: 5px;
	margin-top: 20px;
}

.menu_bar {
	z-index: 1;
	position: relative;
  	height:auto; 
	min-width: 990px; *width: 990px;
	max-width: 990px;
	background-color: #EFF4FE;
	padding: 5px;
	text-align: right;
}

.lhs_menu {
	z-index: 1;
	position: relative;
	float: left;
  	height:auto; 
	min-width: 246px; *width: 246px;
	max-width: 246px;
  border-color:#ffff00; 
  border-style:solid; 
  border-width:2px; 
	background-color: #feff80;
	padding: 0;
	margin: 0;
	text-align: left;
}

.rhs_content {

height: auto; width:700px; float: left; margin-left:20px;
}

.small_dropshadow {
	margin: 0; padding: 0;
	*width: 990px; line-height: 2px;
	position: relative;
  	height:2px; 
	background-image: url("images/2px_dropshadow.jpg");
	margin-bottom: 20px;
}

.footer_bar {
	position: relative;
	margin-top: -50px;
	height:50px; 
	min-width: 1000px;
	max-width: 1000px;
	background-color: #008000;
	 margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	padding: 0px;
	

  clear:both;

}


.maintitle {
       padding: 5px;
       font-family: arial;
       font-size: 40px;
       font-weight: bold;
       color: #FFFF00;
       text-align: left;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
       }
	   
.mainsubtitle {
       padding: 3px;
       font-family: arial;
       font-size: 18px;
       font-weight: bold;
       color: #FFFF00;
       text-align: left;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
       }   

H1 {
       padding: 0px;
       font-family: arial;
       font-size: 24px;
       color: #000000;       
       text-align: left;
	   line-height: 120%;
}

H2 {

       font-family: Arial;
       font-size: 20px;
       color: #000000;
       font-weight: bold;
       text-align: left;
	   line-height: 120%;
}

H3
{
	font-family: Arial;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 120%;
}

.text {
       padding: 0px;
       text-align: left;
       }

.smalltext {
       padding: 0px;
       font-family: Verdana;
       font-size: 10px;
       color: #000500;
       text-align: left;
	   line-height: 100%;
       }

.statstext {
       padding: 0px;
       font-family: Verdana;
       font-size: 11px;
       color: #000500;
       text-align: left;
	   line-height: 100%;
       }
P {
        vertical-align: top;
        text-decoration: none;
}

LI.warnings	{        font-family: Verdana; font-size: 10px; color: #ff0000;  text-align: left; }

a.menulink:link     { font-family: arial; font-size: 15px; color: #008000; text-decoration: none; font-weight: bold; border-bottom:0px	}
a.menulink:visited  { font-family: arial; font-size: 15px; color: #008000; text-decoration: none; font-weight: bold; border-bottom:0px	}
a.menulink:active   { font-family: arial; font-size: 15px; color: #008000; text-decoration: none; font-weight: bold; border-bottom:0px	}
a.menulink:hover    { font-family: arial; font-size: 15px; color: #008000; text-decoration: underline; }

A:ACTIVE 	{ font-family: Verdana; font-size: 15px; color: #008000; text-decoration: none; font-weight: bold;	}
A:LINK 		{ font-family: Verdana; font-size: 15px; color: #008000; text-decoration: none; font-weight: bold;	}
A:VISITED 	{ font-family: Verdana; font-size: 15px; color: #008000; text-decoration: none; font-weight: bold;	}
A:HOVER 	{ font-family: Verdana; font-size: 15px; color: #008000; text-decoration: underline;			}
		
a.green_bg:link     { font-family: arial; font-size: 15px; color: #ffffff; text-decoration: none; font-weight: bold; border-bottom:0px	}
a.green_bg:visited  { font-family: arial; font-size: 15px; color: #ffffff; text-decoration: none; font-weight: bold; border-bottom:0px	}
a.green_bg:active   { font-family: arial; font-size: 15px; color: #ffffff; text-decoration: none; font-weight: bold; border-bottom:0px	}
a.green_bg:hover    { font-family: arial; font-size: 15px; color: #ffffff; text-decoration: underline; }

a.largelink:link     {font-family: arial; font-size: 15px; color: #008000; font-weight: bold;}
a.largelink:visited  {font-family: arial; font-size: 15px; color: #008000; font-weight: bold;}
a.largelink:active   {font-family: arial; font-size: 15px; color: #008000; font-weight: bold;}
a.largelink:hover    {font-family: arial; font-size: 15px; color: #008000; font-weight: bold; text-decoration: underline;}

a.statstext:link     {font-family: arial; font-size: 11px; color: #008000; font-weight: bold;}
a.statstext:visited  {font-family: arial; font-size: 11px; color: #008000; font-weight: bold;}
a.statstext:active   {font-family: arial; font-size: 11px; color: #008000; font-weight: bold;}
a.statstext:hover    {font-family: arial; font-size: 11px; color: #008000; font-weight: bold; text-decoration: underline;}