/* Front page bits */
.fpmain {
 width: 100%;
 float: left;
/* padding-top: 0.5em; */
}

.fpcontent {
 float: left;
 width: 650px;
 background-color: transparent;
}

.fpcontent img {
 margin: 10px;
}

.headline
{
 clear: both;
 position: relative;
 float: left;
 width: 750px;
 padding: 0;
 text-align: left;
 border: 5px solid white;
 background-color: #e6e6e6;
}

.headline a {
 text-decoration: none;
}

.areatitle, .areatitle a {
  color: #666666;
  padding: 0.25em 0 0 0.5em;
}

#headpic
{
 margin-left: 10px;
 width: 365px;
 float: left;
 padding-bottom: 1em;
}

.headtext
{
 width: 365px;
 padding: 0 1em 1em 1em;
 float: left;
 line-height: 1.5em;
}

.updates {
 width: 325px;
 padding: 0 1em 1em 1em;
 float: left;
 line-height: 1.5em;
}

.majorarea
{
 width: 125px;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 1em;
 padding-left: 0;
 background-color: #FFFFFF;
 float: left;
 text-align: center;
}

.majorarea h4 {
 padding-bottom: 0;
}

.majorarea a:hover img
{
 opacity: 0.5;
 filter: alpha(opacity = 50);
}

/* sidebar = menu on right had side */
.sidebar {
 color: #333333;
 float: right;
 width: 155px;
 font-size: 92%;
 padding: 0;
 text-align: left;
 border: 5px solid white;
 background-color: #e6e6e6;
}

.sidebar h4 {
 padding-left: 0.5em;
}

.sidebar ul {
 padding: 0.5em 0 0.5em 0.25em;
 margin: 0;
 list-style-type: none;
}

.sidebar ul ul ul {
 padding: 0 0 0 10px;
 margin: 0;
 list-style-type: none;
}

.sidebar a {
 color: #333;
 display: block;
 padding: 0.4em;
 text-decoration: none;
 width: 95%;
}

.sidebar a:hover {
 background-color: #DDDDDD;
 color: #000;
 font-weight: bold;
}

.sidebar a:active {
 background-color: #fff;
 color: #fff;
}

.bigbutton {
 padding: 0px;
/*  padding: 1em 0 0.6em 0; */
 border-left: 4px solid #bbbbbb;
 border-right: 4px solid #757575;
 border-top: 4px solid #cccccc;
 border-bottom: 4px solid #666666;
 background-color: #EAC8D0;
 text-align: center;
}

.bigbutton h2, .bigbutton p, .bigbutton a {
 font-weight: bold;
 line-height: 1.5em;
 border: 0px;
 padding: 5px;
 margin: 0px;
}

.bigbutton img {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

.otherarea
{
 width: 190px;
 margin: 0;
 padding: 0;
 float: left;
}

.otherarea p
{
 line-height: 1.5em;
/* margin: 0.5em 0 0.5em 0; */
 padding-left: 0;
 padding-right: 0;
}

.otherarea a:hover {
 font-weight: normal;
}

.grey {
 background-color: #DDDDDD;
}

.greybottom {
 border-bottom: 1px solid #DDDDDD; 
}

#affiliate {
 margin-top: 3em;
}