﻿@charset "utf-8";
/* Frog Commissary */


body
{
background-color:#ffffff;
font-family:"Times New Roman", Times, serif;


}

#wrap
{
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;

}

#header
{
	width:605px;
	float:right;
	height:70px;
	background-image:url(../_images/header2.gif);
}

#menu
{

}

#left
{
	width:170px;
	height:300px;
	float:left;

}



#content
{
	background-color:#ffffff;
	height:400px;
	width:603px;
	height:auto;
	float:right;
	background-repeat: no-repeat;
}

#contentPackages
{
	background-color:#ffffff;
	height:400px;
	width:603px;
	height:auto;
	float:right;
	
	background-repeat: no-repeat;
}


#contentHome
{
	background-color:#ffffff;
	height:500px;
	width:603px;

	float:right;
	margin-bottom:60px;
}



#contentEvents
{
	background-color:#ffffff;
	height:400px;
	width:300px;
	height:440px;
	float:right;
	background-repeat: no-repeat;
	background-image: url(../_images/contentback.jpg);
	background-position: center bottom;

}


#footer
{
	text-align:right;
	clear:both;
	width:600px;
	float:right;
	padding-top: 20px;
	margin-top:20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #800001;
	font-size:12px;

}

#leftFooter
{width:250px;
float:left;
text-align:left;
}

#rightFooter
{width:250px;
float:right;
}


/* Headings */

h1
{

}

h2
{

}

h3
{
clear:both;
border-bottom:1px dotted #800001;

}

h4
{
margin-top:-15px;
}


h5
{
font-size:18px;
font-weight:bold;
color: #800001;
margin-bottom:0;
border-bottom:1px dotted #800001;
}


img
{
padding:10px;
}



/* Menu */

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #800001; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 25px; /*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 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #7a7a7a; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #800001; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #800001; /*Brown color theme*/ 
color: white;
border-color: #800001; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}


#franklin{
	width:170px;
	height:100px;
	background-image:url(../_images/franklin2.gif);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:160px;
	left:0px;
}
	
a#franklin:hover{
background-position:-170px 0px;
}

#seaport{
	width:170px;
	height:100px;
	background-image:url(../_images/carrotCake.gif);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:480px;
	left:0px;
}
	
a#seaport:hover{
background-position:-170px 0px;
}


#wallingford{
	width:170px;
	height:100px;
	background-image:url(../_images/wallingford.gif);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:265px;
	left:0px;
}
	
a#wallingford:hover{
background-position:-170px 0px;
}

#other{
	width:170px;
	height:100px;
	background-image:url(../_images/other2.gif);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:375px;
	left:1px;
}
	
a#other:hover{
background-position:-170px 0px;
}

#contentLeft
{
float:left;
width:400px;
height:auto;
}

#contentRight
{
	float:right;
	width:180px;
	height:auto;
	border-left: 1pt solid #eeeeee;
	padding-left: 10px;
}











/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../_images/galleryThumbs/0313.jpg);}
a.slideb {background:url(../_images/galleryThumbs/Picture_00.jpg);}
a.slidec {background:url(london/thumb4.jpg);}
a.slided {background:url(london/thumb5.jpg);}
a.slidee {background:url(london/thumb6.jpg);}
a.slidef {background:url(london/thumb7.jpg);}
a.slideg {background:url(london/thumb8.jpg);}
a.slideh {background:url(london/thumb9.jpg);}
a.slidei {background:url(london/thumb10.jpg);}
a.slidej {background:url(london/thumb11.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #800001;}




/* styling for LEFT gallery */
#container_left {position:relative; width:600px; height:305px; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-25px; left:175px; padding:5px; font-style:italic; color:#000000;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}

#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:500px; top:5px; left:180px; padding:5px; color:#000; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}





#franklinW{
	width:300px;
	height:60px;
	background-image:url(../_images/franklinPackage.jpg);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:180px;
	left:270px;
}
	
a#franklinW:hover{
background-position:-300px 0px;
}

#seaportW{
	width:300px;
	height:60px;
	background-image:url(../_images/seaportPackage.jpg);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:250px;
	left:270px;
}
	
a#seaportW:hover{
background-position:-300px 0px;
}

#cacW{
	width:300px;
	height:60px;
	background-image:url(../_images/cacPackage.jpg);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:320px;
	left:270px;
}
	
a#cacW:hover{
background-position:-300px 0px;
}



#seaportC{
	width:300px;
	height:60px;
	background-image:url(../_images/seaportPackage.jpg);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:470px;
	left:270px;
}
	
a#seaportC:hover{
background-position:-300px 0px;
}

#cacC{
	width:300px;
	height:60px;
	background-image:url(../_images/cacPackage.jpg);
	background-repeat:no-repeat;
	margin:auto;
	padding:auto;
	background-position:left;
	position:absolute;
	display:block;
	top:540px;
	left:270px;
}
	
a#cacC:hover{
background-position:-300px 0px;
}


h6
{text-indent:100px;
font-size:14px;
}

#imgDisplay img
{
float:left;
}

#imgDisplay p
{

clear:both;
}