/* CSS Document */

/* 

min-width is used here to force Netscape (and in this case IE and Firefox)
to add scroll bars and stop the left hand side content disappearing off the edge of the page */

/* HTML tag section */


body { 
	margin: 0; 
	font-size: 62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align: center; 
	background:url(../images/bckGrndBlend.jpg) repeat-x;
}

h1 { 
 	font-size:1.9em;
	color:#563b5f;
}

h2 { 
	font-size:1.6em;
	color:#563b5f; 
	margin-bottom:-10px;
}

hr { 
	width:100%;
	height:2px;
	color:#563b5f;
	background-color:#563b5f;
	clear:both;
}
/* Styles the UL used for navigation in a horizontal format */

ul { 
	font-size:1.1em;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float:left;
	background:#563b5f url(../images/bar.gif) repeat-x;
	border-bottom:1px solid #rgb(66,123,99);
	
}


p{font-size:12pt;  }
ul li { 
color:white;	
float:left;
}




ul a { 
	display:block;
	float:left;
	padding:3px 1em;
	background: url(../images/divider.gif) repeat-y left top;
	text-decoration:none;
	color:white;
}

ul a:hover { 
	color:#333333;
	background-color:#FFFFFF;
}

.urHere { 
	color:#333333;
	background-color:#ffffff;
}



table { 
	width:100%;
	margin-right:1em;
	margin-bottom:2em;
	margin-left:1em;
}
/* ID's section */
/* wrapper contains all the content */

#wrapper { 
	width: 90%;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-right: auto;
	margin-bottom:4em;
	margin-left:auto;
	text-align: left; 
	min-width: 90.5em; 
	max-width: 100%; 
	border-right:1px solid #000000;
}
/* the following looks after the masthead, just the DCL logo and contact number etc */

#logo { 
	overflow:hidden;
	background: url(../images/topLogo.jpg) no-repeat top left;
	width:100%;
	height:50px;
}
/* #branding sits at the top of this layout but below the logo and holds the masthead image */

#branding {
	overflow:hidden;
	background:url(../images/bayViewTop1.jpg) no-repeat top left;
	border-bottom:1px solid #563b5f;
	border-top:1px solid #563b5f;
	text-align:right;
	vertical-align:top;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	padding:10px;
}

#branding2 {
	overflow:hidden;
	background:url(../images/bayViewTop2.jpg) no-repeat top left;
	border-bottom:1px solid #563b5f;
	border-top:1px solid #563b5f;
	text-align:right;
	vertical-align:top;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	padding:10px;
}

/* when you add to the content area you may need to adjust the width sizes */

#content { 
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	width:90%;
	min-width: 45em; 
	max-width:98%;
	margin-left:3em;
	float: left; 
}
#contactRight { 
	padding-top:4em;
}
/* the main content area image */


#content ul {float:none;list-style-type: circle; background-color:white;}
#content ul li{float:none;background-color:white; color:black; font-size:12pt; }
#imageOne { 
	float:right;
	margin:0px 0px 10px 20px;
}

#imageTwo { 
	float:left;
	margin:0px 20px 10px 0px; 
}
/* 
#footer resides at the bottom of the page but still within #wrapper and clears all above it */

#footer {
	clear: both;
	color:#563b5f;
	border-bottom:1px solid #666666;
	padding: 0px 10px 10px 10px;
	font-size:1em;
}
#footer a { 
	color:#563b5f;
	text-decoration:none;
}

#footer a:hover { 
	color: #c8b4ce;
}
#footer img { 
	margin:-5px 5px 0px 5px;
}
/* Classes section */
.imageTwo { 
	float:left;
	margin:0px 20px 10px 0px; 
}
/* Classes that aren't associated to a tag or id that just allow the floating of objects left or right */
.floatLeft { 
	float:left;
}
.floatRight { 
	float:right;
}

.clear { 
	clear: both;
}



/* The following section is dedicated to the menu table found on menu.html only */

#menu th, td { 
	padding:0.1em 1em;
}
#menu caption { 
	font-family:"Bradley Hand ITC",Verdana, Arial, Helvetica, sans-serif!important;
	font-size:2em;
	font-weight:bold;
	margin:1em 0;
	width:540px;
}
#Id { 
	text-indent:-1000em;
	background:#563b5f url(../images/bar.gif) repeat-x;
	border-bottom:1px solid #563b5f;
	width:30px;
}
#price { 
	text-indent:-1000em;
	background:#563b5f url(../images/bar.gif) repeat-x;
	border-bottom:1px solid #563b5f;
	width:30px;
}

#menuItem { 
	text-indent:-1000em;
	background:#563b5f url(../images/bar.gif) repeat-x;
	border-bottom:1px solid #563b5f;
}
.number { 
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	font-weight:bold;
	color:#563b5f;
	border-left:1px solid #563b5f;
}
.menuTitle { 
	font-family:"Bradley Hand ITC",Verdana, Arial, Helvetica, sans-serif!important;
	font-weight:bold;
	font-size:1.4em;
}
.menuItems { 
	font-family:"Bradley Hand ITC",Verdana, Arial, Helvetica, sans-serif!important;
	font-size:1.2em;
}
.price { 
	font-family:Verdana, Arial, Helvetica, sans-serif!important;
	font-weight:bold;
	border-right:1px solid #563b5f;
	color:#563b5f;
}
.bttm { 
	border-bottom:1px dashed #563b5f;
	font-family:"Bradley Hand ITC",Verdana, Arial, Helvetica, sans-serif!important;
	font-size:1.2em;
}
.tableBttm { 
	border-bottom:1px solid #563b5f;
}
.tableBttmLeft { 
	border-bottom:1px solid #563b5f;
	border-left:1px solid #563b5f;
}
.tableBttmRight { 
	border-bottom:1px solid #563b5f;
	border-right:1px solid #563b5f;
}
.my{color:white;}
ul li a:link
{
    color: #0066FF;
}



  div.pictures {
					
					    border:2px solid black;
						height:400px;
						width:589px;
						padding:3px;
						overflow: scroll;
					}
					img.thumbnail {
						height:92px;
						width:92px;
						border:2px solid black;
						background:rgb(100,100,10);
						margin:10px;
					}
					img.preview {
						/*height:480px;
						width:640px;*/
						border:2px solid black
					}
					ul.next{
						overflow:hidden;
						
						list-style-type:none;
					}
					
					#u.next
					{
					    overflow:hidden;
					    background: white;
					    height:60px;	
						list-style-type:none;
						/*
					padding-top:0px;
					list-style-type:none;
					background:Green ;
					color:Blue;
					width:100%;
					*/
					}
					
					 #u.next .floatLefto {
						float:left;
						text-align: right;
						margin-left: 20%;			
					}
										
					.gallerypic
					{
						margin-left: 25%;
						border: 0px;
						}
					#u.next .floatRighto {
						float:right;
						text-align:left ;
						margin-right:20%;   
					}
					
					
				#u.next a
				{
				    background: white;
				}	
				
				#u.next a:visited{
				color:#333333;
				
				}

	
.pic_txt					
{ 
	font-size:16pt;
	color:black;
	text-align:center; 
	margin-bottom:10px;
}