/*
----------------------------------
GTOOMF CSS File
Designed by: Vanessa
----------------------------------
*/

* { margin: 0; padding: 0; }

/*
----------------------------------
Basics and Essentials
----------------------------------
*/

body {
background: #282828 url(redbg.gif) repeat-x top center;
margin: 0 auto;
font-family: Arial, "Tahoma", sans-serif;
font-size: 11px;
text-align: center;
color: #000; }

#container {
background: #D9D9D9;
margin: auto;
width: 636px;
position: relative;
text-align: left; }


#header {
background: url(redheader.jpg) no-repeat top center;
border: 0;
height: 297px;
width: 636px;
margin: 0 auto; }

#nav {
background: #000;
width: 636px;
height: 48px;
text-align: center;
position: relative;
color: #FFF; }


#content {
float: left;
margin-left: 14px;
padding-bottom: 10px;
width: 607px;
text-align: justify; }


#footer {
background: #472E2E;
height: 45px;
text-align: center;
clear: both; }

  #fakefooter { height: 0; clear: both; }

 .bottom {
font-size: 12px;
line-height: 1.4em;
margin: auto;
width: 636px;
padding-top: 14px;
font-family: Helvetica, "Arial", sans-serif;
color: #8C7C3F; }


.infobox {
background: #996962;
height: 60px; width: 180px;
position: relative;
top: 215px; right: 30px;
float: right;
padding: 7px;
text-align: justify;
line-height: 1.4em; }


/*
----------------------------------
Other Elements
----------------------------------
*/

a:link,
a:visited,
a:active {
    background: none;
    text-decoration: none;
    border-bottom: 1px solid #01364F;
    color: #01364F; }

a:hover {
    background: none;
    text-decoration: none;
    color: #8D0E09; }

blockquote {
background: #FFF;
border-top: 2px solid #365E71;
border-bottom: 2px solid #365E71;
margin: 5px 60px 5px 60px;
padding: 10px;
line-height: 1.7em;
text-align: justify;
color: #333; }

img, a:link img, a:visited img { border: 3px solid #60847A; padding: 1px; margin-right: 7px; }

a:hover img { border: 3px solid #FFF; }

 .bottom a, .bottom a:visited { color: #8A8880; border-bottom: 0; }
 .bottom a:hover { text-decoration: underline; }

p { margin-bottom: 10px; line-height: 2em; }
p.center { text-align: center; }
strong, b { color: #2C1B02; }
acronym { border-bottom: 1px dashed #01364F; }

#content ul { 
line-height: 1.7em; 
margin-bottom: 5px; 
list-style-type: square;
margin-left: 45px; }


ol { list-style: decimal; margin-bottom: 5px; line-height: 1.6em; }
ol li { margin-left: 25px; }

h1, h2 { font-weight: normal; }

h1 {
font-family: Arial Black,  "Trebuchet MS", sans-serif;
font-size: 26px;
font-variant: small-caps;
text-align: left;
clear: both;
color: #8D0E09;
margin-bottom: 10px;
margin-left: 120px;
padding-left: 20px;
border-left: 20px double #8C7C3F;  }

h2 { 
font-family: Tahoma, "Verdana", sans-serif;
font-size: 20px;
text-align: right;
margin-bottom: 5px;
margin-right: 200px;
padding-right: 7px;
text-transform: lowercase;
letter-spacing: 2px;
clear: both;
border-right: 10px double #113242;
color: #000; }

/*
----------------------------------
Navigation Menu
----------------------------------
*/

.menu {
width: 636px;
height: 48px;
clear: left;
list-style: none;
margin: 0 auto;
padding-top: 12px;
padding-left: 24px;
font-size: 24px;
line-height: 1em; }

.menu li {
float: left;
height: 48px; }

.menu li a, .menu li a:visited {
text-transform: lowercase;
font-family: Trebuchet MS, "Verdana", sans-serif;
text-align: center;
letter-spacing: 3px;
border: 0;
padding: 10px 18px 10px 18px;
color: #FFF; }

.menu li a:hover {
background: #365E71; }

/*----------------------------------Form Styles----------------------------------*/

input, textarea, select {
background: #FFF;
border: 1px solid #365E71;
font-family: Arial, "Verdana", sans-serif;
font-size: 11px;
padding: 2px;
color: #999; }

input.show_join_submit_button, input.show_join_reset_button, input.show_update_submit_button {
background: #365E71;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 5px;
font-size: 12px;
color: #FFF; }
