/* * {margin:0;padding:0;} */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {float:right; 
	padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
@media print {
  .noprint { display: none; }
  div#content { 
    display: block; 
    float: none;
    font-size: 11pt; 
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 40px;
    white-space: normal; 
  }
}
body {
  behavior:url(csshover3.htc);
  font-family: Verdana, Arial, Geneva, 'Trebuchet MS';
  font-size: 10pt;
  background-color: #fff
  color: #000;
  line-height: 150%;
}
table {
  font-family: Verdana, Arial, Geneva, 'Trebuchet MS';
  font-size: 10pt;
  background-color: #fff
  color: #000;
  line-height: 150%;
}
#header
{
    background: #9c4b9a;
    position: absolute;
    top: 0;
    left: 0;
    width: 1600px;
    height: 173px;
    z-index: -1;
}
#sidebar {
    float: left;
    margin-left: 140px;
    margin-top: 220px;
}
#content {
  margin-top: 234px;
  margin-left: 470px;
  margin-right: 140px;
}
img.random {/* scalable em size class 468px/60px banners */
  position: absolute;
  top: 0;
  left: 460px;
  width: 40em; /* replaces 468px width */
  height:200px; /* replaces 60px height */
  z-index: 45;
}
#donatenow {
  position: absolute;
  top: 20px;
  left: 495px;
  text-align: center;
  font-family: Verdana;
  font-size: 8pt;
}
#bizpledge {
  position: absolute;
  top: 0;
  left: 1011px;
  z-index: 49;
}
img.gradient {
  position: relative;
  top: 0;
  margin-left: 300px;
  width: 100px;
  height: 173px;
  z-index: 50;
}
img.logo
{
    position: absolute;
    top: 12px;
    left: 136px;
    right: 0;
    width: 340px;
    z-index: 53
}
img.logobackground
{
    position: absolute;
    top: 0;
    left: 18px;
    z-index: 52
}
.join_enet_text {
  font-family: Arial;
  font-size: 14pt;
  position: relative;
  margin-left: 20px;
  padding-top: 24px;
  z-index: 2;
}
.join_enet_box {
    width: 298px;
    height: 290px;
    font-family: "Arial";
    color: #fff;
    font-size: 17pt;
    background-image: url(../images/join-enet.jpg);
    background-repeat: no-repeat;
    z-index: 1;
}
.join_coalition_box {
    width: 298px;
    height: 134px;
    margin-top: 13px;
    margin-bottom: 25px;
    background-image: url(../images/join-coalition3.png);
    background-repeat: no-repeat;
}
.join_coalition_text {
  font-family: Arial;
  font-size: 14pt;
  color: #fff;
  position: relative;
  margin-left: 20px;
  padding-top: 20px;
}
.events_box {
    width: 298px;
    height: 580px;
    background-image: url(../images/events-long.png);
    background-repeat: no-repeat;
}
.events_text {
  font-family: Arial;
  font-size: 14pt;
  color: #fff;
  position: relative;
  margin-left: 20px;
  padding-top: 1px;
  margin-right: 20px;
  font-weight: bold;
}
div.foot
{
    background: #9c4b9a;
    left: 0;
    width: 1600px;
    height: 135px;
    margin-top: 50px;
    z-index:-1;
}
.footer_gradient {
    position: relative;
    margin-left: 800px;
    margin-top: -48px;
    width: 477px;
    height: 140px;
    background-image: url(../images/yellow-gradient.png);
    background-repeat: no-repeat;
}
.footer_text {
  font-family: Arial;
  font-size: 10pt;
  color: #fff;
  padding-left: 126px;
  padding-top:10px;
}
#navigation
{margin: 0px; width:1600px; height:35px; background:#4daf53; position: absolute; top: 173px; left: 0px; z-index: 3}

#navigation ul
{margin:0px; margin-left: 110px; margin-top: 7px; padding:0px; width: 1200px;  z-index: 3}


#navigation ul li
{display:inline; float:left; margin-left:12px; position:relative; height:30px; z-index: 3}
 
#navigation li a
{color:#fff; text-decoration:none; padding-left: 26px; background-image: url(yellow-bullet.png); background-repeat: no-repeat; font-weight: bold; z-index: 3}
 
#navigation li a:hover
{color:yellow; text-decoration:none; z-index: 3}
 
#navigation li ul
{margin:0px; padding:0px; display:none; position:absolute; left:10px; top:20px; background-color:#2f62a4;}
 
#navigation li:hover ul
{display:block; width:240px; z-index: 100; z-index: 3}
 
#navigation li li
{list-style:none; display:list-item; width:240px; z-index: 3}
 
#navigation li li a
{color:#fff; text-decoration:none; background-image: none; margin-left:-20px; min-height:0; font-size: 8pt; font-weight: bold;  z-index: 3}
 
#navigation li li a:hover
{color:yellow; text-decoration:none; z-index: 3}

#titlebar {
  font-size: 18pt; 
  color:#9c4b9a; 
  font-weight: bold;
  line-height: 30px;
}
#eventtitle, a {
  font-size: 10pt;
  color:#9c4b9a; 
  font-weight: bold;
  line-height: 150%;
  margin-top: 12px;
}
#eventabstract {
  font-size: 10pt;
  color:#fff; 
  line-height: 150%;
}
#more a {
  font-size: 10pt;
  color: yellow;
  font-weight: bold;
  text-decoration: none;
}
div.figureright {
  float: right;
  width: 20%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figureleft {
  float: left;
  width: 20%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.figureright p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figureleft p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}
.frame { padding: 5px; border: 1px solid #aaa; }
.pract {
  font-size: 12pt;
  font-weight: bold;
}