/**************************/
/*         LAYOUT         */
/**************************/

body {
  font-family: "Trebuchet MS", arial, verdana, sans-serif;
  font-size: 12px;
  margin: 1em;
  background-color: #fff;
}

#main {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #a5a5a5;
  border-right: 1px solid #a5a5a5;
  background-image: url("gfx/mainbg.gif");
  background-repeat: repeat-y;
}

#topbottom {
  width: 974px;
  margin-left: auto;
  margin-right: auto;
}
#leftborder {
  background: url("gfx/border_left.gif") left repeat-y;
}
#rightborder {
  background: url("gfx/border_right.gif") right repeat-y;
}

#header {
  text-align: center;
  background-color: #bcbbbb;
}

#leftcol {
  float: left;
  width: 240px;
  text-align: center;
  font-size: 11px;
  color: #ababab;
}

#leftcol img, #leftcol a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  padding-top: 1em;
}

#content {
  float: left;
  width: 600px;
  padding: 1em;
}

#footer { 
  clear: both; 
  background-color: #efefef;
  text-align: center;
  color: #ababab;
  font-size: 12px;
  height: 3em;
  padding-top: 2em;
}

.error {
  border: 1px solid #7f9db9;
  background-color: #a60000;
  color: #fff;
}
.success {
  border: 1px solid #7f9db9;
  background-color: #5de100;
}

div#programinfo {
  border: 1px solid #7f9db9;
  background-color: #cac8c1;
  width: 70%;
}
div#programinfo h1, #programinfo p {
  margin: 0;
}

div#adminmenu a {
  margin-right: 1em;
  font-size: 14px;
}

div.program {
  border: 1px solid #000; 
  /*background-color: #3b79b2;*/
  background-image: url("gfx/programbg.png");
  background-repeat: repeat-y;
  color: #000;
  font-weight: bold;
  margin-bottom: 1em;
}
div.program .icon {
  margin: 2px;
  margin-right: 1em;
}
div.program .description {
  color: #000;
  border: 1px solid #a5a5a5;
  background-color: #efefef;
  padding: 5px;
}
span#statustext {
  text-decoration: underline;
}
span#statustext:hover {
  cursor: pointer;
  color: #000;
}

/**************************/
/*         GENERAL        */
/**************************/
a {
  color: #1a508f;
}
a:hover {
  color: #000;
}
img { 
  border: 0px;
  vertical-align: middle; 
}

h1 {
  font-size: 20px;
  color: #1a508f;
}
h2 {
  font-size: 14px;
  color: #1a508f;
}

/**************************/
/*          FORMS         */
/**************************/
form {
  text-align: left;
  margin: 1em;
}
label {
  display: block;
  float: left;
  width: 130px;
}
input, textarea, select {
  border: 1px solid #7f9db9;
  margin: 2px;
}
span.error {
  font-weight: bold;
}

/**************************/
/*          TABLES        */
/**************************/
table {
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: 1px solid #7f9db9;
  border-top: 1px solid #7f9db9;
}

th, td {
  border-left: 1px solid #7f9db9;
  border-bottom: 1px solid #7f9db9;
}
th { 
  color: #cac8c1;
  background-color: #1a508f; 
}

th a {
  color: #cac8c1;
}

tr.altbg { background-color: #cac8c1; }

table#mainsponsor {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  text-align: center;
  border: 0;
}
table#mainsponsor td {
  border: 0;
}
#mainsponsor caption {
  font-weight: bold;
}

table.sponsorprograms {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  border: 1px solid #000;
  margin-bottom: 1em;
}
.sponsorprograms td {
  border: 0;
}
.sponsorprograms td.categoryimg {
  background-color: #1a508f;
  color: #fff;
  width: 100px;
  border: 1px solid #000;
  text-align: center;
  border-right: 1px solid #000;
  padding: 0;
}

#toolbar {
  background-color: #cac8c1;
}