body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:750px;    	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	margin:.8em 0 0 0;
	border-bottom:2px solid #731616;
	font-size: 1.2em;
	}
h3 {
	border-bottom:1px solid #E8BD65;
	font-size:1em;
}
h4 {
	margin:.4em 0 .2em 0;
	font-size:1em;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
}

/*-------------------------------------------------
Header styles
-------------------------------------------------*/
#header {
	clear:both;
	float:left;
	width:100%;
}
#header {
	border-bottom:1px solid #731616;
}
#header h1 {
	width:750px;
	height:200px;
	margin:0;
	padding:0;
	background:url(../../img/title.gif) no-repeat top left;
	text-indent:-9999px;
}
#header a {
	color:#000000;
	text-decoration:underline;
}
.title {
	height:200px;
	margin:0;
	padding:0;
	background-color:#ffe7da; 
	background-image:url(../../img/header.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.title_area {
	width:100%;
	height:200px;
	margin: 10;
	padding: 0;
	background: rgba(255, 231, 218, 0.3);
}
.header_info {
	margin-top:30px;
	padding:.4em 15px .4em 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
}

/*-------------------------------------------------
Sidemenu
-------------------------------------------------*/
/* column container
-------------------------------------------------*/
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings
-------------------------------------------------*/
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
.col2 {
	float:left;
	position:relative;
	padding:0;
	overflow:hidden;
}
/* 2 Column (left menu) settings
-------------------------------------------------*/
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#E8E395;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:25%;			/* left column content width (column width minus left and right padding) */
	left:4%;			/* (right column left and right padding) plus (left column left padding) */
}

/* sidemenu
-------------------------------------------------*/
#col2 .sidemenu {
	width:100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
#col2 .sidemenu li {
	display:inline;
}
#col2 .sidemenu li a {
	margin-bottom:1px;
	padding: .5em 0 .5em .5em;
	display:block;
	width:100%;
	text-decoration:none;
	border-left:5px solid #717332;
	background-color:#9DBF93;
	color:#000;
}
#col2 .sidemenu li a:hover,
#col2 .sidemenu li a:active,
.home #col2 li:nth-child(1) a,
.opening #col2 li:nth-child(2) a,
.session1 #col2 li:nth-child(3) a,
.session2 #col2 li:nth-child(4) a,
.session3 #col2 li:nth-child(5) a,
.session4 #col2 li:nth-child(6) a,
.session5 #col2 li:nth-child(7) a,
.session6 #col2 li:nth-child(8) a,
.coffee_break #col2 li:nth-child(9) a,
.reception #col2 li:nth-child(10) a{
	background-color:rgba(157, 191, 147, 0.5);;
	color:#333;
	border-left:5px solid #731616;
}

/*-------------------------------------------------
Main Contents
-------------------------------------------------*/
/* Text decoration
-------------------------------------------------*/
.font-red {
	color:#F00;
}
.font-back_cherry {
	background-color:#ffbd9b;
}

/* album
-------------------------------------------------*/
ul.indexbox {
	margin:0;
	padding:0;
}
ul.indexbox li {
	list-style:none;
	float:left;
	margin:5px;
}
ul.indexbox li p {  
    display: table-cell;  
    text-align: center;  
    vertical-align: middle;  
}  
ul.indexbox li p img {  
    border: 0px;  
}  
/* For Firefox, Opera, Safari */
ul.indexbox:after{
   display:block;
   clear:both;
   height:0;
   font-size:0;
   content:".";
   visibility:hidden;
}
/* For WinIE7 & MAcIE5 */
ul.indexbox{
   display:inline-block;
}
/* For WinIE5 & 6 */
/* Hides from IE-mac \*/
* html ul.indexbox{
   height:1px;
}
ul.indexbox{
   display:block;
}
/* End hide from IE-mac */

ul.imagebox {
	margin:0;
	padding:0;
}
ul.imagebox li {
	list-style:none;
	float:left; 
	width:130px;
	height:130px;
}
ul.imagebox li p {  
    display: table-cell;  
    text-align: center;  
    vertical-align: middle;  
    width: 130px !important;  
    width: auto;  
    height: 130px !important;  
    height: auto;  
}  
ul.imagebox li p img {  
    border: 0px;  
}  
/* For Firefox, Opera, Safari */
ul.imagebox:after{
   display:block;
   clear:both;
   height:0;
   font-size:0;
   content:".";
   visibility:hidden;
}
/* For WinIE7 & MAcIE5 */
ul.imagebox{
   display:inline-block;
}
/* For WinIE5 & 6 */
/* Hides from IE-mac \*/
* html ul.imagebox{
   height:1px;
}
ul.imagebox{
   display:block;
}
/* End hide from IE-mac */

/*-------------------------------------------------
Footer styles
-------------------------------------------------*/
#footer {
	clear:both;
	float:left;
	width:100%;
	height:3px;
	background-color:#E8BD65;
	border-top:1px solid #731616;
}
#footer p {
	padding:10px;
	margin:0;
}