BODY
 {
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
  background-color: #FFFFFF;
  overflow: auto;
 }

html
{
 overflow: -moz-scrollbars-vertical;
}

ul
{
padding: 0;
list-style-type: none;
margin: 10px 0 0 40px;
list-style-type: none;
}

li
{
background-image: url(http://www.eartclub.com/images/bullet.jpg);
background-repeat: no-repeat;
background-position: 0 4;
vertical-align: top;
line-height: 1.4em;
padding-left: 1.4em;
margin-left: -20px;
}

hr {
color: #CDCDCD;
height: 1px;
border: 0px;
background-color: #CDCDCD;
}

A:link {COLOR: #666666; text-decoration: none}
A:active {COLOR: #666666; text-decoration: none}
A:visited {COLOR: #666666; text-decoration: none}
A:hover {COLOR: #BB071A; text-decoration: underline}

A.inv:link {COLOR: #250ff2; text-decoration: underline}
A.inv:active {COLOR: #250ff2; text-decoration: underline}
A.inv:visited {COLOR: #250ff2; text-decoration: underline}
A.inv:hover {COLOR: #250ff2; text-decoration: none}

A.mail:link {COLOR: #000000; text-decoration: none}
A.mail:active {COLOR: #000000; text-decoration: none}
A.mail:visited {COLOR: #000000; text-decoration: none}
A.mail:hover {COLOR: #000000; text-decoration: underline}

A.event:link {COLOR: #000000; text-decoration: underline}
A.event:active {COLOR: #000000; text-decoration: underline}
A.event:visited {COLOR: #000000; text-decoration: underline}
A.event:hover {COLOR: #666666; text-decoration: underline}

A.search:link {COLOR: #000000; text-decoration: none}
A.search:active {COLOR: #000000; text-decoration: none}
A.search:visited {COLOR: #000000; text-decoration: none}
A.search:hover {COLOR: #666666; text-decoration: none}

A.profile:link {COLOR: #666666; text-decoration: underline}
A.profile:active {COLOR: #666666; text-decoration: underline}
A.profile:visited {COLOR: #666666; text-decoration: underline}
A.profile:hover {COLOR: #000000; text-decoration: underline}

A.green:link {COLOR: #FFFFFF; text-decoration: none}
A.green:active {COLOR: #FFFFFF; text-decoration: none}
A.green:visited {COLOR: #FFFFFF; text-decoration: none}
A.green:hover {COLOR: #FFFFFF; text-decoration: underline}

A.footer:link {COLOR: #EEEEEE; text-decoration: underline}
A.footer:active {COLOR: #EEEEEE; text-decoration: underline}
A.footer:visited {COLOR: #EEEEEE; text-decoration: underline}
A.footer:hover {COLOR: #000000; text-decoration: underline}

A.mhigh:link {COLOR: #666666; text-decoration: none;}
A.mhigh:active {COLOR: #666666; text-decoration: none;}
A.mhigh:visited {COLOR: #666666; text-decoration: none;}
A.mhigh:hover {COLOR: #BB071A; text-decoration: underline;}

.main { font-family: verdana; font-weight: normal; font-size: 11px; color: #000000 }
.mail_body { font-family: verdana; font-weight: normal; font-size: 12px; color: #000000 }
.box_top { font-family: verdana; font-weight: bold; font-size: 11px; color: #FFFFFF }
.evstrip { font-family: verdana; font-weight: normal; font-size: 11px; color: #000000 }
.search { font-family: verdana; font-weight: normal; font-size: 11px; color: #000000 }
.sub_titles { font-family: verdana; font-weight: bold; font-size: 11px; color: #000000 }
.profilesub { font-family: verdana; font-weight: normal; font-size: 11px; color: #666666 }
.profile_titles { font-family: verdana; font-weight: normal; font-size: 11px; color: #000000 }
.menu { font-family: verdana; font-weight: bold; font-size: 12px; color: #FFFFFF }
.news { font-family: verdana; font-weight: normal; font-size: 9px; color: #666666 }
.event_list_sub { font-family: verdana; font-weight: normal; font-size: 10px; color: #666666 }
.event_list_sub_foot { font-family: verdana; font-weight: normal; font-size: 9px; color: #666666 }
.title { font-family: verdana; font-weight: bold; font-size: 11px; color: #4c4c4c }
.mem_title { font-family: verdana; font-weight: bold; font-size: 13px; color: #000000 }
.footer { font-family: verdana; font-weight: normal; font-size: 9px; color: #EEEEEE }
.error { font-family: verdana; font-weight: bold; font-size: 11px; color: #C80116 }
.confirm { font-family: verdana; font-weight: normal; font-size: 11px; color: #008000 }
.diary_titles { font-family: verdana; font-weight: normal;  text-decoration: none; font-size: 11px; color: #000000 }
.green { font-family: arial; font-weight: normal; font-size: 11pt; color: #FFFFFF }

.hiddenPic {display:none;}

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 0px solid #9f0012; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
overflow-x: hidden;
overflow-y: hidden;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 3px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 0px 0 0px;
padding: 0;
text-transform: none;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0px 4px 0px 0px; /*Margin between each menu item*/
padding: 4px 10px;
background-color: #444444; /*Brown color theme*/
border-top: 0px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #aab7cb; /*Brown color theme*/
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #aab7cb; /*Brown color theme*/
color: #FFFFFF;
border-color: #FFFFFF; /*Brown color theme*/
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 740px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
/*width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}