
/***************************************************
			     WEBBYAPPS STYLES
***************************************************/

html, body{margin:0;padding:0;height:100%}

#head, #head-booking, #head-about, #head-getting, #head-things, #head-contact{
	width:768px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
background-repeat: no-repeat;
height: 210px;
	background-position: left 83px
}

/***************************************************
			    DESIGN ELEMENTS
***************************************************/

.clearing { height: 0; width:100%;display: block; clear: both; overflow:hidden; }
.hidden{overflow: hidden;visibility: hidden;}

p{display: block;margin: 0px;padding-top: 5px;padding-bottom: 5px;}
li{
	float: none;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	display: block;
}
li a{color: #666666;padding-left: 10px;display: block;line-height: 16px;}
a, a.green, a.blue, a.blue-text{color: #108BAF;font-family: Tahoma, Arial;font-size: 10px;font-weight: normal;text-decoration: none;}
a:hover, a.green:hover, a.blue:hover, a.blue-text:hover{color: #AA0009;}
a.green{color: #9CAC2D;font-size: 12px;}
a.blue{color: #108BAF;font-size: 12px;}
a.blue-text{color: #108BAF;font-size: 11px;background-image: url('pic/line.png');background-repeat: repeat-x;background-position: left bottom}


/***************************************************
			       CONTAINER
***************************************************/

#container{
	width:760px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}

#container-message{
	text-align: center;
	margin-top: -35px;
	margin-left: -200px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 70px;
	visibility: visible;
}


/***************************************************
			       HOLDERS
***************************************************/
.holder-empty{
	width:760px;
	float: right;
}

.message-home, .message, .message-step{
	position: absolute;
	width: 204px;
	height: 47px;
	right: 260px;
	top: 330px;
	margin: 0;
	z-index: 1;
}

.message-home1, .message, .message-step{
	position: absolute;
	width: 204px;
	height: 47px;
	right: 260px;
	top: 330px;
	margin: 0;
	z-index: 1;
}


.message{top: 230px;}

.message-step{
	height: 43px;
	right: 0;
	top: 500px;
}

.holder{
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 220px;
	line-height: 14px;
}

#holder-left, .holder-left-info, .holder-form, #holder-left-small{
	width:170px;
	float:left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	position: relative;
}

#holder-left-small{
	width:100px;
	padding-left: 3px;
}

.holder-form{
	width:100px;
	background-color: #E2E7B2;
	margin-bottom: 1px;
	line-height: 20px;
}

.holder-nav{
	width:750px;
	line-height: 20px;
	position: relative;
	float: left;
}

.holder-left-info{width:225px;padding-right: 35px;}

#holder-right, #holder-right-big{
	width:570px;
	float: right;
	position: relative;
}

#holder-right-big{width:310px;}


.line{
	background-image: url('pic/line-H.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	display: block;
	padding-bottom: 3px
}

.holder-calendar{
	width:710px;
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	position: relative;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 25px;
	float: left;
}

.holder-month{
	width:720px;
	float:left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.calendar-cell{
	width:14px;
	float:left;
	height: 14px;
	background-color: #FFFFFF;
	line-height: 14px;
	text-align: center;
	border: 1px solid #DFDFDF;
	margin-right: 1px;
}


/***************************************************
				      FORMS
***************************************************/

.text-box-form{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
	top: 4px;
	float: left;
	width: 350px;
	display: block;
	line-height: 30px;
	padding-left: 10px;
}

.text-form, .error{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #999999;
	position: absolute;
	top: 4px;
}

form{margin: 0px;padding: 0px;}

#form{
	width:420px;
	padding-top: 15px;
	float: left;
}

#form-submit{
	display: block;
	text-align: right;
	padding-top: 20px;
	padding-right: 125px;
}

label{
	color:#666666;
	font-size:11px;
	width:60px;
	display:block;
	float:left;
	line-height: 14px;
	clear: left;
	padding-left: 2px;
}

.label{
	color:#666666;
	font-size:11px;
	width:100px;
	line-height: 22px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	position: relative;
}

.textbox, .select{
	border:1px solid #CCCCCC;
	font-size:11px;
	width:148px;
	line-height:16px;
	background-color: #FFFFFF;
	height: 16px;
	color: #747474;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 4px;
	margin-right: 10px;
}

.select{width:153px;}

.textbox:focus{border:1px solid #D8C217;cursor:text}

textarea{
	border:1px solid  #E1E1E1;
	width:300px;
	background-color: #FFFFFF;
	height: 150px;
	font-size: 11px;
	color: #999999;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 4px;
	margin-right: 10px;
}

textarea:focus{border:1px solid #b3c531;cursor:text;}

#sub-login {
	width:300px;
	height: 30px;
	padding-top: 20px;
	padding-left: 145px;
}
.sub-login{
	height: 22px;
	width: 80px;
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 11px;
	color: #333333;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-top: 5px;
}


/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6{
	font-family: verdana, Arial;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
}

h1{
	border-bottom:1px solid #AA0009; font-size: 16px;
	color: #AA0009;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;

}

h2{
	border-bottom:1px solid #AA0009; font-size: 16px;
	color: #AA0009;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;

}

h8{
	border-bottom:1px solid ##666666; font-size: 16px;
	color: #AA0009;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;

}

h3{
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height: 14px;
	padding-left: 25px;
}

h4{
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
}

h5{
	font-size: 11px;
	color: #333333;
	padding: 20px;
	line-height: 14px;
	}

h6{
	border-bottom:1px solid #ACDDFD; font-size: 16px;
	color: #029AB5;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-image: url('pic/h6.png');
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;
	margin-left: 22px;
	margin-right: 3px
	}

.text-box, .text-box2{
	font-family: Tahoma, Arial;
	font-size: 11px;
	display: block;
	color: #666666;
	padding-bottom: 5px;
}

.text-box2{
	font-size: 12px;
	color: #CCCCCC;
}



/***************************************************
			        FOOTER
***************************************************/

#footer{
	border-top:1px solid #AA0009; font-size: 16px;
	width:760px;
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	background-repeat: no-repeat;
	position: relative
}

#FooterOne{
	width:490px;
	float:left;
	position: relative;
}

#FooterTwo{
	width:260px;
	float:right;
	background-repeat: no-repeat;
	background-position: 136px 12px;
	text-align: right;
	line-height: 40px
}


/***************************************************
				       MENU
***************************************************/

#nav-menu{
	height: 12px;
	padding-top: 55px;
	padding-left: 179px;
	background-image: url('images/top-logo.jpg');
	background-repeat: no-repeat;
	background-position: left top
}

#nav-menu ul, ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav-menu li{
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#nav-menu li a{
	line-height: 20px;
	float: left;
	width: 90px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 0px;
	font-weight: bold;
	background-repeat: no-repeat
}

#nav-menu li a:hover{
	color: #ffffff;
}

#bootom-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 765px;
}

#bootom-menu li{
	float: left;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#bootom-menu li a{
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 8px;
	padding-left: 0px;
	line-height: 40px;
	display: inline;
}

#bootom-menu li a:hover{color: #AA0009;}

body#home a#home_link,
body#about a#about_link,
body#booking a#booking_link,
body#contact a#contact_link,
body#things a#things_link,
body#getting a#getting_link{color: #AA0009;}


/* IMAGE TABLE AND COLOR BARS */

.imagewidth		{ width: 135px; }


.black1			{ background-color: #000000; }	/* BLACK - home */

.black2			{ background-color: #857550; }	/* TAN - home */

.greengray1		{ background-color: #383929; }	/* GREEN GRAY - about */

.greengray2		{ background-color: #6D6F53; }	/* GREEN GRAY LT - about */

.burgundy1		{ background-color: #8F313E; }	/* BURGUNDY */

.burgundy2		{ background-color: #C0616D; }	/* LT BURGUNDY */

.tan1			{ background-color: #AD835A; }	/* TAN */

.tan2			{ background-color: #CCB492; }	/* LT TAN */

.silver1		{ background-color: #B7BFC5; }	/* SILVER */

.silver2		{ background-color: #D4DCE1; }	/* LT SILVER */

.gray1		{ background-color: #AFACB3; }	/* GRAY */

.gray2		{ background-color: #D3D0D8; }	/* LT GRAY */

.copper1		{ background-color: #A87E6F; }	/* COPPER */

.copper2		{ background-color: #CDA496; }	/* LT COPPER */

.olive1		{ background-color: #6F9D19; }	/* OLIVE */

.olive2		{ background-color: #9BC153; }	/* LT OLIVE*/


/* FOR RIGHT SIDEBAR */
fieldset legend {
		border:0px solid #999999;
		background-color: #F0F0F0;
		padding: 2px}

/* SUBMIT */
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-size:9pt;
font-weight:bold;

background:url(formbg.gif) repeat-x left top;
}


/* MENU TAB STYLE */

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 0px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 2px 2px;
background-color: white; /*Brown color theme*/
border-top: 0px solid #8C3039;
border-left: 0px solid #8C3039;
border-right: 0px solid #8C3039;
border-bottom: 0px solid #8C3039;
}

#modernbricksmenu2 a:hover{
background-color: #C6616B; /*Brown color theme*/
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #8C3039; /*Brown color theme*/
color: white;
border-color: #8C3039; /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 100px;
border: 1px solid gray;
}

#myform .submit{
font: normal 9px Verdana;
height: 12px;
border: 1px solid black;
background-color: lightyellow;
}





/* CODE FOR THE RIGHT SIDE BOX  */

	.left_side_box {
		background: #f4f4f4;
		color: #000;
        font-size: 6pt verdana;
        color: #666666;
		border: 1px solid #ccc;
		padding: 4px;
	}
/*  */

/* 
---------------------------------------------------------------------------------------------------------------------------------------------------*/


BODY	{
	scrollbar-base-color: #F0F0F0;
	scrollbar-track-color: #F0F0F0;
	backgroUnd-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	}




/* NON-MENU LINK COLORS */

a:link, a:visited, a:active	{ color: #996600; text-decoration: none; }

a:hover				{ color: #669900; text-decoration: none; }








/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */

TABLE		{ COLOR: #666666; FONT: 12px verdana, arial, sans-serif; }

.title		{ COLOR: #000000; FONT: 23px "AvantGarde Md BT", verdana, arial, helvetica, sans-serif; letter-spacing: 0px; font-weight: normal; }

.subtitle	{ COLOR: #8F313E; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.smalltitle 	{ COLOR: #000000; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }

.list 		{ COLOR: #FF0000; font-weight: normal; }

.footer		{ COLOR: #999999; FONT: 10px arial, verdana, sans-serif; }

.smalltext	{ COLOR: #666666; FONT: 11px verdana, arial, sans-serif; font-weight: normal; }

.phonetitle	{ COLOR: #FF0000; FONT: 13px arial, sans-serif; font-weight: bold; }

.formmargin	{ margin: 0px; }

.just 		{ text-align: justify; }



.map 			{
			COLOR: #6F9D19;
			line-height: 22px;
			margin: 10px;
			margin-left: 30px;
			}





.faq 			{
			FONT: 11px verdana, arial, sans-serif;
			font-weight: normal;
			COLOR: #AE5936;
			line-height: 19px;
			margin: 20px;
			}

.faqline		{ border-bottom: #D4DCE1 1px solid; }








/* HEADER BACKGROUND COLOR */

.header		{ background-color: #FFFFFF; }



/* NON GALLERY IMAGE BORDERS */

.borders		{ border: #000000 1px solid; }


/* SEPARATORS ON NEWS PAGE */

.page-splits		{
			height: 8px;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			border: #A1B07F 1px solid;
			background-color: #FFFFFF;
			color: #FFFFFF;
			}








/* IMAGE TABLE AND COLOR BARS */


.imagetable		{
			border-top: #999999 0px solid;
			border-bottom: #999999 0px solid;
			background-color: #FFFFFF;
			padding-top: 0px;
			padding-bottom: 0px;
			}

.imagewidth		{ width: 135px; }


.black1			{ background-color: #000000; }	/* BLACK - home */

.black2			{ background-color: #857550; }	/* TAN - home */

.greengray1		{ background-color: #383929; }	/* GREEN GRAY - about */

.greengray2		{ background-color: #6D6F53; }	/* GREEN GRAY LT - about */

.burgundy1		{ background-color: #8F313E; }	/* BURGUNDY */

.burgundy2		{ background-color: #C0616D; }	/* LT BURGUNDY */

.tan1			{ background-color: #AD835A; }	/* TAN */

.tan2			{ background-color: #CCB492; }	/* LT TAN */

.silver1		{ background-color: #B7BFC5; }	/* SILVER */

.silver2		{ background-color: #D4DCE1; }	/* LT SILVER */

.gray1		{ background-color: #AFACB3; }	/* GRAY */

.gray2		{ background-color: #D3D0D8; }	/* LT GRAY */

.copper1		{ background-color: #A87E6F; }	/* COPPER */

.copper2		{ background-color: #CDA496; }	/* LT COPPER */

.olive1		{ background-color: #6F9D19; }	/* OLIVE */

.olive2		{ background-color: #9BC153; }	/* LT OLIVE*/
















/* GALLERY CODE */

.gallery-border		{ border: #000000 3px solid; margin-bottom: 3px; }

.gallery-borderon	{ border: #FF0000 3px solid; margin-bottom: 3px; }

.gallerytext		{ COLOR: #666666; FONT: 11px verdana, arial, sans-serif; font-weight: normal; }

.gallerytitle		{ COLOR: #000000; FONT: 13px "AvantGarde Md BT", arial, verdana, sans-serif; font-weight: bold; }

.price	 		{ COLOR: #339900; FONT: 14px "AvantGarde Md BT", arial, sans-serif; font-weight: bold; }

.cartmargin		{ margin: 5px 0px 0px 0px; }


/* TEMPLATE ORDER BUTTONS */

.button-order	 	{
			color: #FFFFFF;
	       		text-align: center;
			background-color: #FF7C2C;
	        	background-image: url('picts/button-order.gif');
        		padding: 5px;
			cursor:pointer;
			width: 100px;
        		border: 0px solid #CC6600;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:verdana, arial, serif
			}


.buttonon-order	 	{
			color: #FFFFFF;
	       		text-align: center;
			background-color: #3C57E7;
	        	background-image: url('picts/buttonon-order.gif');
        		padding: 5px;
			cursor:pointer;
			width: 100px;
        		border: 0px solid #333399;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:verdana, arial, serif
			}






/* FAQ POPUP BUTTONS*/

.button 		{
			color: #000000;
	       		font: bold 12px arial, serif;
			text-align: center;
			background-color: #FFFFFF;
        		padding: 2px 7px 2px 7px;
			cursor:pointer;
        		border: #FFFFFF 1px solid;
			}

.buttonon 		{
			color: #FF0000;
	       		font: bold 12px arial, serif;
			text-align: center;
			background-color: #FFFFFF;
        		padding: 2px 7px 2px 7px;
			cursor:pointer;
        		border: #FF0000 1px solid;
			}








/* PAYPAL FORM AND SERVICES PAGE */


.serviceslist	{ margin: 15px; }

.services	{ COLOR: #000000; font: 14px arial, verdana, sans-serif; font-weight: bold; }


.payment-table		{
			background-color: #E7EEF6;
			width: 150px;
			BORDER: #002963 1px solid;
			}

.paymenttext		{ COLOR: #002963; FONT: 11px verdana, arial, sans-serif; font-weight: normal; }

.payment-form		{
			FONT: 13px arial, verdana, sans-serif;
			background-color: #EEF3F4;
			text-align: left;
			WIDTH: 110PX;
			BORDER: #002963 1px solid
			}

.payment-submit		{ WIDTH: 110PX; font-size: 13px; }










/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}








/* LEFT SIDEBAR OPTIONS */

.sidebar-background
			{
			background-color: #FFFFFF;
			}

.sidebarwidth		{ width: 166px; }

.sidebartitle		{ COLOR: #857550; FONT: 15px "AvantGarde Md BT", verdana, arial, sans-serif; font-weight: normal; }

.sidebartext		{ COLOR: #888888; FONT: 11px verdana, arial, sans-serif; font-weight: normal; }

.sidebar-frame		{
			width: 166px;
			height: 650px;
			margin: 0px;
			padding: 0px;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}








/* CONTACT FORM */


.shadeform	{
		FONT: 13px arial, verdana, sans-serif;
		background-color: #EEF3F4;
		text-align: left;
		WIDTH: 175PX;
		BORDER: #000000 1px solid;
		}


.dropdown 	{
		COLOR: #000000;
		background-color: #EEF3F4;
		WIDTH: 200PX;
		FONT: 11px verdana, arial, sans-serif;
		}


.textarea	{
		FONT: 13px arial, verdana, sans-serif;
		background-color: #EEF3F4;
		text-align: left;
		WIDTH: 235PX;
		BORDER: #000000 1px solid;
		}


.submit-button 	{ font: 13px arial, serif; }








/* SITE SEARCH FORM */

.searchsiteform		{
			FONT: 12px arial, verdana, sans-serif;
			color: #000000;
			background-color: #EEF3F4;
			WIDTH: 110PX;
			HEIGHT: 19PX;
			BORDER: #000000 1px solid;
			margin-top: 1px;
			}


/* SITE SEARCH BACKGROUND */

.googlesearch		{ background-color: #FFFFFF; }








/* LINKS PAGE CODE */

.searchbutton	{ font: 11px arial, serif; }

.linksmargin	{ margin: 10px; }


.searchform 	{
		FONT: 11px arial, verdana, sans-serif;
		background-color: #EEF3F4;
		WIDTH: 100PX;
		BORDER: #000000 1px solid;
		}








/* CODE FOR THE menu_gallery.js MENU */


.menu-nav	{
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 8px;
		padding-right: 8px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
		cursor:pointer;
		text-align: center;
		display: block;
		white-space: nowrap;
		border: #B8A883 1px solid;
		}


a.menu-nav:link 	{
			background-color:#857550;
			color: #FFFFFF;
			}


a.menu-nav:visited 	{
			background-color:#857550;
			color: #FFFFFF;
			}


a.menu-nav:active 	{
			background-color:#857550;
			color: #FFFFFF;
			}


a.menu-nav:hover 	{
			background-color:#B8A883;
			color: #FFFFFF;
			border: #FFFFFF 1px solid;
			}


















/*
---------------------------------------------------------------------------------------------------------------------------------------------------*/













/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color: #7D8085; padding: 0px 0 0 0px; width: 159px; }
.nav li {
font-weight: bold;
border-bottom: 1px solid #ccc;
height: 25px; background: url('images/li.png') no-repeat left;; margin-left:0px; margin-right:0; margin-top:0px; margin-bottom:5px; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:0
}
.nav li a { color: #546078; font-family: Verdana, Arial;font-size: 10px; text-decoration: none; padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover { color: #FFF; font-family: Verdana, Arial;font-size: 10px; text-decoration: none; background: #A90000; display: block; height: 25px;}


/* SIDE BOX
---------------------------------------------------------------------------------------------------------------------------------------------------*/

.box{
width:159px;
background:#E2EBF4 url('images/bgbottomright_22.jpg') no-repeat bottom right;
border:1px solid #A5CAEF;
padding:4px;
color:#315E88;
font-family: Verdana, Arial;
font-size:10px;
margin-top:0px
}









/* CSS BUTTON
---------------------------------------------------------------------------------------------------------------------------------------------------*/




.formbutton{
cursor:pointer;
border:1px outset #ccc;
color:#666;
font-size:9pt;
font-weight:bold;

background:url('formbg.gif') repeat-x left top;
}




/* left side
   --------- */

.left {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
	.left_articles {
		margin: 0px 0 10px 0;
	}

	.left_links {
		border: 1px solid #eee;
		padding: 2px 2px 2px 2px;
		margin: 0 0 10px 0;
	}

	.left_links:hover {
		border: 1px solid #ccc;
	}

	.left_message {
		border: 1px solid #eee;
		padding: 10px 10px 10px 75px;
		margin: 0 0 10px 0;
		background: #fff url(questionmark.gif) no-repeat center left;
		color: #454545;
	}

	.left_message:hover {
		border: 1px solid #ccc;
	}

		.left_side {
			float: left;
			width: 180px;
		}

		.right_side {
			float: right;
			width: 200px;
			border-left: 1px solid #eee;
			padding: 0 0 0 20px;
		}

	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
	}

/* right side
   ---------- */







#sidebar h3, #content h3 {
	font-size: 1.21em;
	color: #5B9F00;
	margin: 0 4px 0 0;
	border:0px;
	}
#content h2{
  color: #5B9F00;
}

#content div, #sidebar div {
    padding: 4px 5px;
	}


#content {
	float: left;
	width: 540px;
	position: relative;
	margin-left: 2px;
  	border-left: 1px dashed #C0C0C0;
  	border-right: 1px dashed #C0C0C0;
  	border-top: 1px dashed #C0C0C0;
  	border-bottom: 1px dashed #C0C0C0;
	line-height: 20px;
	text-align: justify;
	word-spacing: 2px;
	padding: 0 0 0 12px;
	}
#content div{
  background: #fff repeat-x;
  margin-left: 10px;
  margin-top: 25px;
}
.stats a{
	color:#000000;
}
.stats
{
text-align: center;
font-family: Verdana;
font-weight: normal;
color: #404040;
width: 500px;
border: 1px #5EA500 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 15px;
margin-bottom: 40px;
 }

td.head
{

border-left: 1px solid #fff;
background-color: #5EA500;
text-align: left;
text-indent: 5px;
font-weight: bold;
color: #fff;
}

td.body
{ border-bottom: 1px solid #5EA500;
border-top: 0px;
border-left: 1px solid #5EA500;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-weight: normal;
color: #333;
background-color: #fff; }

td.body:hover{
	background: #F8F8F8;
}
.postextra{
  background: #F0F0F0;
  padding: 7px 160px 7px 7px;
  border-bottom: 2px solid #999;
}

#right_side {
  margin-top: 1px;
  float: right;
  width: 160px;
  background: #fff url('side_bg.gif') bottom left repeat-x;
}


























.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}




/*
---------------------------------------------------------------------------------------------------------------------------------------------------*/






.rssbutton{
background-color: #ffffff;
border: 1px #8C3039 outset;
padding: 0 2px;
color: #8C3039;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: #8C3039;
}

.cssbutton{
background-color: #8C3039;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% Verdana;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}




/*---------------------------------------------------------------------------------------------------------------------------------------------------*/











/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */


body{background: #FFF;color:#333;
    font: 76% Arial,sans-serif}

ul#split,ul#split li{margin:0;padding:2px;list-style:none}
ul#split li{float:left;width:150px;margin:0 10px 10px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 0px 0 0;text-align:center;color: #000}
ul#split p{margin:2px;padding:5px 8px 5px}
li#one h3{background: #C8C866}
ul#split div{background: #FFC}
li#one div{border:2px solid #C8C866}
li#two h3{background: #FFBD00}
li#two div{border:2px solid #FFBD00}
li#three h3{background: #E3A1C4}
li#three div{border:2px solid #E3A1C4}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

	.date {
      border-bottom: 1px dotted #ccc;
      padding: 5px 0;
      margin: 0px 0 1px 0;
      font-size:10px;
      font-family: "Verdana", Arial;
      font-weight: bold;
      text-align: center }




/* sidelines Right Content Column */

li {
margin:0 2px 5px 15px;
padding-left:15px;
list-style:none;
background-image:url(images/bulleted-li-bg.gif);
background-position:0 3px;
background-repeat:no-repeat;
font-size:8pt;
font-family: "Verdana", Arial;
color:#666666;
}
/* Right Content Column */
#rightColumn {
float:left;
margin:0;
padding:6px;
width:200px;
font-size:.9em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
}

#rightColumn h2 {
font-size:1.4em;
color:#2C2C2C;
}








ol {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background-image:url(images/check.gif);
background-position:0 3px;
background-repeat:no-repeat;
font-size:8pt;
font-family: "Verdana", Arial;
color:#666666;
}
/* top Content Column */



dl {
margin:4px 4px 2px 2px;
padding-left:15px;
list-style:none;
background-image:url(images/bullet2.gif);
background-position:2px 0px;
background-repeat:no-repeat;
font-size:11px;
font-family: "Verdana", Arial;
color:#666666;

}




