* {
margin: 0;
padding: 0;
}

body {
background: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
color: #333;
}

a {
text-decoration: none;
color: #362e19;
outline: 0;
}
a:hover {
text-decoration: underline;
color: #4a3c19;
}
table {
	margin:auto;
}
#wrap {
margin: 20px auto;
width: 1000px;
}
#header {
background: #666666 url(images/header1.png) no-repeat;
height: 200px;
padding-bottom 10px;
}
#header img {
border: 5px solid black; 
left: 100px; 
top: 12px; 
position: relative;
}
#header p {
color: #aaa;
position: relative;
width: 400px;
font-weight: 100;
background-color: black;
left: 572px;
top: -10px;
text-align: center;
}
#menu {
height: 40px;
line-height: 40px;
background: #666666 url(images/menu.jpg) no-repeat;
}
#menu ul {
list-style-type: none;
padding-left: 40px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 18px;
color: #aaa;
}
#menu ul li a:hover {
color: #fff;
text-decoration: none;
}
#content {
background: #666666 url(images/content.jpg) repeat-y;
padding: 10px;
}
#breads {
	width: 240px;
	float: right;
	margin-top: -345px;
}
#breads2 {
	width: 240px;
	float: right;
	margin-right: -239px;
	margin-top: 60px;
}
#breads2 h1 {
	height: 62px;
}
#sweets {
	width: 240px;
	float: left;
}
.left {
float: left;
width: 730px;
text-align: justify;
padding: 10px;
font-size: 14px;
background: #a3836f;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.left h1 {
	height: 25px;
	line-height: 30px;
}
.left h2 {
font-size: 20px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.left h2 a {
text-decoration: none;
}
.left h2 a:hover {
text-decoration: underline;
}
.left ul {
padding: 10px 10px 15px 30px;
list-style-type: square;
}
.left li {
list-style-type: none;
font-weight: 200;
font-size: 14px;
margin-left: 10px;
margin-right: 10px;
}

.right {
float: right;
width: 180px;
background: #622921;
padding: 10px;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #aaa;
}
.right h1 {
	text-align: center;
	line-height: 30px;
	border-bottom: 2px black groove;
	margin-bottom: 5px;
}
.right h2 {
height: 24px;
line-height: 28px;
color: #000;
font-size: 17px;
padding-left: 5px;
}
.right h3 {
height: 24px;
line-height: 28px;
color: #000;
font-size: 14px;
padding-left: 5px;
}
.right ul {
padding: 10px 0 15px 30px;
list-style-type: square;
}
.right ul li {
font-weight: 100;
font-size: 12px;
}
#bottom {
background: #d4ccae url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
font-size: 11px;
}

/*******gallery style******/
#mainCenter {
	height:100%;
}

#titleframe {
	width: 100%;
	/*height: 92px;*/
	/*background-color: #CCCCCC;*/
	
}

#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}

.userAlert{
	float:right;

}


/* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #333;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 11px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #000;
}

.indexInfo .date {
	color: #666;
}

/* file info */

#imageInfo{
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 6px 0 6px;
}

.content {
	font-size:11px;
/*	color: #333333;*/

	padding-top:6px;
	padding-bottom:6px;
}

.header{
	font-size:9px;
	font-weight:bold;
	color: #999;
}

.contentLast {
	font-size:11px;
/*	color: #333333;*/
	padding-top:6px;
}

/* feedback */

.feedback {
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 6px 6px 0 6px;
}

.checkBoxText
{
	font-size: 11px;
	color: #000000;
}
.button {
	font-weight:bold;
	font-size: 11px;
	color:#ffffff;
	width:100%;
	background-color:#D6BA8B;
}

/* Accordion */

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #622921;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #666666 url(images/content.jpg) repeat-y;
	background-position: -20px;
	color: #aaa;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element {
	margin-left: 20px;
}