@charset "utf-8";
/* CSS Document */

@font-face{ font-family:"Rokkitt";  src:url("fonts/Rokkitt.eot");  src:local("Rokkitt"), url("fonts/Rokkitt.ttf") format("truetype"); }

@font-face{ font-family:"LeagueGothic";  src:url("fonts/LeagueGothic.eot");  src:local("LeagueGothic"), url("fonts/LeagueGothic.ttf") format("truetype"); }







body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
background-color:#e4e4e4;










}
#wrapper{


width:1000px;
height:auto;
background-color:#fff;
margin:0;
padding:0;

margin:auto;

}
#header{


width:1000px;
height:84px;
margin:0;
padding:0;
background-color:#fff;
overflow:hidden;
background-image:url(../images/bg-header.png);
background-repeat:no-repeat;

}
.logo{
margin:0;
padding:0;
width:auto;
height:auto;

float:left;
margin:3px 0px 16px 22px;

}


#menu{


width:1000px;
height:66px;
margin:0;
padding:0;
background-color:#b0292f;
overflow:hidden;

}
#main_content{


width:1000px;
height:auto;
margin:0;
padding:0;
background-color:#fff;


}

#content{
margin:0;
padding:0;
margin:auto;


width:970px;
height:auto;
padding:11px;

background-color:#fff;
float:left;



}
a{
color:#877825;
text-decoration:none;
}

p a{
color:#877825;
text-decoration:none;
}
p a:hover{
text-decoration:underline;
color:#000000;
}

img{
border:none;
}

h1, h2, h3, h4, h5, h6{
font-family:"LeagueGothic", Georgia, "Times New Roman", Times, serif;

font-weight:normal;
text-decoration:underline;
color:#b2202a;
margin:0;
padding:0;
margin-bottom:10px;


}
h1{
font-size:60px;
}
h2{
font-size:42px;
}
h3{
font-size:36px;
color:#5c5c5c;
}
h4, h5, h6{
font-size:28px;
color:#af292e;
font-family:Georgia, "Times New Roman", Times, serif;
}




p{
margin-bottom:1em;
line-height:23px;
}

p#center{
text-align:center;
}

ul{
margin:0;
padding:0;
margin-left:15px;
}
ul li{
list-style-type:square;
padding:3px;
}
ul li a{
color:#494f2c;
text-decoration:none;
list-style-type:square;

}


ul li a:hover{
color:#000;
text-decoration:underline;
list-style-type:square;

}

#food_product{
width:100%;
height:auto;

margin-bottom:10px;


}

#foodimg{
width:228px;
height:163px;

float:left;
background-image:url(../images/img-shad-bg.png);
background-repeat:no-repeat;
text-align:center;
margin-right:14px;
margin-top:7px;

}

#foodimg img{
margin:0;
padding:0;
width:203px;
height:135px;
padding-top:14px;
}






.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background:url(../images/spanrightbut.png) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: italic 26px Georgia, "Times New Roman", Times, serif;
    height: 72px;
    margin-right: 6px;
    padding-right: 98px;
	 /* sliding doors padding */
    text-decoration: none;
}



a.button span {
    background:url(../images/spanleftbut.png) no-repeat;
    display: block;
    line-height: 44px;
    padding: 11px 0 22px 58px;
	
	
} 



a.button:hover {
    background:url(../images/spanrightbuthov.png) no-repeat scroll top right;
	}

a.button:hover span{

 background:url(../images/spanleftbuthov.png) no-repeat;
}


#bottombut{
width:310px;
height:auto;
margin:auto;
margin-bottom:20px;

}





/* FOOTER */
#footer{

width:1000px;
height:170px;
clear:both;

background-color:#e4e4e4;
background-image:url(../images/footerbg.png);
background-repeat:repeat-x;



}

.fm{

width:auto;
height:25px;

text-align:center;
vertical-align:middle;

padding:30px;
color:#dedede;
font-size:14px;


}


#stlogo{
vertical-align:middle;
padding:0 10px 0 10px;
}

.fm a{
color:#dedede;
text-decoration:none;
padding:0 5px 0 5px;
}
.fm a:hover{
text-decoration:underline;
}

span#headline{
padding:20px;
width:940px;
height:auto;
background-color:#e5e2e2;
margin-bottom:10px;
margin-top:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;



}



span#adminheadline{
padding:20px;
width:940px;
height:auto;
background-color:#e5e2e2;
margin-bottom:10px;
margin-top:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;



}



form#login{
padding:0;
margin:0;

	
}

#login input{
width:270px;
height:20px;
padding:4px;


}

#login input#rem{
width:auto;
height:auto;
}

#login #log{
width:283px;
height:30px;
padding:4px;
}



div#a4{
width:300px;
height:auto;
padding:20px;
background-color:#e8e2e1;

-moz-border-radius: 15px;
border-radius: 15px;
margin:auto;
margin-bottom:30px;
clear:both;

}


div#a5{
width:440px;
height:auto;
padding:20px;
background-color:#e8e2e1;

-moz-border-radius: 15px;
border-radius: 15px;
margin:auto;
margin-bottom:30px;

}


#clear{
clear:both;
width:auto;
height:10px;
padding:10px;


}


p#error{
padding:5px;
background-color:#FFFFFF;
color:#990033;
margin:auto;
margin-bottom:10px;




}






#contact-wrapper {
	width:410px;
	border:1px solid #e2e2e2;
	
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#regform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}



select#month, select#day, select#year{

float:left;
margin-right:70px;




}


label.error { color: red; font-size:10px;  }

#zip{
clear:both;
}

#sub{
width:200px;
background-color:#CCCCCC;
color:#ffffff;
}

#pwcheck{
float:left;

}


#useraccount{
float:right;

width:420px;
height:30px;

padding:0;
margin:0;
padding:30px 35px 5px 0px;
color:#000;
text-align:right;




}

#myphoto_mainwrapper{
width:800px;
height:auto;
margin:auto;


}

#myphoto_wrapper{

width:800px;
height:auto;
margin:auto;

-moz-border-radius: 15px;
border-radius: 15px;
background-color:#efefef;

float:left;
}

#myphoto{

width:760px;
height:auto;
padding:20px;


margin-bottom:10px;
border-bottom:1px solid #999;
clear:both;
float:left;


}


#myimage{


width:110px;
height:auto;

float:left;

}
#mycontent{
width:640px;
height:auto;

float:right;
padding:0;
margin:0;

}

#mycontent p#descrip{
width:640px;
height:200px;
overflow:scroll;
text-align:left;
float:left;

border:1px solid #9e9e9e;




}



#myphoto2{

width:900px;
height:auto;
padding:20px;


margin-bottom:10px;
border-bottom:1px solid #999;
clear:both;
float:left;


}


#mycontent2{
width:900px;
height:auto;

float:left;
padding:0;
margin:0;

}



img#thumbnails{
width:100px;
height:auto;


}


#details{
font-size:10px;
font-style:italic;
margin-bottom:10px;

}


#description{
width:390px;
height:140px;
text-align:left;


}


#a5 #regform #row{
margin-bottom:3em;



}

#a5 #regform #row2{
margin-bottom:3em;
margin-top:3em;
border:1px solid #000;
float:left;



}

p#addnew a{
color:#990000;
font-weight:bold;
padding:4px;
background-color:#fff;
font-size:11px;
margin-bottom:20px;

}

#submitphoto{

background-color:#edece0;
padding:20px;
margin-top:20px;

}

input#delete{
margin-left:20px;
width:200px;
height:30px;
background-color:#990000;
color:#fff;


}


#agreement{
width:400px;
height:240px;
background-color:#FFFFFF;
border:2px solid #868686;
overflow:scroll;
padding:5px;
font-size:11px;



}

#agreement a{
color:#990000;
text-decoration:underline;
}


#comment{
padding:10px;
background-color:#efeee5;
-moz-border-radius: 15px;
border-radius: 15px;
margin-bottom:10px;
}

#comment p#quote{
padding-left:50px;
background-image:url(../images/quote-left.png);
background-repeat:no-repeat;
background-position:top left;
padding-right:40px;
line-height:25px;
text-align:left;



}
#comment p#date{
font-size:11px;
color:#666666;
font-style:italic;


}

#comment p#com{
padding-left:50px;
}

#comment p#quote img#quo{
vertical-align:top;
padding:0;
margin:0;


}



/* PAGINATION */


div.pagination {
	padding: 6px;
	margin: 0px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:20px;
	clear:both;
}

div.pagination a {
	padding: 2px 3px 2px 3px;
	margin: 2px;
	border: 1px solid #666666;
	
	text-decoration: none; /* no underline */
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#cad5e4;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000;

	color: #000;
}
div.pagination span.current {
	padding: 4px 4px 4px 4px;
	margin: 2px;
		border: 1px solid #ffffff;
		
		font-weight: bold;
		background-color: #103c58;
		color: #fff;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	div.pagination span.disabled {
		padding: 1px 3px 1px 3px;
		margin: 0px;
		border: 1px solid #000;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
		color: #000;
	}
	

/* PAGINATION */