body{
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 11px;
margin:0;
background-color: #585858;
}

a{color: #FFFFFF;}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding: 0px 0px 0px 0px;
background: #000000;
}

#topsection{
}

#mastermenu{
}

#undermenu{
/*height: 281px; Height of top section*/
/*background: #000000 url('../images/undermenu.jpg');*/
}

#contentcolumn{
float: left;
width: 100%;
}

#index_back{
margin: auto; /*Center container on page*/
font-size: 15px;
padding: 20px 10px 20px 10px;
width: 700px;
}

#index_left{
float: left;
width: 340px;
}

#index_right{
margin-left: 350px;
}

#attendant_left{
float: left;
width: 210px;
}

#attendant_right{
margin-left: 210px;
}

#footer{
width: 800px;
text-align: center;
}

#footer a{
color: #FFFF80;
}

.hiddeninformation{
width: 800px;
margin: 0 auto; /*Center container on page*/
background: #515151;
text-align: center;
color: #515151;
}

.page_header{
text-align: center;
}

.chromemenu2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}

.chromemenu2 ul{
margin: 0;
padding: 30px 0px 30px 0px;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu2 li{
display: inline;
}

.chromemenu2 a{
padding: 30px 15px 30px 15px;
margin: 0;
text-decoration: none;
/*border-right: 1px #6699CC solid;*/
}

.chromemenu2 a:hover{
color: #CCCCCC;
background: #0D0D0D;
}

#leftmenuitem{
/*border-left: 1px #6699CC solid;*/
}

table.attendants{
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 100%;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}

table.attendants th{
background: #3399CC;
border: 1px #fff solid;
text-align: left;
}

table.attendants td{
background: #FFFFCC;
text-align: left;
border: 1px #fff solid;
vertical-align: top;
}

.schedule{
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #FFFFFF;
width: 100%;
background-color: #fafafa;
border: 1px #5C5C5C solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}

.schedule th{
background: #5C5C5C;
border: 1px #fff solid;
text-align: center;
}

.schedule td{
width: 130px;
background: #FFFFCC;
text-align: center;
border: 1px #fff solid;
vertical-align: top;
}

.schedule a{
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #003063;
text-decoration: none;
text-align: left;
}

.schedule a:hover{
text-decoration: underline;
}

tr.d0 td {
	background-color: #FFFFFF; color: black;
}
tr.d1 td {
	background-color: #EDEDED; color: black;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

textarea{
width: 250px;
height: 150px;
color: #FFFFFF;
background: #4D4D4D;
border: 0px;
}

select{
color: #FFFFFF;
background: #4D4D4D;
border: 0px;
}

input
{
color: #FFFFFF;
background: #4D4D4D;
border: 0px
}

.submit input
{
color: #FFFFFF;
background: #4D4D4D;
border: 0px;
} 

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.updateform{
background: #CCFFFF;
}

.externalimage{
width: 70px;
border: 0px;
}

.adminimage{
width: 100px;
border: 0px;
}

table.calendar{
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 735px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}

table.calendar th{
background: #3399CC;
border: 1px #fff solid;
text-align: left;
}

table.calendar td{
background: #FFFFCC;
text-align: left;
border: 1px #fff solid;
height: 100px;
width: 105px;
vertical-align: top;
}

#thumbs{
  width:750px;
}

#thumbs div {
  margin:2px;
  width:120px;
  height:85px;
  float:left;
  background:#11798E;
  color: #FFFFFF;
}

#thumbs div img{
  border:none;
  display:block;
  margin:5px auto;
}

#thumbs div a{
  color: #FFFFFF;
}

#thumbs2{
  width:400px;
}

#thumbs2 div {
  margin:2px;
  width:70px;
  float:left;
  background:#11798E;
  color: #FFFFFF;
}

#thumbs2 div img{
  border:none;
  display:block;
  width: 70px;
}

#thumbs2 div a{
  color: #FFFFFF;
}

#thumbs3{
  width: 460px;
  padding: 0px 0px 20px 0px;
}

#thumbs3 div {
  margin:2px;
  width:70px;
  float:left;
  background:#003063;
  color: #FFFFFF;
  text-align: center;
}

#thumbs3 div img{
  border:none;
  display:block;
  width: 70px;
}

#thumbs3 div a{
  color: #FFFFFF;
  text-decoration: none;
}

#thumbs3 div a:hover{
  color: #FFFFFF;
  text-decoration: underline;
}

#map_canvas{
margin: 0 auto 20px auto;
width: 500px;
height: 350px;
text-align: center;
}

.clean-ok{
	border:solid 1px #349534; 
	background:#C9FFCA;
	color:#008000;
	font-weight:bold;
	padding:4px;
	text-align:center;
}
.clean-error{
	border:solid 1px #CC0000; 
	background:#F7CBCA;
	color:#CC0000;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

#attendants{
	list-style: none;
	width: 460px;
	text-align: center;
}

#attendants li{
	float: left;
	width: 70px;
	height: 90px;
	margin: 2px;
	/*border: 1px solid #FFFFFF;*/
}

#attendants li img{
	max-width: 70px;
	max-height: 70px;
	border:none;
}

#attendants li a{
  color: #FFFFFF;
  text-decoration: none;
}

#attendant{
	list-style: none;
	width: 400px;
}

#attendant li{
	float: left;
	width: 70px;
	height: 90px;
	margin: 2px;
}

#attendant li img{
	max-width: 70px;
	max-height: 70px;
	border:none;
}

#attendant li a{
  color: #FFFFFF;
  text-decoration: none;
}