body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-align: center; 
}

h1 { font-size: 16px; }
h2 { font-size: 14px; }

h1 img { vertical-align: middle; }
h2 img { vertical-align: middle; }

img { border :0;  }

a { color: #0000c0; text-decoration: none; }
a:hover { color: #c00000; }
a img { vertical-align : middle; }

.error { margin-left: auto; margin-right: auto; width: 30%; border: 1px solid #ff8080; background: url("images/exclamation.png") no-repeat 4% 50%; background-color: #fff0f0; padding: 10px 10px 10px 30px; margin: 10px;  text-align: center; font-weight: bold; color: #800000; }
.error p { line-height: 15px; margin: 4px;}

.information { margin-left: auto; margin-right: auto; width: 30%; border: 1px solid #8080ff; background: url("images/information.png") no-repeat 4% 50%; background-color: #f0f0ff; padding: 10px 10px 10px 30px; margin: 10px;  text-align: center; font-weight: bold; color: #000080; }
.information p { line-height: 15px; margin: 4px;}

#content { width: 900px; margin-left: auto; margin-right: auto; display: block ; text-align: left; }


.box { border: 1px solid #c0c0c0; background: url(images/bg_fade.png) repeat-x top #f8f8f8;  margin: 10px; padding: 10px;  margin-left: auto; margin-right: auto; }
.small { width: 320px; }
.medium { width: 550px; }
.large { width: 820px; }

.buttons a { background: url("images/button_bg.png") no-repeat 50% 50%; 
	text-decoration: none;  
	width: 60px; height: 50px; margin: 5px; padding: 5px; 
	text-align: center; display: inline-block;
	color: #f0f0f0;
	  }
	  
.buttons a:hover { background: url("images/button_bg_h.png") no-repeat 50% 50%; color: #ffffff; }	  
	  
.buttons a img { clear: both; }


.button_w { vertical-align: middle; 
background: url("images/wide_button_bg.png") no-repeat 50% 50%; 
	text-decoration: none;  
	width: 120px; height: 32px; margin: 5px; line-height: 30px;
	text-align: center; display: inline-block;
	color: #f0f0f0; }
	
.button_w:hover { background: url("images/wide_button_bg_h.png") no-repeat 50% 50%;  color: #ffffff;}	
.button_w img { vertical-align: middle; }

.row {  vertical-align: middle; line-height: 28px; height: 28px; padding-left: 5px; clear: both; border-bottom: 1px solid #e0e0e0;}
.row span { margin-right: 3px; border-right: 1px solid #e0e0e0; vertical-align: middle;  width: 118px;  text-align: right; padding-right: 5px; display: block; float: left; line-height: 28px; vertical-align: middle; height: 28px; }
.row .short { width: 60px; text-align: left;  overflow: hidden;}
.row img { border: 0; vertical-align: middle; display: inline-block; }
.row textarea { font-family: verdana; }
.row .dull { color: #b0b0b0; }
.row .shortish { width: 120px; text-align: left; overflow: hidden;}
.row .medium { width: 320px; overflow: hidden; text-align: left; }
.row .mediumless { width: 230px; overflow: hidden; text-align: left; }
.row .normal { text-align: left;  overflow: hidden; }
.row .long { width: 380px; overflow: hidden; text-align: left; }
.even { background: #e8e8e8; }

.enbold { font-weight: bold; }

.clicky { cursor: hand; }
.clicky span { cursor: hand; }
.clicky:hover { background-color: #f0f0ff; }

.high {  height: 52px; line-height: 52px; }
.high span {height: 52px; line-height: 52px;  }

.month { }
.month span { cursor: pointer; font-size: 10px;  display: inline-block; width: 19px; height: 19px; text-align: center; line-height: 17px; border: 1px solid #d0d0d0; }
.month span:hover { background: #d0d0d0; color: #800000;}
.month .mname { width: 40px; background-color: #e8e8e8; cursor: default; }
.month .dname { background-color: #e8e8e8; cursor: default; }
.month .booked { background: #f08080; }

.month_hover { background-color: #800000 !important; color: #fff !important; }
.day_hover { background-color: #800000 !important; color: #fff !important; }


.listtitle { font-weight: bold; background: #e0e0e0; border-bottom: 1px solid #d0d0d0; }

.listoutter { border: 1px solid #d0d0d0; }


.row .no_css { width: 130px; text-align: left;  }
.row .hc { color: #0c5262; width: 130px; text-align: left; }
.row .bb { color: #620d0c; width: 130px; text-align: left; }
.row .cc { color: #0c620c; width: 130px; text-align: left; }
.row .hh { color: #62440c; width: 130px; text-align: left; }


.fp_button { margin: 4px 2px 4px 2px; color: #fff; text-decoration: none; width: 189px; height: 68px; text-align: center; line-height: 65px; font-weight: bold; font-size: 14px; background: 50% 50% no-repeat; display: inline-block;}
.fp_button:hover { color: #fff; }
.fp_button.hc { background: url(../images/fp_hc_bg.png); }
.fp_button.hc:hover { background: url(../images/fp_hc_bg_h.png); }
.fp_button.bb { background: url(../images/fp_bb_bg.png); }
.fp_button.bb:hover { background: url(../images/fp_bb_bg_h.png); }
.fp_button.cc { background: url(../images/fp_cc_bg.png); }
.fp_button.cc:hover { background: url(../images/fp_cc_bg_h.png); }
.fp_button.hh { background: url(../images/fp_hh_bg.png); }
.fp_button.hh:hover { background: url(../images/fp_hh_bg_h.png); }
.fp_button.pi { background: url(../images/fp_pi_bg.png); }
.fp_button.pi:hover { background: url(../images/fp_pi_bg_h.png); }
.fp_button.ho { background: url(../images/fp_ho_bg.png); }
.fp_button.ho:hover { background: url(../images/fp_ho_bg_h.png); }


#footer { text-align: center; font-size: 11px; }

.full_message { display: none; clear: both; float: none; background-color : #fff;  padding: 5px;  border-bottom: 1px solid #e0e0e0;  }

.highlighted { background-color: #a0a0ff;  }

.hideme { color: none; border: none; clear: both; float: none;}

.center { text-align : center; }