/***********************************************/
/*         Custom CSS Settings                 */
/*  Placeholder file that can be replaced by   */
/*  user's custom.css file                     */
/***********************************************/
#body{
   background-color: #84AADB;
}

#container{
  background-color: #e0f0fb;
}

#header{
  /*override template header with new background image located in
  site's css folder.*/
  /*background-color: #84AADB;*/
  background: url(lassoc_hdr.gif) no-repeat left top;
}
.menuBox {
	background-color: #ffffff; /*  color to fill the entire horizontal bar */
    height:38px;
	border-bottom:2px solid #84aadb; /*line at bottom to be color of menu tabs */ 
}

/* use this for background-color */
.menuMouseOver {
  color: #e0f0fb /* #95b9e2;*/
}

.menuMouseOut {background-color:#e0f0fb;} /* keep it same as menuBox background*/

#mainMenu ul{
  padding: 3px 0;
  margin-left: 0;
  border-bottom: none; /*1px solid gray;*/
  list-style-type: none;
  text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#mainMenu ul li{
  display: inline;
  margin: 0;
  padding: 0px 0px 0px 0px;
  height: 35px;
  width: 100px; 
  background:url(tab.gif) #e0f0fb no-repeat left top;
}

#mainMenu ul li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
/*border: 1px solid gray;*/
border-bottom: none;
font: bolder normal 1.2em Arial, Helvetica, sans-serif; 
color:#ffffff;
}

#mainMenu ul li a:visited{
color: #ffffff;
}

#mainMenu ul li a:hover{
/*background-color:#95b9e2;*/
color: #000000;
}

#mainMenu ul li:hover{
/*background-color: #e0f0fb;*/
}

#mainMenu ul li a:active{
color: black;
}

#contentPanel {
/*	The font for this content panel is inherited from the #body id. However if you want to have
	a different color or font text here, you may add the color or font tags.	
	To allow contentPanel to grow with height of text:
	  	Remove contentPanel height and overflow.
	  	Set the .prop class to height large enough to be taller than fixedPanel.
		Remove tags from .clearContentItem
*/
	height:auto;
	overflow:auto;
	background-color: #e0f0fb;
    border-right: thin solid #000000;      
}

.prop {
	height: 500px; 	/*1px; may have to adjust*/
}

.clearContentItem {
/* 	For Content to expand do not set any clear tags here.
	For Content to scroll, set standard clear tags here.
*/
	display:none; /*block;*/
	clear:none;   /*both;*/
}

#footer {
	background-color: #e0f0fb;
	border-top: thin solid #000000;
}


#footerContent {
/*	You can change the font or color of the footerContent text by modifying those tags here.
*/
	color: #000000;
}

.designedBy  a {
	color:#0000FF;
}

.designedBy  a:hover {
	color: #FF0000;
}

/* select a template that is already on the right */
#fixedPanel {
  float: right;
}