* { margin:0; padding:0; }
body, td { font-family: sans-serif; font-weight: normal; font-size: 1em; color: #061d3d; letter-spacing: 1px; }
a, a.link { outline: none; color: #cc9900; text-decoration: none; }
a:hover, a:hover.link { color: #cc9900; text-decoration: underline; }
p { font-weight: normal; margin: 15px 0; }
h2 { margin-bottom: 6px; }
h1 { letter-spacing: 0; line-height: 110%; width:100%; text-align:center; background:url('/images/background-h1.jpg') bottom center no-repeat; margin: 10px 0 15px; padding:0 0 10px; font-size: 22px; }
img { border: 0px; }

ul { margin: 10px 0 10px 30px; }

#topbar {
  height:49px; 
  text-align: right; 
}
#hometextarea { 
  padding: 15px 0px 0px 5px; 
  color: #ffffff; 
  line-height: 130%; 
  width: 670px;
  text-align: left;
}
/* Override defaults since home has blue background */
#hometextarea h1 { letter-spacing: 0; line-height: 110%; width:100%; text-align:left; background-image: none; margin: 10px 0 10px; padding:0 0 10px; }
#hometextarea td { color: #ffffff; }

#subtextarea {
  padding: 15px 0px 0px 0px; 
  line-height: 130%; 
  width: 670px;
  text-align: left;
}
#subtextarea-wide {
  padding: 15px 0px 0px 0px; 
  line-height: 130%; 
  width: 966px;
  text-align: left;
}

#homesidebar { 
  color:#ffffff; 
  padding: 15px 5px 0px 0px; 
  width: 270px;
}

#sidebar { 
  padding: 15px 5px 0px 0px; 
  width: 270px;
  text-align: right;
  background-color: #ffffff;
}
#sidebar a, #sidebar a:link, #sidebar a:visited {
  padding:10px 0px 0px 0px; 
  text-decoration: none;
}
#sidebar a:hover {
  padding:10px 0px 0px 0px; 
  border-bottom:1px solid #7ab0e1;
}
#sidebar H1 { font-size: 1.3em; }

#footertext, #footertext p {
  background-color: #061d3d;
	color:#7ab0e1;
}
#footertext a, #footertext a:link, #footertext a:visited { 
  text-decoration: none;
	color: #7ab0e1;
}
#footertext a:hover {
  color: #ffffff;
  text-decoration: none;
}    

/**CLASSES**/
.element { float:left; position:relative; line-height:0; width:222px; margin:0 25px 25px 0; }
	.element .title { background:url("/images/box-top.gif") top left no-repeat; width:222px; height:25px; padding:5px 0 0; font:bold 14px "Lucida Grande", Arial; color:#eee; text-align:center; letter-spacing:0px; }
	.element .text { background:url("/images/box-middle.gif") top left repeat-y; width:202px; height:146px; padding:5px 10px 0; font:12px "Lucida Grande", Arial; color:#2a2a2a; line-height:16px; letter-spacing:0px; }
	.element .bottom { background:url("/images/box-bottom.gif") top left no-repeat; width:222px; height:12px; }

.socialicons {
  padding: 10px 10px 0px 0px;
  height: 64px;
  z-index: 2;  
}

.joinbox {
	position:relative;
	top: 0px;
	left: 60px;
	right: 0px;
  padding:15px 0px 10px 0px; 
  color:#e9ad03; 
  line-height: 130%; 
	font-weight: bold;
  width: 300px; 
  text-align: left;
}
.right { float:right; }   
img.right { margin-left: 4px; margin-bottom: 4px; }
.left { float:left; }
img.left { margin-right: 4px; margin-bottom: 4px; }
.imgborder { border:2px solid #ac8600; }
.small { font-size: .8em; }
.clearboth { clear: both; }
.clearall {
    clear: both;
    height: 1px;
    margin-top: -1px;
    overflow: hidden;
    }
.clear {
	position:relative;
    padding:15px 0px 0px 0px;
}

.zoomoverlay { position:relative; }
.zoomoverlayicon { position:absolute; right:0; bottom:0; }

.toolicon { height: 31px; width:31px; border: 0px; margin: 0px; padding: 0px; margin-right: 3px; }
