/* Table Layout */

table.layout {
    margin: 0px auto;
    padding: 0px;
    background: #fff;
    border: none;
    text-align: left;
}
td.layout  {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}


#ctf_table td.instructions { 
    padding: 0.2em; 
    background: #ddf;
}
#ctf_table td.dropzone {
    font-weight: bold;
    padding: 1.0em; 
    text-align: center;
}
#ctf_table td.folders { 
    padding: 0.2em;
}

/* front page stuff */

#header_fp_menu {
    height: 32px;
    background-image: url('/img/menu_bg.jpg');
    background-position: left top;
}

#header_fp {
    margin: 0px;
    height: 112px;
    float: left;
}

/* Header stuff */

#header_cell { 
    background-image: url('/img/header.jpg');
    background-position: left top;
    background-repeat: no-repeat;
}

#header_menu {
    background-image: url('/img/menu_bg.jpg');
    clear: left;
    height: 32px;
}

#header a, #header_fp a {
    padding-left: 40px;
    display: block;
    overflow: hidden;
    height: 110px;
    width: 260px;
    text-indent: -999em;
}

#header h1 {
    padding: 10px 0px 10px 20px;
    margin: 0px; 
}



#search_box {
    padding: 0px 10px 0px 10px;
    margin: 0px;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    float: right;
    background: #BCCE92;
}

#feature_box {
    background: white;
    padding: 10px 10px 10px 15px;
    margin: 20px 23px 20px 12px;
    border: solid #aaa 1px;
}

#news_box {
    background: white;
    padding: 0px 10px 10px 15px;
    margin: 0px 20px 20px 0px;
    border: solid #aaa 1px;
}

#event_box {
    background: white;
    padding: 10px 10px 10px 15px;
    margin: 15px 20px 0px 0px;
    border: solid #aaa 1px;
}


/*
 * bottom sidebar usually has search and a couple links, and maybe a logo.
 */ 
#sidebar h3 {
    margin-top: 40px;
    padding-left: 20px;
}
 
 

#side_menu,  #more_side_menu {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 223px;
}



#search_form { /* Sidebar search elements */
    margin-left: 20px;
}

#search_form h3 {/* Sidebar search elements */
    padding: 0px;
    margin: 0px;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
}

                                                                                 

#front_page_left_side {
    vertical-align: top;
    background: #D1D0BC;
}
#left_side {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 10px;
    background: #C1D1D1;
}
#left_side p { padding: 0px 10px 0px 10px; }

div.side_content h4 { 
    padding: 0px;
    margin: 0px;
    color: #000;
}

div.side_content { 
    padding: 10px; 
    border-bottom: solid #666 1px;
}

#front_page_left_side_content {
    margin: 1em;
}


#front_page_content {
    padding: 1em 1em 1em 2em;
    background-image: url('/img/content_background.png');
    background-position: left top;
    background-repeat: repeat-y;
}

#main_content {
    padding: 1em 1em 1em 2em;
    background-image: url('/img/content_background.png');
    background-position: left top;
    background-repeat: repeat-y;
}

/* template: multisection_with_images */
.tpl_section {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 1em 0em 0em 0em;
  padding: 0px;
  _height: 1%;
  overflow: hidden;
  clear: both;
}

.tpl_section_image {
  width: 150px;
  margin: 1em 0em 0em 0em;
  padding: 0em;
  text-align: center;
  float: right;
}

.tpl_section_image img {
  border: none;
}
.tpl_section_image a {
  border: none;
}

.tpl_section_text {
  width: 515px;
  margin: 0px;
  padding: 0px;
  float: left;
}

.tpl_section_text h3 {
  color: #a7af38;
  margin: 1em 0em 0.2em 0em;
  padding: 0px;
}
.tpl_section_text h3 a {
  color: #a7af38;
  border-color: #a7af38;
  text-decoration: none;
}

.tpl_section_text p {
   margin: 0px;
   padding: 0px;
}



/**********************************************************************************************
 * #content wraps the footer where the footer menu is usually displayed as a list of links plus
 * some static info.
 */

 /*  footer elements start here  */


#footer_cell {
    background: #336;
    color: #fff;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    text-align: center;
    font-size: 11px;
    padding: 10px 10px 12px 10px;
}
#footer_cell a {
    color: #fff;
}