/* MAIN STRUCTURE*/



*	{margin:0px;padding:0px;} /* neutralizes all inherited paddings and margins from all browsers */



body { 

	text-align: center; 

	scrollbar-face-color:#ffffff; 

	scrollbar-shadow-color:#ffffff; 

	scrollbar-highlight-color:#ffffff; 

	scrollbar-3dlight-color:#000000; 

	scrollbar-darkshadow-color:#000000; 

	scrollbar-track-color:#ffffff; 

	scrollbar-arrow-color:#019717;

	font-family:Georgia,serif; 
	letter-spacing: .03em;

	font-size:95%;
	line-height: 1.5;

	}



.bodyhome      { 

	scrollbar-face-color:#ffffff; 

	scrollbar-shadow-color:#ffffff; 

	scrollbar-highlight-color:#ffffff; 

	scrollbar-3dlight-color:#000000; 

	scrollbar-darkshadow-color:#000000; 

	scrollbar-track-color:#ffffff; 

	scrollbar-arrow-color:#019717;

	background-image:url('images/bghmpg.gif'); 

	background-repeat:repeat-x; 

	background-position-y:top; 

	background-color:#fff; 

	}



#main_content	{

	background:#f1ede1;

	border-top:6px solid #cfc1a3;

	text-align:center;

	border-bottom:6px solid #cfc1a3;

	margin-top:10px;

	}

#main_content>div{ /*Proper way to center a relative div*/

margin: 0 auto;}

#container { 

	text-align: center; 

	margin: auto;

	}

#container>div{ /*Proper way to center a relative div*/

margin: 0 auto;}

#main	{

	margin:0px;

	height:656px;

	padding:0px;

	border:0px solid black;

	}



.content {

	padding:10px;

	margin: 10px;

	width: 440px;

	text-align: center; /* to left align text within divs when container has been set to center */

	vertical-align: top; /* required for IE and Opera */



}

.content>div{ /*Proper way to center a relative div*/

margin: 0 auto;}

#container { 

	text-align: center; 

	margin: auto;

}

.contenthome {

	text-align: center; 

	width:680px; 

	margin-top: 400px;

	}

 {

	text-align: center;}

#nav>div{ /*Proper way to center a relative div*/

margin: 0 auto;}


#rightNav {
width: 305px;
background: #ece6d9 url(http://elegantaffairscaterers2.getwhippet.com/images/rightNavBG.jpg) no-repeat top left;
float: right;
height: 101%;
}

#rightNavList li {
background: url(http://elegantaffairscaterers2.getwhippet.com/images/rightNavItemBG.png) no-repeat top right;
font-size: 25px;
font-family: Georgia, serif;
color: #c0ae8b;
text-align: left;
border-bottom: 2px solid white;
padding: 7px 0 7px 15px;
}

ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	text-align:center;

}



li { /* all list items */

	float: left;

	position: relative;

	width: 10em;

	text-align:center;

}





li ul { /* second-level lists */

	display: none;

	position: absolute;

	top: 1em;

	left: 0;

	padding-top: 5px;

	line-height: 1.5;

	padding-bottom: 5px;

	background: #fff; 

	border-bottom: 5px solid #e64624

}



li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	top: auto;

	left: auto;

}



li:hover ul, li.over ul { /* lists nested under hovered list items */

	display: block;

}



#nav a:link {  text-decoration:none; color:#e14423; font-weight:bold }
#nav a:visited {  text-decoration:none; color:#e14423; font-weight:bold }
#nav a:active {  text-decoration:none; color:#e14423; font-weight:bold }
#nav a:hover  { color:#896e68; font-weight:bold }

#navtop a:link {  text-decoration:none; color:#e14423; font-weight:bold }
#navtop a:visited {  text-decoration:none; color:#e14423; font-weight:bold }
#navtop a:active {  text-decoration:none; color:#e14423; font-weight:bold }
#navtop a:hover  { color:#896e68; font-weight:bold }

.navline { border-right: 1px solid #5D2d21; }

.navline2 { border-right: 1px solid #fff; }

#top {
background: #fff url(http://elegantaffairscaterers2.getwhippet.com/images/topBG.jpg) repeat-x top;
height: 40px;
font-family: "Lucida Grande", Arial, Sans-Serif;
font-size:11px;
text-align: left;
padding: 0;
color: #7d2c18;
text-transform: uppercase;
text-align: center;
}
#top a:link {
font-weight: normal;
}
#top a:visited {
font-weight: normal;
}
#top a:active {
font-weight: normal;
}
#top a:hover {
font-weight: normal;
}

#socialMedia {
float: right;
text-align: right;
}

#navtop {
padding-top: 10px;
font-family: "Lucida Grande", Arial, Sans-Serif;
font-size:11px;
padding: 0;
color: #7d2c18;
text-transform: uppercase;
text-align: center;
}
.contained {
width: 950px;
text-align: left;
}

#topBG {
	background: url(http://elegantaffairscaterers2.getwhippet.com/images/headerBG.jpg) repeat-x top center;

}
.header { 

	text-align: center; 

	width: 950px;

	padding:0px;

	margin-left: auto;

	margin-right: auto;
	
	}

.header>div{ /*Proper way to center a relative div*/

margin: 0 auto;}



.header2 { 

	text-align: center; 

	width: 680px; 

	padding-bottom: 50px;  

	margin-left: auto;

	margin-right: auto; 

	width: 50em; 

	}



.footer { 

	clear: both; 

	margin-top: 0px; 

	padding-top: 0px;

	}

.imageBorder {
border-bottom: 5px solid #cfc1a3;
}

td.mainContentArea {
padding: 0 40px 20px 0;

}

#rightCol {
border-left: 6px solid #cfc1a3; border-right: 6px solid #cfc1a3; width: 295px;
background: url(http://elegantaffairscaterers2.getwhippet.com/images/rightTableBG.jpg) no-repeat bottom left;
}


/*GALLERY STYLING*/


/*Testing Slider 
#slideContainer{
width: 780px;
height: 600px;
border: 8px solid #FFF;
overflow: auto;
margin: 0 auto;
overflow-x: hidden;
overflow-y: hidden;
}

.slider{
width: 2000px;
height: 700px;
padding: 20px;
background: #CCCCCC;
}

.section{
margin:0;
width:220px;
float:left;
margin-right:50px;
}*/

#slider-stage{width:850px; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:180px; margin:0 auto;font-size: 12px;}
#slider-buttons{margin:15px 0;}
	#slider-list{width:2000px; border:0; margin:0; padding:0; left:400px;}
	#slider-list li{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:4px;
		padding:4px; 
		float:left;
		width:130px;
		height:150px;
		background: #f1ede1;
		}

.bg {
background: #f1ede1;

}

img.close {
float: right;
margin: 5px 0 0 0;
}

.catThumb {
margin-bottom: 3px;
}

#gallery	{
background: #f1ede1;
margin: 0;
	}

#gallery h2 {
margin:0px;
padding: 0px;
}

#galleryNav {
background: #cfc1a3;
border-top: 3px solid #c3b492;
border-bottom: 3px solid #c3b492;
width: 100%;
text-align: center;
margin-top: -5px;
}

#galleryContainer {
width: 900px;
text-align: left;
}

#galleryThumbs{
border-top: 5px solid #c3b492;
border-bottom: 5px solid #c3b492;
background: #cfc1a3;
width:100%;
padding: 20px;
}

#galleryThumbs table {
}

.gal {

		width:100%;

		overflow:auto;

		border:1px solid #eeeeff; 

		padding:0px; 



			}

			

.photogalleryItem {	
border: 5px solid #cfc1a3;
text-align: center;
background: #cfc1a3;
		 }

.photogalleryItem img {

}

.galitemfirst {

	border: 5px solid #d0c2a5;



	}

td.photogalleryNavigation {
margin: 5px;
text-align: right;
vertical-align: bottom;
/*background: url(http://elegantaffairscaterers2.getwhippet.com/images/next.png) no-repeat bottom right;*/
background: #cfc1a3;
}

.photogalleryNavigation a:link, .photogalleryNavigation a:visited, .photogalleryNavigation a:active, .photogalleryNavigation a:hover{

            padding: 15px;text-align: right;font-size: 12px; font-family: Helvetica, arial, sans-serif;text-transform: uppercase;color: #531e11;

}

#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink {

        background:transparent url(/YourPrevImage.gif) no-repeat scroll right 15% !important;

}




/*CONTENT and TEXT STYLING */



p	{ 
	margin-bottom:10px;
	}

h2 {

font-size:20px;color:#e7502f; text-align:center;

}

hr	{

	color: #cfc1a3;

	background-color: #cfc1a3;

	height: 5px;

   border: 0;

   margin-top:10px;

   margin-bottom:10px;

	}

p.instruction {
color: #531e11;
font-size: 12px;
font-family: Helvetica, Arial, Sans-Serif;
font-style: italic;
text-align: center;
margin:5px 0px;
}

.contactText {

	font-weight: bold; 

	font-size: 14px;

	}

	

.titleStyle {

	font-weight: bold; 

	font-size: 16px; 

	color: #5D2D21;

	margin-bottom:10px;

	margin-top:10px;

	padding:5px;

	background:#cfc1a3;

	}

	

.venues {

	

	height: 330px; 

	overflow: scroll; 

	padding:10px; 

	margin:0;

	text-align:left;

}

.submenu { 

	font-size:11px; 

	color:#604B5; 

	line-height: 150%; 

	text-align: center; 

	margin-bottom: 5px;

	}



blockquote { 

	font-style: italic; 

	text-align: center;

	}





ul, li {
	}



/*xsnazzy is for the rounded corner effect (on home page) */



#xsnazzy	{width:350px;}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}

#xsnazzy h1 {font-size:2.5em; color:#fff;}

#xsnazzy h2 {font-size:2em;color:#06a; border:0;}

#xsnazzy h3	{font-size: 13px;margin:0;padding: 0 0 3px;color: #fff;background:#000;text-align: center; margin-bottom:5px; text-transform:uppercase;}

#xsnazzy hr	{	border: 0;

	width: 100%;

	color: #000000;

	background-color: #000000;

	height: 1px;

		}

#xsnazzy a:link	{font-size:11px; color:#FFCC99; text-decoration:none; font-weight:bold;	font-family:trebuchet, arial, sans-serif; text-transform: none;}

#xsnazzy a:visited	{font-size:11px; color:#FFCC99; text-decoration:none;font-weight:bold;	font-family:trebuchet, arial, sans-serif; text-transform: none;}

#xsnazzy a:active	{font-size:11px; color:#FFCC99; text-decoration:none; font-weight:bold;	font-family:trebuchet, arial, sans-serif; text-transform: none;}

#xsnazzy a:hover	{font-size:11px; color:#ffffff; text-decoration:none;font-weight:bold;	font-family:trebuchet, arial, sans-serif; text-transform: none;}



#xsnazzy p {padding:10px;font-size:11px; color:#333333; line-height:140%;}

#xsnazzy h2 {padding-top:0.5em;}

#xsnazzy {background: transparent; margin:1em; font-size:11px; color:#333333; line-height:160%;}

#xsnazzy p.fact	{

	font-size:37px;

	color:#999999;

	font-weight:bold;

	padding:0;margin:0;line-height:100%;text-align:center;

	}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background:#CC3333; border-left:1px solid #CC3333; border-right:1px solid #CC3300;}

.xb1 {margin:0 5px; background:#CC3300;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#CC3300; border:0 solid #CC3300; border-width:0 1px;}







/*LINKS*/



a:link		{text-decoration:none; color:#7d2c18; font-weight:bold }

a:visited {text-decoration:none; color:#7d2c18; font-weight:bold }

a:active	{text-decoration:none; color:#e64624; font-weight:bold }

a:hover   { color:#e64624; font-weight:bold }





a:link.pipe		{ font-size:12px; text-decoration:none; font-weight:700; color:#5D2D21 }

a:visited.pipe { font-size:12px; text-decoration:none; font-weight:700; color:#5D2D21 }

a:hover.pipe   { color:#000000 }



a:link.first,

a:visited.first { font-size:12px; text-decoration:none; font-weight:700; color:#5D2D21 }

a:hover.first   { color:#000000 }



a:link.nav		{ font-size:12px; text-decoration:none; font-weight:700; color:#5D2D21; }

a:visited.nav { font-size:12px; text-decoration:none; font-weight:700; color:#5D2D21; }

a:hover.nav   { color:#e64624 }

a:active.nav {color:#e64624;}

a:link.topnav,

a:visited.topnav { font-size:12px; text-decoration:none; font-weight:700; color:#5D2D21 }

a:hover.topnav   { color:#000000 }















/* Random CSS not sure if it is used or not */



.pixframe          { 

scrollbar-face-color:#F1EDE1; 

scrollbar-shadow-color:#F1EDE1; 

scrollbar-highlight-color:#F1EDE1; 

scrollbar-3dlight-color:#AF9C7A; 

scrollbar-darkshadow-color:#AF9C7A; 

scrollbar-track-color:#F1EDE1; 

scrollbar-arrow-color:#AF9C7A; 

background-color:#F1EDE1;

width:100%; height:320px; overflow-y:hidden

}



.pixbgcolor  { background-color:#CFC1A3 }

.p           { font-family:Georgia,serif; font-size:12px; }

.textbox     { 

scrollbar-face-color:#F1EDE1; 

scrollbar-shadow-color:#F1EDE1; 

scrollbar-highlight-color:#F1EDE1; 

scrollbar-3dlight-color:#000000; 

scrollbar-darkshadow-color:#000000; 

scrollbar-track-color:#F1EDE1; 

scrollbar-arrow-color:#019717;

font-size:10px; background-color:#F1EDE1; border:1px solid #000000 }

form          { display:inline }

.topnav          { font-size:12px; color:#5D2D21; height:24px; width:680px; }

.topnavdiv2      { line-height:132%; height:70px; width:680px }

.topnavdiv3      { line-height:132%; height:42px; width:680px }

.gallerycells    { background-image:url('images/gallerycells_bg.gif'); background-repeat:no-repeat; width:632px; height:118px; padding:6px }

.gallerycells2   { background-image:url('images/gallerycells2.gif'); background-repeat:no-repeat; width:647px; height:331px }

.gallerypix      { float:left; padding-left:64px }

.gallerypix1     { float:left }

.gallerypad      { padding:9px }

.drinks { margin-top: 20px;}

			

body.gallery { 

background-image:url('images/bg.gif'); 

background-repeat:repeat-x; 

background-position:top;



}



a:link.hmnav {

	color: #fff;

	line-height: 3.0;

	}

a:visited.hmnav {

	color: #fff;

	line-height: 3.0;

	}

a:hover.hmnav {

color: #e64624

	}

#watermark_box {

position:relative;

display:block;


}

img.watermark {

position: absolute;

bottom: 4px;

left: 4px;
z-index: 100;

}