/* RESET DEFAULTS */

body, div, table, td, tr, ol, ul, li, p, h1, h2, h3, h4, h5, h6, a {
	margin:0;
	padding: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

a, a:hover {
   text-decoration: none;
}

a, a:active {
   text-decoration: none;
}

ul, ol, li {
   list-style-type: none;
}

/* LAYOUT AND BACKGROUNDS */

body {
   background: #000;
   text-align: center;
}

table#wrapper{
   width: 1000px;
   text-align: left;
   margin: 0 auto;
}

td#bg_left {
   background: url(../images/bg_tile_left.jpg) repeat-y top right;
}

td#bg_right {
   background: url(../images/bg_tile_right.jpg) repeat-y top right;
}

tr#footer td {
  padding: 10px 56px 10px;
}

tr#header td {
   background: url(../images/fc_volunteer_header.gif) no-repeat top center;
}

tr#login td {
   background: url(../images/bg_loginarea.gif) repeat-x top left;
}

tr#mainnav td {
   background: url(../images/bg_topnavarea_gradient.gif) repeat-x top left;
}

td#content {
   padding-bottom: 0px;
  /* background: url(../images/main_bg_bottom_tile.gif) repeat-x bottom left;*/
   border-top: 6px solid #333;
   border-left: 4px solid #333;
   border-right: 4px solid #333;
   border-bottom: 6px solid #333;
   }

tr#mainarea div {
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1e1e1e;
	border-right-color: #1e1e1e;
	border-left-color: #1e1e1e;
}

td#subnav {
   border-top: 4px solid #1e1e1e;
   border-left: 4px solid #1e1e1e;
}

td#maincontent {
   background: /* url(../images/Notebookpaperbkgrnd.gif); url(../images/maincontent_bg_tile.gif) repeat top left;*/
   background-repeat:no-repeat;
   padding: 0px; /* padding: 20px;*/
   border-top: 4px solid #1e1e1e;
}

td#subcontent {
   background: /*  url(../images/maincontent_bg_tile.gif) repeat top left;*/
   border: 3px solid #ff6c00;
}


/* GENERAL TYPOGRAPHY */

body {
   font-family: "Trebuchet MS",Trebuchet,"Franklin Gothic Medium",helvetica,arial,sans-serif;
   font-size: 12px;
   line-height: 16px;
   color: #fff;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

h1,h2,h3,h4,h5,h6 {
   padding: 8px 0;
   font-weight: bold;
}

h1 {
   font-size: 200%;
}

h2 {
   font-size: 180%;
}

h3 {
   font-size: 160%;
}

h4 {
   font-size: 140%;
}

h5 {
   font-size: 120%;
}

p {
   padding-bottom: 14px;
}

span{
   font-size: 15px;
}
/* NAVIGATION STYLES */

tr#mainnav td ul li{
   display: inline;
}

tr#mainnav td ul li a{
   display: inline;
   color: #fff;
   font-size: 115%;
   padding: 14px 10px;
   background: #7f3600 url(../images/button_bg_brown_orangestripe.gif) no-repeat top left;
   border-left: 1px solid #000;
   border-top: 1px solid #000;
}

tr#mainnav td ul li a:hover{
   color: #ffa900;
   background: #7f3600 url(../images/button_bg_brown_bluestripe.gif) no-repeat top left;
   border-bottom: 2px solid #00807f;
}

tr#mainnav td ul li a:active{
   color: #ffa900;
   background: #7f3600 url(../images/button_bg_brown_bluestripe.gif) no-repeat top left;
   border-bottom: 2px solid #00807f;
}

td#subnav {
   background: #000 url(../images/subnav_border_right.gif) repeat-y top right;
}

td#subnav ul{
   padding-top: 20px;
}

td#subnav ul li a{
   display: block;
   color: #fff;
   font-size: 120%;
   padding: 6px 0 6px 8px;
}

td#subnav ul li a:hover{
   color: #000;
   background: #00fffc;
}


/* CONTENT STYLES */
span#welcome {
   float: left;
   font-size: 130%;
   padding: 10px 0 0 20px;
}

a#loginbutton {
   display: block;
   float: right;
   color: #00fffc;
   font-size: 110%;
   background: url(../images/shiny_black_button_bg.gif) no-repeat top left;
   padding: 10px;
}

td#maincontent, td#subcontent {
   color: #444;
}

td#maincontent a, td#subcontent a{
   color: #02899D;
}

td#maincontent a, td#subcontent a{
   color: #02899D;
   border-bottom: 1px dotted #fff;
}

td#maincontent a:hover, td#subcontent a:hover{
   color: #02899D;
   border-bottom: 1px dotted #02899D;
}

td#maincontent ul, td#maincontent ol{
   padding: 0 0 10px 30px;
}

td#maincontent li{
   padding-bottom: 6px;
}

td#maincontent ul, td#maincontent ol, td#maincontent li, td#maincontent ul, td#maincontent ol, td#maincontent li{
   list-style-type: square;
}

tr#footer td {
   font-size: 80%;
   line-height: 14px;
   color: #0f6760;
}