html, body {
  margin: 0;
  padding: 0;
}

body {
  background: #272a2a url( '../body_bg.png' ) repeat-x;
}

body, p, li, td {
  font-family: arial, helvetica;  
  color: #ddd;
  font-size: 0.9em;
}

h1 {
  font-size: 1.6em;
  color: #ff000f;
}

h2 {
  color: #df232d;  
  margin-bottom: 0;
}

h3 {
  color: #df232d;  
  margin-top: 30px;
  margin-bottom: 0;  
}

h4 {
  color: #df232d;  
  margin-top: 30px;
  margin-bottom: 0;
}

p {
  margin-top: 10px;  
}

a {
  color: #df232d;  
}

img {
  border: 0;
}
#outer {
  width: 900px;
  margin: 0 auto;    
}

#header {
 width: 900px;
 position: relative;
 background: url( '../header_bg.png' ) no-repeat; 
}

#content {
  width: 900px;
  margin: auto;  
  background: url( '../content_bg.png' );
}

#right {
  float: right;
  width: 596px;
  padding: 20px 30px 20px 30px;
}

#left {
  float: left;
  width: 244px; 
}

#textsize {
  height: 26px; 
  text-align: right;
  padding: 14px 10px 0px 0px;
}

#textsize a {
  color: #888;
  text-decoration: none;  
}

#textsize a:hover, #textsize a.selected {
  color: #ddd;  
}

#textsize a.size1 {
  font-size: 11px;
}

#textsize a.size2 {
  font-size: 16px;  
}

#textsize a.size3 {
  font-size: 20px;
}


#banner {
  width: 900px;
  height: 250px;
  position: relative;
}

#logo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 244px;
  height: 250px;  
  background: #ddd;
  opacity: 0.7;  
  filter: alpha(opacity=70);
  -moz-opacity:0.7;    
  
}

#logo img {
  margin-top: 60px;
  margin-left: 30px;  
}

#menu {
  padding-top: 36px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;  
}

#menu li {
  margin: 0;
  padding: 0;
  position: relative;
}

#menu li ul {
  display: none;
}

#menu li:hover ul {
  background: #e0e1e1;
  display: block;
  position: absolute;
  width: 244px;
  top: 0;
  left: 244px;  
}

#menu a {
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  color: #303535;
  display: block;
  padding: 10px 0px 10px 32px; 
  text-decoration: none;  
}


#menu li:hover ul a {
  color: #303535;  
}

#menu a:hover, #menu li:hover a, #menu li:hover a:hover {
  color: #ddd;  
}

#menu li:hover ul li:hover {
  background: #df232d;
}

#menu li:hover {
  background: #df232d;
  position: relative;  
}


#menu li ul li:hover {
  margin: 0;
  padding: 0;  
}

#menu li ul a {
  padding-left: 10px;
  letter-spacing: 0em;
  font-size: 1.2em;
  color: #303535;
}


#footer {
  height: 30px;
  background: url( '../footer_bg.png' ) no-repeat center;
  padding-top: 70px;
  margin: 0px auto;  
}

#footer p {
  line-height: 25px;
  text-align: center;
  color: #666;
  font-size: 0.75em;
  letter-spacing: 0.05em;
  margin: 0;    
}

#footer a {
  color: #eee;  
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;  
}

#footer a.facebook img, #footer a.twitter img {
  margin-right: 4px;
  vertical-align: middle;
}

.form fieldset { border: none; padding: 0; }
.form input, .form textarea, .form select { font-size: 1em; }
.form p { margin-bottom: 2px; width: 100%; overflow: hidden; }
.form label { padding-right: 10px; width: 150px; height: 22px; line-height: 22px; float: left; text-align: right; }
.form label.red { color: red; }
.form label.text { width: 260px; float: right; text-align: left; }
.form input { padding: 2px; width: 260px; float: left; }
.form textarea { padding: 2px; width: 260px; height: 66px; float: left; }
.form input.submit { width: auto; margin-top: 20px; }


.clear { clear: both; height: 1px; }