/* --- Standard HTML Elements --- */
body   {text-align: center ; color: #3f0 ; font-family: Tahoma, Arial, Helvetica ; background: #000000 ; }

/* --- Layout ID Areas --- */
#page { width: 800px ; text-align: center ;  margin : auto ; }
#header { height: 103px ; background: #000000 url('/images/awakenedlands_logo.jpg') top left no-repeat; width: 800px ; clear : both ; }
#footer { border-top: 2px solid red ; font-size: 12px ; height: 15px ; clear: both ; padding: 5px ; }
#menu { float: left ; width: 147px ; padding : 15px 0 15px 10px ; }
#content { float: right ; width: 625px ; padding : 15px 0px 15px 15px}
#content p { line-height : 17px ; }

/* --- Format Classes --- */
.menuheader { background: #000000 url('/images/awakened_lands_menu_header.gif') top left no-repeat;}
.menustatsbody { background: #000000 url('http://www.awakenedlands.com/images/menu_stats_body.gif') top left repeat-y; vertical-align: text-top ; font-size: 11px ; padding : 0 6px 0 6px ;}
.menustatsbody img.statusbar { padding-bottom : 3px ; }
.menu { vertical-align: text-top ; padding: 15px 0 15px 6px ; font-size: 12px }
#footer .left {text-align: left ; font-size: 10px ;}
#footer .right {text-align: right ; font-size: 10px ;}
#footer a { text-decoration: none ; color: #3f0 ; }
#footer a:hover {color: red ; font-weight: bold ;}
#content .contentheader { color: white ; border-bottom: 1px solid red ; border-left: 2px solid red ; font : 18px bold Tahoma, Arial, Helvetica; text-indent: .5em;}
#content .contentbody { color: white ; padding-top: 10px ; font : 12px Tahoma, Arial, Helvetica; }
/*#content .contentbody img { margin: 15px; }*/

/* --- Link Formating -- */
#menu a { text-decoration: none ; color: #3f0 ; }
#menu a:hover {text-decoration: underline ; color: red ; font-weight: bold ;}

/* --- Form Element Formatting --- */
#registration td { font-family : Tahoma, Arial, Helvetica ; font-size : 12px ;}
#registration td.header { font : 15px bold Tahoma, Arial, Helvetica ; text-align : center ; height : 40px ; }
#registration input { border : none ; background-color : #333333 ; border-top : 1px dotted #ff0000 !important ; border-top : 1px solid #ff0000 ;  border-bottom : 1px dotted #ff0000 !important ; border-bottom: 1px solid #ff0000 ; color : #3f0 ; padding : 0 5px 0 5px ;}
#registration input:focus { background : #111111 ; }
#registration select:focus { background : #111111 ; }
#registration input[type=submit]:hover { background : #111111 ; border-top : 1px inset #ff0000 !important ; border-top : 1px inset #ff0000 ;  border-bottom : 1px inset #ff0000 !important ; border-bottom: 1px inset #ff0000 ; }
#registration select { border : none ; background-color : #333333 ; border-top : 1px dotted #ff0000 ; border-bottom : 1px dotted #ff0000 ; color : #3f0 ; padding : 0 0 0 5px ; width : 310px ; }
#login input { border : none ; background-color : #000000 ; border-top : 1px dotted #ff0000 !important ; border-top : 1px solid #dd0000 ; border-bottom : 1px dotted #ff0000 !important ; border-bottom : 1px solid #dd0000; color : #3f0 ; padding : 0 5px 0 5px ;  margin : 0 0 7px 0 ; text-align: center ; width: 134px ; }
#login input:focus { background : #222222 ; }
#login input[type=submit]:hover { background : #111111 ; border-top : 1px inset #ff0000 !important ; border-top : 1px inset #ff0000 ;  border-bottom : 1px inset #ff0000 !important ; border-bottom: 1px inset #ff0000 ; }

/* --- contentbody Format Elements -- */
.contentbody a { text-decoration: none ; color : red ; font-weight : bold ; }
.contentbody a:hover { text-decoration: none ; color : #3f0 ; font-weight : bold ; }
.contentbody ul, ol { margin: 15px ; padding: 15px ; border : 1px dotted red !important ; border : 1px solid red ; width : 80% ; background: #333333 ; }
.contentbody li { padding : 2px 10px 5px 5px ; margin: 0 0 0 20px ; }
.contentbody table { width: 100% ; font-size : 92% ; border : 1px dotted red !important ; border : 1px solid #990000 ; background: #333333 ; color : white ; padding : 5px ; }
.contentbody table.news { width: 100% ; font-size : 92% ; border : 1px dotted red !important ; border : 1px solid #990000 ; background: #555555 ; color : white ; padding : 5px ; }
.contentbody th { text-align : left ; border-bottom : 2px solid black ; background : #282828 ; }
.contentbody td { border-bottom : 1px dotted black !important ; border-bottom : 1px solid black ; }
.contentbody h3 { font : 14px Tahoma, Arial, Helvetica ; border-bottom : 1px solid red ;  }
.contentbody tr.highlight { border-bottom : 1px dotted green !important ; border-bottom : 1px solid green ; background : #393939 ; }
.contentbody tr:hover { border-bottom : 1px dotted green !important ; border-bottom : 1px solid green ; background : #444444 ; }
.contentbody td.mailbody {background : #444444 ;}
.contentbody td.mailfooter {background : #111111 ; text-align: center }
.contentbody input { height : 21px ; border : none ; background-color : #555555 ; border-top : 1px dotted #ff0000 !important ; border-top : 1px solid #ff0000 ;  border-bottom : 1px dotted #ff0000 !important ; border-bottom: 1px solid #ff0000 ; color : #3f0 ; padding : 0 5px 0 5px ;}
.contentbody input:focus { background : #111111 ; }
.contentbody select:focus { background : #111111 ; }
.contentbody input[type=submit]:hover { background : #111111 ; border-top : 1px inset #ff0000 !important ; border-top : 1px inset #ff0000 ;  border-bottom : 1px inset #ff0000 !important ; border-bottom: 1px inset #ff0000 ; }
.contentbody select { border : none ; background-color : #555555 ; border-top : 1px dotted #ff0000 ; border-bottom : 1px dotted #ff0000 ; color : #3f0 ; padding : 0 0 0 5px ; width : 310px ; }

.contentbody a.sublinks {text-decoration : none ; color : #00FF00 ; font-size : 95% ; font-weight : 300 ;}