/* Table Layout */

table.layout {
    margin: 0px auto;
    padding: 0px;
    background: #fff;
    border: none;
    text-align: left;
    -moz-box-shadow: 0 0 10px 10px #ccc;
    -webkit-box-shadow: 0 0 10px 10px #ccc;
    box-shadow: 0 0 10px 10px #ccc;

}

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;

}

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

#header_con {
    margin: 0px;
    height: 140px;
    float: left;
}

/* Header stuff */

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

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


#header a, #header_fp a, #header_con a {
    display: block;
    overflow: hidden;
    height: 110px;
    width: 230px;
    text-indent: -999em;
}


#header_cola a {
    margin-left: 640px;
    display: block;
    overflow: hidden;
    height: 30px;
    width: 320px;
    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:top;
    float: left;
    background: #ffe599;
}

#feature_box {
    background: #FFF;
	margin: 0px 20px 0px 0px;
}

/*
 * Front Page Features and Right sidebar area (donate and email updates).
 */ 

#feature_box {
	margin-left:21px;
	width: 420px;	
	float:left;

}

#right_side {
	float:right;
	margin-left:10px;
	width: 280px;
}

.goButton {
  padding:5px 10px 5px 10px;
  display: inline;
  border-top: 2px solid #063280;
  border-bottom: 2px solid #063280;
  border-left: 2px solid #063280;
  border-right: 2px solid #063280;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #7baad3;
  background: -webkit-gradient(linear, left top, left bottom, from(#063280), to(#45a0cf));
  background: -moz-linear-gradient(top, #063280, #45a0cf);
}

.goButton a {
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
  font-size:12px;
  letter-spacing:1px;
  color:#FFF;
  text-decoration:none;
  text-shadow: -2px 2px .2em #333;
	
}


#emailUpdates {
	background-image: url('../img/email-icon.jpg');
    background-position: left top;
    background-repeat: no-repeat;
	margin-bottom:30px;
	padding:0px;
}

#emailUpdates h3{
  color: #c2531b;
  font-size: 120%;
  margin:0px 0px 10px 85px;
  padding-top:15px;
  font-weight:normal;
  font-family:Georgia, Times, serif;	
}

#emailUpdates p{
  margin:0px 25px 20px 85px;
  color:#333;
  font-size:13px;
}

#donate {
	background-image: url('../img/donate-icon.jpg');
    background-position: left top;
    background-repeat: no-repeat;
	margin:0px;
	padding:0px;
}

#donate h3{
  color: #c2531b;
  font-size: 120%;
  margin:0px 0px 10px 85px;
  padding-top:15px;
  font-weight:normal;
  font-family:Georgia, Times, serif;	
}

#donate p{
  margin:0px 25px 20px 85px;
  color:#333;
  font-size:13px;
}

#news_box {
    width: 300px;
    float: left;
    background: white;
    padding: 0px 20px 10px 15px;
    margin: 0px 0px 0px 0px;
    border-right: solid #aaa 1px;
}

#event_box {
    width: 150px;

    float: left;
    margin: 0px 10px 0px 15px;
    /*border: solid #aaa 1px; */

}

#event_box h3{
    width: 150px;
	font-family: Arial, Helvetica, Calibri, Sans Serif;
    font-size: 1em;
    font-weight:bold;
}

#event_box p{
	line-height:18px;
}

/*
 * bottom sidebar usually has search and a couple links, and maybe a logo.
 */ 
#sidebar h3 {
    margin-top: 20px;
    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 {
    width: 230px; 
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 10px;
    background: #ffe599;
}

#left_side p { 
    padding: 0px 10px 0px 10px; 
}

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

div.side_content { 
    color: #fff;
    padding: 10px;
	height:170px;

}

#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;
}



#content p {
	width:450px;
}

/* 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 {
    color: #333;

    font-family: Arial, Helvetica, Calibri, sans-serif;
    text-align: center;
    font-size: 11px;
	border-top:1px solid #CCC;

}
#footer_cell a {
    color: #333;
}