/* 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:#00529c; 
    position:relative;
	border:thick;
	border-bottom-color:#000000;
	border-bottom:2px solid black;
border-right:2px solid black;
border-left:2px solid black;
}

.shadow2{
box-shadow: 1px 2px 7px #000;
-webkit-box-shadow: 1px 5px 7px #000;
-moz-box-shadow: 1px 5px 7px #000;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=7, offY=7, positive=true);
}


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

#branding{

 /* For absolutely-positioned hyperlinks */
 
  position:relative;
  height:6.3em;
  background:#00529c;
  color:#000;
  text-align:center;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  	border-bottom:#666666;
	border-bottom:thin;
	text-decoration:none;
		}

/** branding division hyperlinks **/
#branding a{
	position:absolute;
	text-decoration:none;
	height:2em;
	width:6.3em;
	line-height:2em;
	color:#000;
	font-size:1em;
	left: 860px;
	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;
  color:#000;
  font-size:1em;
  font-weight:normal;
  letter-spacing:0.08em; 
  }

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

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

#branding a:active{
  color:#FF00FF;

}



/* Fixes the mysterious image gap */
#branding img{
  display:block;
  	text-decoration:none;

}

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}

/* 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:#00529c; 
  	color: #fff;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	font-size: 0.85em;
	margin:0.05em 0.05em 0 0.05em;
}

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

#leftcolumn 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;}
.redtext {color:red}

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

    }

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

}	

#navcontainer { width: 11em; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 10em;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
.redtext: color:#FF0000;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
.redtext {color:red}
.list2 {list-style: square inside; color:blue}
.blacktext {color:black}


/************ RIGHT COLUMN *****************/
#rightcolumn {
  width:14em;
  float:right;
    background-color:#00529c;
    color:#fff;
	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 li { margin: 0.5em; padding: 0.05em 0.05em 0 0.05em; color: #fff; list-style-type:circle; 	text-decoration:none; }

#rightcolumn a:hover {color:#000000;}
#rightcolumn a {color:#fff; font-size: 1em; font-weight:bold; text-decoration:none; }
#rightcolumn p{
  width:80%;
  padding:0.5em;
  margin: 1em auto; 
}
#rightcolumn img{
  width:80%;

}
#rightcolumn h2 {
  padding:0.5em;
  }
  
/********** Navbar division styles **********/ 
/* Navbar division */ 
#navbar{
	background:#a1061f;
	/* Left/right margins must match left/right column widths */ 
    margin: 0 12em 0 12em;
	height:25px;
	/* For absolutely-positioned navbar */ 
       position:absolute;
	top:106px; /* Same as branding div height */
	left:1px; /* Same as leftcolumn width */
	width:416px; /* 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;
 font-size:80%;
color:#fff; 
background:#a1061f;
display:block; 
height:2em; 
width:6em; 
border-right: solid 1px #ddd; 
line-height:2em; 
text-align:center;
outline-style:none;
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
background:#036;
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:#036; /* 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:#00529c; 
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 *******/
#mainContent{
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;
}

#mainContent p, #mainContent ul, #mainContent ol{
   text-align:left;
   line-height:1.25em;
   font-size:0.8em;
    margin: 0.5em; 
   }
   
   /* Applies to lists in the content division */
#mainContent ul, #mainContent ol{
   margin: 0.5em; 

}

#mainContent li {
  margin: 0.5em;}


#mainContent h1{
font-family: Charcoal, Impact, sans-serif;
  font-style:italic;
  color:#ooo;
  font-weight:normal;
  font-style:italic;
  font-variant:small-caps;
  letter-spacing:0.08em; 
  }
#mainContent h2{
font-family: Charcoal, Impact, sans-serif;
  color:#ooo;
  font-weight:normal;
  letter-spacing:0.08em; 
  }


/*** CODE FOR FORM ***/
label
{
width: 10em;
float: left;
text-align: right;
font-weight:bold;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 10.5em;
}
input
{
color:#000;
background:#CCCCCC;
border: 1px solid #000;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
fieldset
{
border: 1px solid #781351;
width: 30em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 



/****** FOOTER *******/
#footer{
clear:both;
text-decoration: none;
font-family:Verdana, Geneva, Arial, Sans-Serif;
font-size:80%;
background-color:#00529c;
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;
}
#footer .footertext {
font-size:x-small;
color:#470400;
}

@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 */