body {
	background-color:#eaeaea;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#wrapper {
	width:940px;
	margin:auto;
}
h1 {
	position:relative;
	float:left;
	display:inline;
	width:635px;
	margin:10px 0 0 5px;
	padding:6px 0 8px 5px;
	border:1px solid  #663300;
	background-color:#FF8000;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:1.4em;
}

h3 {
	margin:10px;
}

.headerpic {
	position:relative;
	float:left;
	display:inline;
	margin:5px 5px 4px 5px;
}

#headerbar {
	position:relative;
	float:left;
	display:inline;
	width:640px;
	height:35px;
	margin:5px 0 0 5px;
	padding:0;
	border:1px solid #663300;
	background-color:#ccc;
}


/*********************** TopNav *******************************************************/

#TopNav {
	position:relative;
	float:left;
	display:inline;
	width: 878px;
	height: 28px;
	border:1px solid #663300;
	margin:0 5px 0px 5px;
	background-color: #FF8000;
	font-size:11px;
	font-weight:bold;
}
#TopNav ul {	
	margin: 0px 2px 0 2px;
	padding: 0px 4px 0px 8px;	
	list-style: none;
}
#TopNav ul li, ul li a {
	float:left;
	color: #ffffff;
	text-decoration:none;
	height: 16px;
	border:1px solid #FF8000;
	text-align:center;
	vertical-align: middle;
	padding: 3px 6px 0px 6px;	
}
#TopNav ul li a:hover {
	color: #000000;
	text-decoration:none;
	border:1px solid #996600;
	background-color: #FFCC99;
}	


/********************* White box with shadow **********************************************/


#bg_top {
	position:relative;
	float:left;
	display:inline;
	background:url(../images/bg_top.jpg) repeat-x left top;
	width: 940px;
}
#bg_right {
	position:relative;
	float:left;
	display:inline;
	background: url(../images/bg_right.jpg) repeat-y right top;
	width: 940px;
}
#bg_bottom {
	position:relative;
	float:left;
	display:inline;
	background: url(../images/bg_bottom.jpg) repeat-x left bottom;
	width: 940px;
}
#bg_left {
	position:relative;
	float:left;
	display:inline;
	background: url(../images/bg_left.jpg) repeat-y left top;
	width: 940px;
}
#bg_topleft {
	position:relative;
	float:left;
	display:inline;
	background: url(../images/bg_topleft.jpg) no-repeat left top;
	width: 940px;
}
#bg_topright {
	position:relative;
	float:left;
	display:inline;
	background: url(../images/bg_topright.jpg) no-repeat right top;
	width: 940px;
}


#bg_bottomleft {
	position:relative;
	float:left;
	display:inline;
	background: url(../images/bg_bottomleft.jpg) no-repeat left bottom;
	width: 940px;
}
#bg_bottomright {
	position:relative;
	float:left;
	display:inline;
	background: url(../images/bg_bottomright.jpg) no-repeat right bottom;
	width: 940px;
}

#contentbox {
	position:relative;
	float:left;
	display:inline;
	width:890px;
	margin:20px 25px 25px 25px;
	background-color:#FFFFFF;
}

/********************************* body content ***************************************/

#bodycontent {
	position:relative;
	float:left;
	display:inline;
	margin:0 0 10px 5px;
	width:640px;
	border:1px solid #693908;
	padding:0 0 10px 0;
}

#bodycontent p {
	font-size:0.9em;
	margin:10px;
	line-height:1.4em;
}

#clear {
	clear:both;
}


#rightcol {
	float:right;
	display:inline;
	width:230px;
	margin:5px 5px 10px 0;
}

#rightcolinner {
	position:relative;
	float:right;
	display:inline;
	width:228px;
	margin:0;
	background-color:#FFCC99;
	border-right:1px solid #CC9966;
	border-left:1px solid #CC9966;
}

.mpic {
	position:relative;
	float:left;
	display:inline;
	border:1px solid #663300;
	margin:10px 20px 10px 20px;
}

.mpicrow {
	position:relative;
	float:left;
	display:inline;
	border:1px solid #663300;
	margin:10px 0px 10px 20px;
}


.mpicright {
	position:relative;
	float:right;
	display:inline;
	border:1px solid #663300;
	margin:10px 20px 10px 20px;
}

.bigpic {
	position:relative;
	float:left;
	display:inline;
	border-top:1px solid #663300;
	border-right:0;
	border-bottom:1px solid #663300;
	border-left:0;
	margin:0;
}

.sidepics {
	border:1px solid #663300;
	margin:5px 14px 5px 14px;
}

.floatright {
	position:relative;
	float:right;
}

/******************************* form styles *****************************************/

fieldset {
	float:left;
	width:400px;
	margin:10px 0 10px 100px;
	padding:10px 20px 10px 20px;
	background-color:#F2F2F2;
	/** border:0 solid transparent; **/
}

legend {
	color:#990000;
}

label {
	float:left;
	display:block;
	width:155px;
}

input[type="text"] {
	width:188px;
	font-size:1em;
	padding:2px 6px 2px 4px;
}


textarea {
	width:348px;
	height:88px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	padding:6px;
}

textarea#requirements {
	width:348px;
	height:88px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	padding:6px;
}

input.numberbox {
	width:20px;
	text-align:right;
	font-size:1em;
	padding:2px 6px 1px 4px;
}



/******************************** calender styles *************************************/

#calendar {

}

#calendar table {
	position:relative;
	float:left;
	display:inline;
    width:210px;
	margin:10px 5px 10px 60px;
    border:0px solid #888;    
    border-collapse:collapse;
}

#calendar td {
    width:30px;
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
}

#calendar td a {
   display: block;
   text-decoration: none;
	color:#333333;
}

#calendar td a:hover, #calendar td a:active {
	background-color: #ff9900;
	cursor: pointer;
}

#calendar .days {
    background-color: #F1F3F5;
}

#calendar th {
    border-collpase:collpase;
    border:1px solid #888;
    background-color: #E9ECEF;
}

#calendar .actday{
    background-color:#FFCC99;
    font-weight:bold;
}


/************** Admin Calendar Dates *************************/

#calendar .actday0{
    background-color:#CCCCCC;
    font-weight:bold;
}

#calendar .actday1{
    background-color:#FF0000;
    font-weight:bold;
}

#calendar .actday2{
    background-color:#FFCC99;
    font-weight:bold;
}

#calendar .actday3{
    background-color:#FFFFFF;
    font-weight:bold;
}





#takenbox {
	position:relative;
	float:left;
	margin:8px 4px 0 60px;
	width:22px;
	height:17px;
	background-color:#ffcc99;
	border:1px solid #888;
	padding:0 0 0 6px;
	font-weight:bold;
}

.takenbox {
	position:relative;
	float:left;
	margin:0;
	font-weight:normal;
}

.floatleft60 {
	position:relative;
	left:50px;
	clear:both;
}


/****************************** pricing stuff ******************************/

#pricing {
}

#pricing table {
	position:relative;
	float:left;
	display:inline;
	width:560px;
	margin:10px 5px 10px 40px; 
    border-collapse:collapse;
	font-size:0.9em;
}

#pricing th {
    border-collpase:collpase;
    border:1px solid #888;
	padding:5px;
	font-weight:bold;
	text-align:center;
}

#pricing col {
    border-right:1px solid #888;
}

#pricing col#DatesCol {
	width:180px;
    border:none;
	padding:5px;
}

#pricing col#ExceptionsCol {
	width:180px;
    border:none;
	padding:5px;
}

#pricing col#PeriodCol {
	width:140px;
    border:none;
	padding:5px;
}

#pricing col#PriceCol {
	width:70px;
    border:none;
	text-align:right;
	padding:5px 20px 5px 5px;
}

#pricing thead {
	background:#ffcc99 url(../images/table_header.jpg) repeat-x top left;
}

#pricing td {
    border-collpase:collpase;
    border:1px solid #888;
}

#pricing .odd {
	height:4px;
	background-color:#f2f2f2;
	font-size:2px;
	padding:0;
}

#pricing .even {
}


/*******************************************************************************************/

.errormsg {
	color:#CC0000;
	font-weight:bold;
}

/************************************** google map *************************************/

.googlemap {
	position:relative;
	float:left;
	margin:20px 20px 20px 100px;
	border:1px solid #000;
}


/******************************* activities ****************************************/

#activities {
	position:relative;
	float:left;
	display:inline;
	width:590px;
	margin:0 10px 10px 20px;
	padding:0 10px 10px 0;
	border-bottom:1px solid #ffcc99;
}

#activities .pic {
	position:relative;
	float:left;
	display:inline;
	border:1px solid #333333;
	margin:10px 0px 20px 0;
}

#actinfo {
	position:relative;
	float:right;
	display:inline;
	width:420px;
}


/***************************** gallery ********************************/

#smllpic_container {
	position:relative;
	float:left;
	display:inline;
	width:200px;
	height:200px;
	margin:10px 0 10px 10px;
	text-align:center;
	vertical-align:middle;
}
.picborder {
	border:1px solid #333333;
}