/*  //// Layout13 from http://blog.html.it/layoutgala   /////   */

div#sandboxshell{
	float:left;
	width:100%;
	}

div#sandbox{
	margin: 0 100px 0 250px;
	}

div#navigation{
	float:left;
	width:250px;
	margin-left:-100%;
	}

div#container{min-width:1050px;}

div#extra{float:left;
	width:100px;
	margin-left:-100px;
	}

div#footer {clear:both;}

/* //////------ color and other styling ------////// */


body {background : url(../sitegraphics/body-bg.jpg);}
/*
div#container {background : url(../sitegraphics/left-bg.jpg) repeat-y -20px 0 ;}

div#navigation {background : url(../sitegraphics/left-bg.jpg) repeat-y -20px 0 ;}
div#sandboxshell {background : url(../sitegraphics/right-bg.jpg) right repeat-y;}
*/

div#container {background : white url(../sitegraphics/right-bg.jpg) right repeat-y ;}

div#navigation {background : url(../sitegraphics/left-bg.jpg) repeat-y -20px 0 ;}
div#sandboxshell {background : url(../sitegraphics/left-bg.jpg) repeat-y -20px 0;}

div#header {text-align:center;
	margin: 0 100px 0 0;
	background : white url(../sitegraphics/left-bg.jpg) repeat-y -20px 0;
	}

div#sandbox{background:white}

p, ul, ol {
	margin-bottom:.7em;
	}


	/***************************************/
	/***      Menu position/function     ***/
	/***************************************/

ul.menu {			/*menus must be classes so we can have other lists too */
	list-style-type:none;
	background-image:url(../sitegraphics/menu-bg.gif);
	height:28px;
	margin:0;
	margin-left:54px;
	}

.menu li {				/* all list items */
	float:left;
	height:28px;
	margin:0;
	}
	
.menu li a {
	display:block;
	padding:4px 0 4px 18px;
	text-decoration:none;
	height: 24px;
	color:white;
	font-family:"Arial Black",Arial, helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	display:block;
	width:auto;
	_width:1px;
	overflow:visible;
	white-space:nowrap;
	text-align:center;
	}
	
.menu li a:hover {
	color:yellow;
	}

#footer {
	text-align:center;
	background : url(../sitegraphics/body-bg.jpg)
	}

	
	/***********LEFT SIDE *******************/
	
div.navpartplain {
	margin-left:16px;
	width:140px;
	padding:20px;
	padding-left:60px;
	margin-top:8px;
	margin-bottom:0px;
	font-size:12px;
	line-height:15px;
	text-align:left;
	}

div.navpart {
	margin-left:16px;
	width:180px;
	padding:20px;
	margin-top:8px;
	margin-bottom:0px;
	font-size:12px;
	line-height:15px;
	text-align:left;
	color:white;
	background-image:url(../sitegraphics/navpart-bg.jpg);
	background-repeat:repeat-y;
	}
	
.navpart h1 {
	margin-bottom:12px;
	font-size:15px;
	font-family:Georgia, Times, serif;
	font-weight:bold;
	color:white;
	}

.navpart h3 {
	margin-bottom:8px;
	font-size:12px;
	font-family:Georgia, Times, serif;
	font-weight:bold;
	color:white;
	}

.smallcalendar td{ padding-top:3px; padding-bottom:3px;
	border-top:3px double #5D97C5; font-size:11px;}

.smallcalendar td.c1 { padding-right:8px;}

.navpart ul {padding-left:4px;padding-top:8px; list-style-type:square ;}
.navpart li {padding-bottom:6px;
		border-bottom:1px dotted #cfc;
		}
		
.navpart a:hover {color:yellow;}

.sidebar .eklipseform input {
	width:170px;
	}
#sandbox .sidebar .eklipseform td, #sandbox .sidebar .eklipseform th {
height:1px; margin:0; padding:0; tet-align:center; margin:0 auto;
	}

.navpart .eklipseform input, .navpart .eklipseform input:hover {
	background-image:none;
	width:170px;
	background-color:#6DA1D5 !important;
	border:1px solid black;
	border-right:1px solid #82b0e2;
	border-bottom:1px solid #82b0e2;
	}

.navpart a.button , .navpart .eklipseform input.button {
	display:block;
	border:1px solid #72a0d2;
	border-right:1px solid black;
	border-bottom:1px solid black;
	height:18px;
	width:auto;
	text-decoration: none;
	padding-left:4px;
	padding-right:4px;
	text-align:center;
	background-color:#5280B2 !important;
	color:white;
	font-family:Times, "Times New Roman";
	font-size:13px !important;
	line-height:16px;
	font-style:italic !important;
	font-weight:bold;
	}

.navpart .eklipseform input.button {height:24px; margin-top:3px;}

.navpart a {color:white}

/******************CONTENTS************************/
body, #sandbox td{
	font-size: 12px;			/* note we're using points for font sizes now */
	line-height:1.3em;
	color:#333;
	}
	
#sandbox td {padding-right:8px;}
#sandbox td td {padding:4px;}

#sandbox .contents {
	padding:8px;
	}

	
#sandbox h1, #sandbox h2, #sandbox h3, #sandbox h4, #sandbox h5 {
	font-family: Georgia, times, "Times New Roman", serif;
	font-weight: bold;
	margin-bottom:.5em;
	padding-top:.5em;
	}

#sandbox H1, h2 {clear:both; }

#sandbox h1 {font-size:19px; color:#339; line-height:1.2em;}
#sandbox h2 {font-size:15px; color:black; line-height:1.2em;}
#sandbox h3 {font-size:15px; color:#933; line-height:1.2em;}
#sandbox h4 {font-size:15px; color:#339; line-height:1.2em;}

#sandbox p strong {color:#762b1d; font-weight:bold;}

.black {color:black;}

#sandbox a {
	color:#422;
	text-decoration:none;
	font-weight:bold;
	}

#sandbox a:hover {
	text-decoration:underline;
	color:red;
	}

hr {border:1px solid #efece3; margin:1em auto; clear:both;}

#sandbox td.sidebar {;padding:8px;}

#sandbox .sidebar ul { border-left:1px solid #339; list-style-type:none;}

#sandbox .sidebar ul li {
	color:#336;
	font-size:11px;
	line-height:13px;
	margin-bottom:7px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	}
	
#sandbox td.sidebar h1 {font-size:17px;}
#sandbox td.sidebar h2 {font-size:14px;}
#sandbox td.sidebar h3 {font-size:14px;}
#sandbox td.sidebar h4 {font-size:12px;}

.right {padding-left:10px;}
.left {padding-right:10px;}
.center {margin:0 auto; text-align:center;}
.center table {margin:0 auto; text-align:center;}

#sandbox ul {padding-left:20px;margin-bottom:4px;}
#sandbox li {margin-left:20px;margin-bottom:4px;}

.eklipseform input, .eklipseform textarea {
	padding:4px;
	border:0;
	background:url(../sitegraphics/form-bg.png);
	width:340px;
	}

.eklipseform textarea {
	height:150px;
	width:340px;
	}

label.error {display:block; marg-left:10px;font-weight:bold; color:red; font-size:9px; clear:both;}

.eklipseform input:focus, textarea:focus {
	background:url(../sitegraphics/form-bg-selected.png);
	}
	
 input.radio, .eklipseform input.radio {
	border:0;
	border-right:0;
	border-bottom:0;
	}

.eklipseform input.button {
	width:auto;	
	}

#sandbox .eklipseform th {
	font-family:Georgia,Times, Times New Roman;
	font-size:14px;
	font-style:italic !important;
	padding-top:9px;
	text-align:right;
	}

#sandbox .eklipseform td {
	padding:6px;
	}

#sandbox .radio, #sandbox .checkbox {width:auto; }

.productlist table, .productlist2 table {margin: 0 auto 20px auto;}
.productlist td {padding:8px; border-bottom:1px solid #ccc;}
.productlist td input, .productlist2 td input {width:auto !important;}
.productlist td.c4 {font-size:14px !important;}

.productlist .c4 a, .productlist2 .evenrow a  {border-bottom:1px dotted red;}

.productlist2 td {padding:8px; }

.productlist2 .evenrow td {border-bottom:1px solid #ccc;}

.productlist2 .oddrow .c3 {font-size:15px !important; font-weight:bold; vertical-align:bottom;}

.productlist2 .evenrow .c2 {font-size:15px !important;}


#sandbox a.button, #sandbox .eklipseform a.button, #sandbox .eklipseform input.button {
	
	padding:0;
	margin:0;
	display:block;
	border:1px solid #b5686e;
	border-right:1px solid black;
	border-bottom:1px solid black;
	height:20px;
	width:180px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	color:white;
	background:#bb6f61;
	font-family:Georgia,Times, Times New Roman;
	font-size:14px;
	line-height:18px;
	font-style:italic !important;
	}

.calendar .c1 {
	color:black;
	background : url(../sitegraphics/calendar-page.png) no-repeat; 
	text-align:center;
	vertical-align:middle;
	height:66px;
	width:60px;
	padding:0;
	margin:0;
	}

.calendar table {margin-left:-15px;}

.calendar .c1 strong {
	display:block;
	font-size:16px;
	}

.calendar .c2 {
	font-weight:bold;
	vertical-align:middle;
	}
	

div.greybox {
	clear:both;
	background-color:#eee;
	padding:0 20px 10px 20px;
	margin:0 20px 0 20px;
	border-width: 15px; border-color: #fff; border-style:double;
	}

.fancylist ul {
	padding-left:20px;
}
.fancylist li {
	padding-bottom:8px;
}

.fancylist a {
	font-family: Georgia, times, times new roman, serif;
	font-weight: bold;
	color:#933 !important;
	font-size:14px;
	text-transform: uppercase;
}

.pagebreak {page-break-before:always !important; background-color:green;}

.mousetype {font-size:9px !important; line-height:11px;}

.column {float:left; 
	width:41%; 
	margin:2%;
	padding:2%;
	padding-top:0;
	margin-top:0;
	background-image:url(../sitegraphics/columnbg2.jpg) ;
	background-position: bottom;
	background-repeat: repeat-x;
	font-weight:bold;
	}

.clear {clear:both;}

.bolder {font-weight:bold; font-size:14px; line-height:17px; color:black}

dt {font-size:20px; color:#999;text-decoration:underline; padding-top:12px;}
dd {padding-left:20px;}

#sandbox .weddingreservation th { text-align:left}