/* ESM Meeting Management CSS Version 1.0
    By: Jason Vanstone of Along the Design www.alongthedesign.com */
 
body {
	margin: 0;
	padding: 0;
	background: #000 url(img/ESMBackground.png) 0 0;
	border: solid 0px #000;
	height: auto;
  width: auto;
  
	font-size: 62.5%;
	}

/* Container,  Top, Main,  & Bottom */
	
#container {
	margin: 0em auto;
	padding: .5em 0;
	background: #000;
	border: solid 0px #000;

  width: 89em;
  height: 100%;
	}

/* Image Banner */
#top {    
  margin: 0em auto;
  padding: 0; 

  border: solid 0x #000;
  border-top: solid 1px #971125;
  height: 17em;
  width: 88.25em;
  }
  
#main {
  margin: 0em auto;
  padding: 0em 1em 0em 0em;
  height: 36em;
  width: 87.25em;
  border: solid 0px #000;
  background-color: #fff;
  overflow: none;
  
  font: normal 1em Helvetica, Arial, San-Serif;
  color: #000;
  line-height: 110%;
  }

/* Bottom Copyright Banner  */ 
 #bottom {    
  margin:  0em	auto;
  padding: 1em 1em 1em 3em; 
  position: static;
  background-color: #fff	;
  border: solid 0px #000;
  border-bottom: solid 1px #971125; 
  height: 1em;
  width: 84.25em;
  
  font: normal 1em Helvetica, Arial, San-Serif;
  color: #603;
  line-height: 110%;
  text-align: right;
  }

/* Menu Structure  (Including a:link) */

#menu {
  margin: 0 .25em;
  padding: 0;
  background-color: #FFF;
  border: 0;
  width: 70.55em;
  height: 2.75em;
  
  font: bold 1.25em Helvetica, Arial, Sans-Serif;
  text-align: left;
  }
  
#menu ul {
  margin: 0 auto;
  padding: 0;
  background-color: #ccc;
  border: solid 1px #aaa;	
  list-style: inline;
  width: 100%;
  height: 2.65em;
  }
	
#menu li {
  margin: 0;
  padding: 0;
  border: solid 0px #000;
  display: inline;
  width: 8em;
  height: 100%;
  }  

#menu a:link, #menu a:visited {
  margin: 0;
  padding: 0;
  display: inline-block;
  background-color: #ccc;	
  border: solid 1px #bbb;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
	width: 8em;
  height: 100%;
  float:left;

  color: #333;
  text-align: center;
  text-decoration: none;
	line-height: 240%; 
  }
  
#menu a:hover {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-decoration: none;
  background-color: #bbb;
  border: solid 1px #aaa;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #971125;
  width: 8em;
  height:100%;
  text-align: center;
  }
 
 #menu .frMenu {
  margin: 0;
  padding: 0;
  display: inline-block;
  border-left: solid 1px #aaa !important;
	text-decoration: none;
	border-top: 0;
  border-bottom: 0;
  border-right: 0;

	color: #000;
  width: 8em;
  height: 100%;
  float: right;
  text-align: center;
  }
  
#menu .menulight { 
  margin: 0;
  padding: 0;
  display: inline-block;
  background-color: #ccc !important;
  text-decoration: none;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #603 !important; 
  width: 8em;
  height: 100%;
  text-align: center;
  }
 
#menu hr {
  width: 0;
  height: 0;
  border: 0;
  }
/* End Menu  Structure */


/* Header Sections */
 #main h2 { 
  margin: 0;
  padding: 0;
  font: bold 2.35 Helvetica, Arial, Sans-Serif;
  }
  
 #main h3 { 
  margin: .5em 0 0 0;
  padding: 0;
  font: bold 1.25em Helvetica, Arial, Sans-Serif;
  line-height: 120%;
  }
  
#top h2 {
  margin: 0em;
  font-size: 0em;
  color: #fff;
  }
 
/* Paragraph Structures */
#main p {
margin: 1em 0 .5em 0;
padding:0;
}

#bottom em { 
 margin: 0em 0 0 0;
 float: left;
 font-size: 1em;
 }

#paragraph {
 margin: .5em 0 0 2em;
 padding: .5em 1em 0 1em;
 background-color: #fff;
 border: solid 0px #ccc;
 height: 24em;
 width: 39em;
 float: left;
 overflow:none;
 
 font-size: 1.35em;
 line-height: 110%;
 }

#quote {
  margin: 1em 0;
	padding: 1em 0 0 2em;
	float: right;
	border-left: solid 1px #ccc;
	background-color: #fff;
	width: 15.5em;
	height: 17em;
	text-align: left;
	font: italic 1.5em Helvetica, Arial, sans-serif;
  line-height: 130%;
  color: #603;
  }
  
  
 /* Links (minus #menu) */
 #main a:link, #main a:visited {
  color: #603;
  text-decoration: none;
  }  
  
 #main a:hover {
  color:  #971125;
  text-decoration: none;
  }  
  /* Used mainly to test layout */
 .fleft { margin: 0; padding: 0; float: left; }
 .fright { margin: 0; padding: 0; float: right !important; }
	

/* Lists (minus #menu) */

 #main ul {
	margin: .5em 0 0em 1.5em;
	padding: 0;
	}
	
	#main li {
	margin: 0 0 0em 0;
	padding: 0em;
	
	line-height: 110%;
	}
	
	li.intro  {
	margin: 0 0 0em 0;
	padding: .5em !important;
	
	line-height: 110%;
	}
	
	li.about  {
	margin: 0 0 0em 0;
	padding: .25em !important;
	
	line-height: 110%;
	}

/* Image Sizing */

/* Used to make the logo smaller*/

.contactImg {
 display: block
 margin: 0 0	em 0 0;
 padding: 0;
 border:0;
 float: right;
 height: 25.5em
 }
 

.websized {
  display: block;
  margin: 1em auto 0 auto;
  padding: 0;
  }
 
/*Form in the Contact section */ 
fieldset {
  margin: 1.5em 0 0 0 ;
  padding: .5em;
  border: solid 0px #aaa;
  width: 24em;
  height: 22em;
  }
  
label {
  margin: 0em 0;
  padding: 0;
  
  font: bold 1.15em Helvetica, Arial, sans-serif;
  color: #603;
  line-height: 100%;
  }
  
 input {
  display: block;
  margin: 0em 0;
  border: solid 1px #000;
  width: 20em; 
  line-height: 100%;
  }

 select {
   margin: 0em 0;
   border: solid 1px #000;
   width: 20em; 
   line-height: 100%;
   }
   
 textarea	 {
 	 display: block;
   margin: 0em 0 0 0;
   padding: 0;
   border: solid 1px #000;
   width: 20em;
   height: 6em;
   line-height: 100%;
   overflow: auto;
   
   }

#submitbutton {
  margin: 0;
  padding: 0;
  width: 10em;
  height: 2em;
  
  line-height: 100%;
  }