/* =============================================== */
.frame {
	background:#003404;
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0;
	font-family: arial,sans-serif;
	overflow: auto;
}

.mainfont{

font-family:'Georgia',cursive;

}


.fontforcaption{

font-size:80%;
font-weight:100;
padding-left:30px;
color: #C5A24D;
font-family: 'Georgia',cursive;
}

.fontfortable{
font-family: 'Georgia',cursive;
font-size:80%;
font-weight:100;
color:#187903;
}

.fontfortablemain{
font-family: 'Georgia',cursive;
font-size:100%;
font-weight:500;
color:#187903;
}
.header {
	position: relative;
	height: 20%;
	width: 100%;
	margin-top:10px;
	margin-left:10px;
	display: block;
}

.header {
	position: relative;
	height: 20%;
	width: 100%;
	margin:5px;
	display: block;
}

.underline {
border-bottom: 1px solid #C5A24D; 
padding-bottom:3px;
}

.header-image {
	left: 0;
	margin: 0;
	padding: 0;
	margin-left: 20px;

	margin-right: 15px;
	float: left;
}

.header-text {
	margin-left: 1%;
	font-weight: bold;
	color: #C5A24D;
}

.tag-1 {
	font-family:'Georgia',cursive;
	font-size: 31px;
	width: 300px;
	margin: 10px;
}

.tag-1 p {
	margin: 0px;
	line-height: 24px;
}

.descriptionparagraph  p {
	
	width: 59%;
        padding-left:30px;
	word-wrap:break-word;
color: #C5A24D;
line-height:100%;
}
.tag-2 {
	width: 400px;		
}

.tag-2 p {
	margin: 10px 0px;
	font-family:'Georgia',cursive;
	text-align: center;
	font-size: 17px;
}

.menualger {
        border-top: 2px solid #C5A24D;
        border-left: 2px solid #C5A24D;
        border-right: 2px solid #C5A24D;
	padding: 1px 0px;
	font-size: 14px;
	background-color:green;	

}

.body-menus {
	width: 173px;
	float: left;
	margin-left: 20px;
}

.menu {
	padding: 5px 0px;
	font-size: 15px;
	color: #C5A24D;
	font-weight: bold;	
}

.menubottom {
	border-bottom: 2px solid #C5A24D;
	padding: 5px 0px;
	font-size: 15px;
	color: #C5A24D;
	font-weight: bold;	
}

.menutable{
}
.menuwhite {
	padding: 1px 0px;
	font-size: 14px;
	color:white;	
}

.menugold {
	padding: 1px 0px;
	font-size: 14px;
	color:#C5A24D;	
	font-weight: bold;	

}
.menumanhattan {
        border-top: 2px solid #C5A24D;
        border-left: 2px solid #C5A24D;
        border-right: 2px solid #C5A24D;
	padding: 1px 0px;
	font-size: 14px;
	background-color:blue;	

}
.commontop {
     padding: 5px 4px;
	font-size: 15px;
	color: #C5A24D;
	font-weight: bold;	
	
}
.commonbottom {
    	padding: 5px 4px;
	font-size: 15px;
	color: #C5A24D;
	font-weight: bold;	
	
	
}
.commonmenu {
padding-right: 10px;
}
.common {
    	padding: 5px 4px;
	font-size: 15px;
	color: #C5A24D;
	font-weight: bold;	
	
}
.menudrop {
        padding-left:5px;
	padding: 2px 0px;
	font-size: 13px;
	color: #C5A24D;
		
}
.menudropon {
	padding: 5px 0px;
	font-size: 15px;
	color: #C5A24D;
	font-weight: bold;	
       
}

.menudropoff {
	padding: 5px 0px;
	font-size: 15px;
	color: white;
	font-weight: bold;
         background:#C5A24D;	
}

.menu p {
	margin: 0px;
	color: #C5A24D;
}

.highlight {
	font-size: 17px;
	color:#C5A24D;
}

.titlenames {
/*font-family: 'Comic Sans Ms', cursive;
*/
font-family:'Georgia',cursive;
font-size:120%
}

.content {
	float: left;
	margin: 15px;
	border: 10px;
	background:#003404;
	padding: 0px;
	position: relative;
	font-weight: bold;
	width: 920px;
}

.left {
	float: left; 
	margin-bottom: 10px;
	width: 70.5%;	
	height: 350px;
        }
.lefteventtypes {
        padding-top:3px;
        padding-left:1px;
	float: left; 
	margin-bottom: 10px;
        margin-right: 13px;
	width: 65%;	
	height: 380px;
        }
.leftevents {
	float: left; 
	margin-bottom: 10px;
        margin-right: 13px;
	width: 70.5%;	
	height: 451px;
        }

.lefteventsahgallery {
	float: left; 
        margin-right: 0px;/*13*/
	width: 65.5%;	
	height: 380px;
        }
.descriptionrightextend  p {
	float: left;
	width: 47%;
	word-wrap:break-word;
color: #C5A24D;
line-height:100%;
}

.descriptionleftextend  p {
	float: left;
color: #C5A24D;
width: 47%;
padding-right:40px;
line-height:100%;
}
.descriptionextend  p {
	float: left;
color: #C5A24D;
width: 100%;
padding-right:40px;
line-height:100%;
}
.right {
	float: left;
	margin: 0px 10px 10px 10px;
	height:250px;
	width: 27%;
}

.image-loop-events img {
	padding: 0.17%;
        padding-bottom:6px;
        /*padding-top: 2px;*/
	width: 31.51%;
	height:68.4px;
	cursor: pointer;
}
.image-loop img {
	padding-bottom: 7px;
        /*padding-top: 2px;*/
	width: 49%;
	height: 80px;
	cursor: pointer;
}

.description {
        padding-right: 15px;
}

.descriptionleft  p {
	float: left;
	width: 31%;
padding-right:40px;
padding-left:30px;
	word-wrap:break-word;
        color: #C5A24D;
line-height:100%;
}

.descriptioncaption  p {
	float: left;
	width: 63%;
font-family: 'Georgia',cursive;
color: #C5A24D;
}

.descriptionright  p {
	float: left;
	width: 31%;
	word-wrap:break-word;
color: #C5A24D;
line-height:100%;
}
.descriptionimage {
        padding-left: 5px;
        font-family:'Georgia',cursive;
	text-align: left;
}


.menutable{
background:#FFFCCF;
color:#248524;
font-family:'Georgia',cursive;
}

.outtermenutable{
background:#FFFCCF;
color:#248524;
font-family:'Georgia',cursive;

}
.descriptionimage  p {
	word-wrap:break-word;
font-family:'Georgia',cursive;
color: #C5A24D;
font-size:x-small;
}
div {line-height:1;}


.descriptionrightextend  p {
	float: left;
	width: 47%;
	word-wrap:break-word;
color: #C5A24D;
line-height:100%;
}
.about {
	margin-right: 14px;
        
padding-left:300px;
	font-size: 12px;
	color: #C5A24D;
	font-weight: normal;	
}
.descriptionleftextendfloor  p {
	float: left;
	word-wrap:break-word;
color: #C5A24D;
width: 43%;
padding-right:40px;
line-height:100%;
}
.border {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
    
	&:before, &:after {
		z-index: -1;
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
		transform: skew(-15deg) rotate(-6deg); 
    }
    
	&:after {
		transform: skew(15deg) rotate(6deg); 
    }  
}

.floatfix { overflow: hidden; }
