/* css for Sharpscapes */

body {
 background: #29445b;
 margin:0; padding:0;
 color: #1e3040;
 font: 62.5%/1.8em Arial, Verdana, "Trebuchet MS", arial, sans-serif; 
}
img { border: none; }
h3 {
 font-size: 1.9em;
 font-weight: 600;
 margin: 0.75em 2% 0.5em;
}
h4 {
 font-size: 1.6em;
 font-weight: 600;
 margin: 0.75em 2% 0.5em;
}
body#home p {
 font-size: 1.2em; 
 margin: 1.4em 0;
}
p {
 font-size: 1.2em; 
 margin: 0.5em 2%;
}
span.postfix {
 text-transform: uppercase;
 letter-spacing: 0.05em;
 font-size: 0.8em;
}
.freest {
 text-align: center;
 }
* html .freest {
 margin-top: 20px;
}
.county {
 color: #5287b5;
}
a {
 color: #9fba1b;
 font-weight: 600;
 text-decoration: underline;
}
a:hover {
 color: #790;
 font-weight: 600;
 text-decoration: underline;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 726px;
}

#header {
	margin: 0 0 5px 0;
	background: url('i/bg_header.gif') no-repeat;
	width: 726px;
	height: 90px;
}

#left {
	float: left;
	width: 182px;
	height: 538px; /* ***** adjust height of left column here ***** */
	background: url(i/bg_left.jpg) no-repeat left bottom;
}
* html #left {
 height: 545px;
}
#left_topedge {
	width: 182px;
	height: 10px;
	background: url(i/bg_left.jpg) no-repeat 0 0;
}
#right {
	float: right;
	width: 531px;
}
body#home #low_left {
 float: left;
 width: 270px;
}
body#home #low_right {
 float: right;
 width: 213px;
 margin-top: 2em;
}
#low_left {
 float: left;
 width: 250px;
 margin-top: 1em;
}
#low_right {
 float: right;
 width: 213px;
 margin-top: 1em;
 margin-right: 20px;
}
#low_right ul {
 border-right: 1px dashed #dadada;
 border-left: 1px dashed #dadada;
 border-bottom: 1px dashed #dadada;
 list-style: url(i/page_li.gif);
}
* html #low_right ul {
 padding: 10px 0 10px 30px;
 margin:0;
}
#low_right ul li {
 color: #000;
 font-size: 1.2em;
 font-weight: 600;
 margin-bottom: 0.75em;
}
#low_right ul li.last {
 margin-bottom: 1.5em;
}
#low_right ul li a {
 color: #9fba1b;
 font-weight: 600;
 text-decoration: none;
}
#low_right ul li a:hover {
 color: #9fba1b;
 font-weight: 600;
 text-decoration: underline;
}
.month {
 width: 168px;
 float: left;
 font-size: 1em;
 line-height: 1em;
 color: #360;
}
.month dl {
 margin: 0 0 10px 30px; padding: 0;
}
.month dt {
 margin: 0; padding: 0;
 width: 123px;
 height: 2em;
 background: url("i/bg_cal_top.gif") no-repeat right top;
}
.month dd {
 height: 1.6em;
}
.month dd.cal_week {
 margin: 0; 
 padding: 0;
 width: 123px;
 background: url("i/bg_cal_week.gif") no-repeat right bottom;
}
.month dd.cal_bottom {
 margin: 0; padding: 0;
 width: 123px;
 height: 5px;
 background: url("i/bg_cal_bottom.gif") no-repeat right top;
 clear:both;
}
dd.cal_week span.tag_left {
 width: 23px;
 margin: 2px 2px 0 0; padding: 0;
 display:block;
 float:left;
 text-align: right;
}
* html dd.cal_week span.tag_left {
 margin-right: 2px;
}
dd.cal_week span.tag_right {
 width: 98px;
 margin: 2px 0 0; padding: 0;
 display:block;
 float:right;
 text-align: center;
}
.month dt span.tag_left {
 width: 25px;
 margin: 2px 0 0 0; padding: 0;
 display:block;
 float:left;
 text-align: left;
}
.month dt span.tag_right {
 width: 98px;
 margin: 6px 0 0; padding: 0;
 display:block;
 float:right;
 text-align: center;
 font-size:  1.1em; 
}
.myspace {
 clear: both;
 width: 100%;
 margin:0; padding: 0;
 line-height: 1pt;
 height: 1px;
}
#footer {
	clear: both;
	background: #29445b;
	margin: 18px 0;
	padding:1px;
	border: 2px dotted #3b6383;
}
#insidefooter {
	background: #3b6383;
}
#insidefooter p {
 margin: 5px 0;
 padding: 2px 10px;
 font-size: 1.3em;
 color: #b3c6d7;
}
#insidefooter a {
 color: #b3c6d7;
 font-weight: 500;
 text-decoration: none;
}
#insidefooter a:hover {
 color: #b3c6d7;
 font-weight: 500;
 text-decoration: underline;
}
#footer_left {
 float: left;
 text-align: left;
 width: 300px;
}
#footer_right {
 float: right;
 text-align: right;
 width: 400px;
}
/*
	| liquidcorners-extended.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with painted border outside a contentbox with class="inside"; 
	|      image1 = upper half: top left corner, long top border, top right corner
	|               under half: bottom left corner, long bottom border, bottom right corner
	|      image2 = left half: left border; right side: right border
	|               because repeat-y: image2 can be reduced in height!
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted by ZF for: SharpScapes
	|
	| + please let this text & links intact for a next user +
*/

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('i/bg_right_cornors.gif'); /* CHANGE: path and name of your image1 */
	height: 7px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 7px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 7px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -7px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -7px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -7px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	margin-left: 7px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 7px;              /* CHANGE: replace by the width of one of your corners */
	background: #fff;            /* YCC: background-color of the inside */
	color: #1e3040;                 /* YCC: default text-color of the inside */
	padding-left: 3px;             /* YCC: all texts at some distance of the left border */
	padding-right: 3px;             /* YCC: all texts at some distance of the right border */
	text-align: left;               /* YCC: position of all texts inside */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.insideleft, .insideright {
	background-image: url('i/bg_right_sides.gif'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
.insideright { background-position: 100% 0; } /* DNC: position right corner */
/*
	| END liquidcorners-extended.css
	| ================================================
*/

/* SideNavigation */
ul#sidenav {
 list-style: none;
 margin: 0; 
 padding: 0; 
}
ul#sidenav li {
 display: block;
 margin: 5px 0 0 8px; 
 padding: 0;  
 height: 25px;
 width: 168px;
}
ul#sidenav li.home {
 display: block;
 background: url(i/but_home_h.gif) no-repeat 0 0;
}
ul#sidenav li.basic {
 display: block;
 background: url(i/but_basic_h.gif) no-repeat 0 0;
}
ul#sidenav li.other {
 display: block;
 background: url(i/but_other_h.gif) no-repeat 0 0;
}
ul#sidenav li.detail {
 display: block;
 background: url(i/but_details_h.gif) no-repeat 0 0;
}
ul#sidenav li.cancel {
 display: block;
 background: url(i/but_cancell_h.gif) no-repeat 0 0;
}
ul#sidenav li.price {
 display: block;
 background: url(i/but_price_h.gif) no-repeat 0 0;
}
ul#sidenav li.signup {
 display: block;
 background: url(i/but_signup_h.gif) no-repeat 0 0;
}
ul#sidenav li.contact {
 display: block;
 background: url(i/but_contact_h.gif) no-repeat 0 0;
}

ul#sidenav li.home a {
 display: block;
 background: url(i/but_home.gif) no-repeat 0 0;
}
ul#sidenav li.basic a {
 display: block;
 background: url(i/but_basic.gif) no-repeat 0 0;
}
ul#sidenav li.other a {
 display: block;
 background: url(i/but_other.gif) no-repeat 0 0;
}
ul#sidenav li.detail a {
 display: block;
 background: url(i/but_details.gif) no-repeat 0 0;
}
ul#sidenav li.cancel a {
 display: block;
 background: url(i/but_cancel.gif) no-repeat 0 0;
}
ul#sidenav li.price a {
 display: block;
 background: url(i/but_price.gif) no-repeat 0 0;
}
ul#sidenav li.signup a {
 display: block;
 background: url(i/but_signup.gif) no-repeat 0 0;
}
ul#sidenav li.contact a {
 display: block;
 background: url(i/but_contact.gif) no-repeat 0 0;
}
ul#sidenav li a:hover {
background: url(i/clear.gif) no-repeat 0 0;
}