/* lotlstyles.css */

/* Block all default margins and padding */
* {
  margin:0;
  padding:0;
}

/* Wrapper contains the layout */
#wrapper{
  width:50em;
  /* Centers the layout (newer browsers) */
  	  margin: 0 auto;
/* color for left and right columns*/
	background-color:#E4E4CB; 
    position:relative;
}

body{
  background-color:#3A5630; 
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size:1em;
  text-align:center;
   
}

#branding{

 /* For absolutely-positioned hyperlinks */
  position:relative;
  height:6.3em;
  background:#adb58d;
  color:#000;
  text-align:center;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
		}

/** branding division hyperlinks **/
#branding a{
	position:absolute;
	text-decoration:none;
	height:2em;
	width:6.3em;
	line-height:2em;
	color:#000;
	font-size:1em;
	left: 674px;
	width: 90px;
	top: 6em;
}

#branding h1{
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  color:#000;
  font-size:2em;
  font-weight:normal;
  letter-spacing:0.08em; 
  }
#branding h2{
font-family:Verdana, Geneva, Arial, sans-serif;
  font-style:italic;
  color:#000;
  font-size:1em;
  font-weight:normal;
  letter-spacing:0.08em; 
  }

#branding a:link, #branding a:visited{
  color:#000;
}

#branding a:hover{
  color:#663300;
}

#branding a:active{
  color:#FF00FF;
}

/* Fixes the mysterious image gap */
#branding img{
  display:block;
}

/* For centered navbar only */
    #navbar #centeringdiv{
       width:25em; /*Must be equal to, or slightly greater than, actual navbar width */
       margin:0 auto;    
    }
    
/* For centered navbar only. Put class="firstitem" in first li tag */
    .firstitem{
       border-left:solid 1px #ccc;
    }

/************ LEFT COLUMN *****************/

#leftcolumn{
	/* #content left margin must match this width */
    width: 14em;
	float: left;
    text-align:left;
    background-color:#E4E4CB; 
  	color: #000;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	font-size: 0.85em;
	margin:0.05em 0.05em 0 0.05em;
}

#leftcolumn a, #rightcolumn a {color:#000; font-size: 1em; font-weight: normal; }
#leftcolumn a:hover {color: #666633;}
#leftcolumn h3, #rightcolumn h3 {
	color:#000;
	font-size: 1em;
	font-weight: bold;
	padding-top: 0.5em;
	text-align:center;
	margin:0 0.05em;
	} 

#leftcolumn li, #rightcolumn li { margin: 0.5em; padding: 0.05em 0.05em 0 0.05em; color: #000; list-style-type:none}
#leftcolumn ul, #rightcolumn ul { padding: 0.5em 0.85em 0.8em 0.85em;}

#leftcolumn p
{   width:80%;
    padding:0.5em;
    margin: 1em auto; 

    }

/* Applies to images in the leftcolumn div */
#leftcolumn img{
  width:75%;

}	
	
/************ RIGHT COLUMN *****************/
#rightcolumn {
  width:14em;
  float:right;
    background-color:#E4E4CB;
    color:#000;
	font-size: 1em;
	font-weight: normal;
	padding-top: 0;
	text-align: left;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	font-size: 0.85em;
	margin:0.05em 0.05em 0 0;
	}

#rightcolumn a:hover {color: #666633}

#rightcolumn p{
  width:80%;
  padding:0.5em;
  margin: 1em auto; 
}
#rightcolumn img{
  width:80%;

}
/********** Navbar division styles **********/ 
/* Navbar division */ 
#navbar{
	background:#2F3E17;
	/* Left/right margins must match left/right column widths */ 
    margin: 0 12em 0 12em;
	height:1.6em;
	/* For absolutely-positioned navbar */ 
       position:absolute;
	top:6.3em; /* Same as branding div height */
	left:0; /* Same as leftcolumn width */
	width:26em; /* Layout width minus leftcolumn width */
	border-bottom:thick;
	border-color:#006600;
} 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
list-style-type:none; 
} 

/* List items in the navbar */ 
#navbar li{ 
float:left; 
/* Required for drop-down menus */ 
position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
text-decoration:none; 
font-family:Verdana, Geneva, Arial, Sans-Serif; 
color:#fff; 
background:#2F3E17;
display:block; 
height:2em; 
width:8em; 
border-right: solid 1px #ddd; 
line-height:2em; 
text-align:center;
font-size:80%; 

} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
background:#484113;
color:#fff; 
} 

/* Drop-down menu styles */ 
/* Applies to drop-down menus in navbar */ 
#navbar li ul{ 
position:absolute; 
z-index:100; 
visibility:hidden; 
} 

/* Make drop-down visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
visibility:visible; 
top:1.3em; 
left:0; 
} 

/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{ /* IE6 hack */ 
background:#2F3E17; /* Removes background image */ 
color:#fff; 
text-align:left; 
display:block; 
width:10em; 
padding:0 0 0 1em; 
height:auto; 
} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */ 
background:#484113; 
color:#fff; 
} 

/* IE6 hack applies to its table drop-down */ 
#navbar table { 
margin:-1px; 
border-collapse:collapse; 
position:absolute; 
top:0.5em; 
left:0; 
z-index:100; 
} 



/****** CONTENT *******/
#content{
margin:1.6em 12em;
padding: 0.5em;
text-align:center;
font-family: Verdana, Brush Script MT, cursive, Geneva, Arial, Sans-Serif;
background-color:#fff;
color:#000;
}

#content p, #content ul, #content ol{
   text-align:left;
   line-height:1.25em;
   font-size:0.8em;
   }
   /* Applies to lists in the content division */
#content ul, #content ol{
   padding: 5px 5px 5px 10px;
}
 #content h1{
font-family: Charcoal, Impact, sans-serif;
  font-style:italic;
  color:#fff;
  font-weight:normal;
  font-style:italic;
  font-variant:small-caps;
  letter-spacing:0.08em; 
  }
#content h2{
font-family: Charcoal, Impact, sans-serif;
  font-style:italic;
  color:#fff;
  font-weight:normal;
  font-style:italic;
  letter-spacing:0.08em; 
  }

div.figure {
  float: right;
  width: 40%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.figure1 {
  float: left;
  width: 45%;
  border: thin silver solid;
  margin: 0.2em;
  padding: 0.2em;
}
div.figure1 p, {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figure2 {
  float: right;
  width: 45%;
  border: thin silver solid;
  margin: 0.2em;
  padding: 0.2em;
}
div.figure2 p, {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.issue {
  float: left;
  width: 90%;
  border: thin black solid;
  margin: 0.2em;
  padding: 0.2em;
}
div.issue p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
/** branding division hyperlinks **/
div.issue a{
color:#000;
  font-style: italic;
  font-size: 1em;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
}


/****** FOOTER *******/
#footer{
clear:both;
text-decoration: none;
font-family:Verdana, Geneva, Arial, Sans-Serif;
font-size:80%;
background-color:#3A5630;
color:#fff;
text-align:center;
  }
  
#footer a:link, #footer a:visited{
  color:#470400;
  text-decoration: none;
}

#footer a:hover{
  color:#fff;
  text-decoration: none;
}
#footer a:active{
  color:#1bb498;
  text-decoration: none;
}

@media print{
/* Start printer-friendly styles */
/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide navbar,and footer */
#navbar,
#footer{
display:none;
}
/*End printer-friendly styles */