@charset "utf-8";
/* CSS Document */

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:62.5%;
  color:#150900;
  text-align:center;
  background-color:#FBCB26;
  margin:0;
  }
  
a {
  color:#413000; 
  text-decoration:none;
  }
  
a:visited {
  color:#413000;
  text-decoration:none;
  }
  
a:hover {
  color:#550000;
  text-decoration:underline;
  }
  
img {
  border:0;
  }
  
/* div {
  border:solid #000000 1px;
  }  */
  
/* Header & footer stylesheet ============================= */
 
#header {
  padding-top:20px;
  width:800px;
  margin:0 auto;
  text-align:left;
  }
  
.menu_bg {
  background-color:#FF9900;
  height:10px;
  width:800px;
  }
  
#logo {
  background-color:white;
  }
  
#logo_holder {
  width:800px;
  margin:0 auto;
  background-image:url(../images/community_logo.jpg);
  background-repeat:no-repeat;
  height:100px;
  }

#logo_holder p {
  text-align:right;
  margin:0;
  }
  
#volume {
  font-size:1.6em;
  font-weight:bold;
  padding-top:40px;
  color:#b96318;
  }
  
.date {
  font-size:1.2em;
  color:#633b1b;
  font-style:italic;
  }
  
#footer {
  background-color:#FBCB26;
  }
  
#footer_container {
  width:800px;
  margin:10px auto;
  text-align:right;
  }
  
/* End header & footer stylesheet ================================ */

/* Main menu =================================================== */
ul#main_menu {
  padding:0;
  margin:0;
  text-align:right;
  }
  
#main_menu li {
  display:inline;
  padding:5px 10px;
  }
  
#main_menu li a {
  font-size:1.2em; 
  font-weight:bold;
  }

.selected {
  font-size:1.2em;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#FF9900;
  }
  
/* End Main Menu ================================================== */

/* Body =================================================== */

#content_area {
  background-color:#fbdd6f;
  padding:20px 0;
  margin-top:10px;
  }
  
#container {
  width:800px;
  margin:0 auto;
  }
  
#content {
  float:right;
  width:540px;
  color:#222;
  }
  
#clear_container {
  clear:both;
  }


/* End Body =================================================== */

/* Submenu =================================================== */
  
#submenu {
  background-color:#FF9900;
  width:240px;
  float:left;
  }

/* Index Menu */   
#index #submenu_a {
  height:560px;
  border:solid #FF9900 1px;
  }
  
#index #submenu_b {
  height:150px;
  border:solid #FF9900 1px;
  }
/* End Incex Menu */

.submenu_wrapper {
  padding:0 20px 20px 20px;
  text-align:left;
  }
  
.submenu_wrapper p {
  color:#FFFFFF;
  font-size:1.6em;
  font-weight:bold;
  margin:25px 0 5px 0;
  }
  
.submenu_wrapper ul {
  padding-left:20px;
  margin:0;
  list-style:circle;
  }

.submenu_wrapper li {
  margin-bottom:10px;
  }
  
.submenu_wrapper li a {
  font-size:1.2em; 
  }

  
/* End Submenu ================================================== */

/* horizontal ruler ================================================== */

.ruler_a {
  width:100%;
  border:0;
  height:1px;
  color:#fbdd6f;
  background-color:#fbdd6f;
  }
  
.ruler_b {
  width:100%;
  border:0;
  height:20px;
  color:#fbdd6f;
  background-color:#fbdd6f;
  }

.ruler_c {
  width:100%;
  border:0;
  height:1px;
  color:#FF9900;
  background-color:#FF9900;
  margin:30px 0;
  }

/* End horizontal ruler ================================================== */