/*------------------------------------------------------------------
[Master Stylesheet]

Project:			Sugarcane
Version:			1.0.3
Last change:		08/04/2009
Author:				Claire Perrin
------------------------------------------------------------------*/

/*General*/

*{
	margin:0;
	padding:0;
	list-style: none;
	}

body{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	color: #333;
	font-size: 14px;
	text-align: justify;
	}

#wrapper{
	margin: 0 auto;
	width: 100%;
	}
	
/*HEADER*/

#header_wrap{
	width: 100%;
	background: url(/assets/img/header_bg.jpg) repeat-x;
	}
	
#header{
	width: 870px;
	height: 150px;
	margin: 0 auto;
	background:url(/assets/img/header.jpg) no-repeat;
	}
	
#header h1{
	margin-left: -9999px;
	font-size: 9px;
	}
	
#menu{
	position: relative;
	top: 106px;
	left: 18px;
	z-index: 10;
	}
	
#menu ul li{
	padding-left: 15px;
	}
	
#menu ul li a{
	text-decoration: none;
	color: #136ba9;
	font-weight: bold;
	background-image: url(/assets/css/dropdown/images/nav-arrow-right.png) no-repeat;
	padding-left: 5px;
	text-align: left;
	}
	
#menu ul li a:hover{
	color: #d85724;
	}
	
#menu ul li ul{
	padding-top: 1px;
	}
	
#menu ul li ul li a{
	padding: 0;
	}
	
/*SIDE*/

#side{
	width: 215px;
	float: right;
	}
	
#side h3{
	background: url(/assets/img/orange_bar.jpg) repeat-x;
	height: 30px;
	padding-bottom: 5px;
	width: 205px;
	font-size: 16px;
	color: #fff;
	}
	
#side h3 a{
	color: #fff;
	text-decoration: none;
	height: 30px;
	position: relative;
	top: 4px;
	padding-left: 5px;
	}
	
#side #side_photos ul.side_gallery{
	height: 115px;
	padding-bottom: 30px;
	}
	
#side #side_photos ul.side_gallery li{
	float: left;
	margin-right: 5px;
	}
	
#side #side_photos ul.side_gallery li a img{
	border: none;
	}
	
#side #side_photos ul.side_gallery li a img:hover{	
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
	
#side #side_events ul li{
	width: 195px;
	padding: 5px;
	font-size: 13px;
	}
	
#side #side_events ul li a.title{
	color: #136ba9;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	}
	
#side #side_events ul li a:hover.title{
	color: #d85724;
	}
	
#side #side_events ul li p.date{
	color: #d85724;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	padding-bottom: 5px;
	}
	
#logo img{
	padding: 10px 0 0 35px;
	}
	
#logo p{
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
	color: #d85724;
	font-weight: bold;
	}
	
/*CONTENT*/

#content img.home_img{
	border: none;
	}

#content_wrap{
	width: 910px;
	margin: 0 auto;
	background: url(/assets/img/wrap_shadow.jpg) repeat-y;
	}
	
#outer_content{
	width: 805px;
	padding: 30px;
	margin: 0 auto;
	background: url(/assets/img/bird_bg.jpg) no-repeat ;
	}

#content, #events_content, #events_index, #photo_content{
	width: 550px;
	margin: 0;
	float: left;
	line-height: 18px;
	font-size: 13px;
	padding-right: 20px;
	min-height: 295px;
	border-right: 1px solid #9dc1da;
	}
	
#content h1, #content h2, #events_content h1, #events_content h2, #events_index h2, #photo_content h2, #content h2 a{
	color: #136ba9;
	font-size: 22px;
	padding-bottom: 15px;
	text-decoration: none;
	}
	
#content h3, #events_content h3, #content h3 a, events_content h3 a{
	color: #136ba9;
	font-size: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	}
	
#content h4, #events_content h4, #content h4 a, #events_content h4 a{
	color: #136ba9;
	font-size: 16px;
	padding-bottom: 10px;
	text-decoration: none;
	}
	
#content h5, #events_content h5, #content h5 a, #events_content h5 a{
	color: #136ba9;
	font-size: 14px;
	padding-bottom: 10px;
	text-decoration: none;
	}
	
#content h6, #events_content h6, #content h6 a, #events_content h6 a{
	color: #136ba9;
	font-size: 13px;
	padding-bottom: 10px;
	text-decoration: none;
	}
	
#content p, #events_content p, #photo_content p{
	padding-bottom: 15px;
	text-transform: capitalize;
	}
	
.gallery p{
	margin-bottom: 15px;
	text-transform: capitalize;
	height: 5px;
	width: 160px;
	overflow: hidden;
	}
	
#content ol, #content ul, #events_content ol, #events_content ul{
	padding-left: 25px;
	}
	
#content ol li, #events_content ol li{
	list-style: decimal;
	padding-bottom: 5px;
	}
	
#content ul li, #events_content ul li{
	list-style: url(/assets/img/list_item.jpg);
	padding-bottom: 5px;
	list-style-position: inside;
	}
	
#content a, #events_content a{
	color: #d85724;
	text-decoration: none;
	}
	
#content a:hover, #events_content a:hover{
	text-decoration: underline;
	}
	
#content hr, #events_content hr{
	border-color: 1px solid #d85724;
	color: #d85724;
	margin-bottom: 10px;
	}
	
#content img, #events_content img{
	border: 1px solid #9dc1da;
	margin: 10px 0 10px 0;
	padding: 1px;
	}
	
#content .content img{
	border: none;
	}
	
#content img.left, #events_content img.left{
	border: 1px solid #9dc1da;
	margin: 10px 10px 0 0;
	padding: 1px;
	}
	
#content img.right, #events_content img.right{
	border: 1px solid #9dc1da;
	margin: 10px 0 0 10px;
	padding: 1px;
	}
	
span, p span, span p{
	color: #136ba9;
	}
	
/*EVENTS*/

#events_index ul li{
	padding-bottom: 10px;
	}

#events_index ul li p.date{
	color: #136ba9;
	font-style: italic;
	display: inline;
	padding-left: 10px;
	}
	
#events_index ul li a.title{
	color: #d85724;
	font-size: 18px;
	padding-bottom: 10px;
	text-decoration: none;
	width: 500px;
	font-weight: bold;
	}
	
#events_index ul li a:hover.title{
	color: #136ba9;
	}
	
#events_content p.date{
	color: #d85724;
	font-style: italic;
	text-align: right;
	padding-bottom: 5px;
	}
	
/*ARHIVE*/

#side_events_archive ul li a{
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #136ba9;
	}
	
#side_events_archive ul li a:hover{
	color: #d85724;
	}
	
#side_events_archive ul li ul{
	padding-top: 5px;
	}
	
#side_events_archive ul li ul li{
	width: 25px;
	display: block;
	float: left;
	border: 1px solid #9dc1da;
	margin: 2px;
	padding: 1px;
	text-align: center;
	}
	
#side_events_archive ul li ul li a{
	color: #d85724;
	font-size: 14px;
	}
	
#side_events_archive ul li ul li a:hover{
	color: #136ba9;
	}
	
/*GALLERY*/
	
ul.gallery li{
	display: block;
	float: left;
	padding-right: 15px;
	}

ul.gallery li a p{
	color: #d85724;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 15px;
	}
	
ul.gallery li a:hover p{
	color: #136ba9;
	}

ul.gallery img{
	opacity: 1;
	border: 1px solid #9DC1DA;
	display: block;
	padding: 1px;
	margin-bottom: 15px;
	}
	
ul.gallery img:hover{
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
	}
	
ul.gallery li a.albumtitle{
	display: none;
	}
	
#photo_content p a, #photo_content p.backto{
	color: #d85724;
	text-decoration: none;
	height: 16px;
	width: 160px;
	overflow: hidden;
	}
	
#photo_content p a:hover{
	text-decoration: underline;
	}
	
/*FOOTER*/
	
#footer{
	width: 910px;
	margin: 0 auto;
	background: url(/assets/img/footer_shadow.jpg) no-repeat;
	}
	
#footer .info{
	width: 480px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
#footer .info p{
	text-align: center;
	font-size: 12px;
	}
	
#footer .info p a{
	color: #d85724;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	}
	
#footer .info p a:hover{
	text-decoration: underline;
	}
	
#footer p{
	text-align: center;
	}
	
#footer p a img{
	border: none;
	width: 80px;
	padding-top: 5px;
	}
	

/* Contact */

iframe{
	border: 1px solid #CCC;
	border-bottom: 3px solid #d85724;
	margin: 5px;
}
	
#contact-form{
	width: 540px;
	color: #333;
	margin: 10px 0 10px 5px;
	}
	
#contact-form div{
	float: left;
	}
	
#contact-form label{
	float: left;
	width: 75px;
	margin-bottom: 15px;
	margin-left: 5px;
	}

#contact-form input, #contact-form textarea{
	border: 1px solid #CCC;
	border-bottom: 2px solid #d85724;
	}
	
#contact-form input{
	width: 458px;
	height: 18px;
	margin-bottom: 10px;
	font-family: inherit;
}

#contact-form textarea{
	height: 55px;
	width: 454px;	
	padding: 2px;
	font-family: inherit;
	font-size: 14px;
}

#contact-form .submitbutton{
	float: right;
	margin: 10px 0 10px 0;
}

#contact-form .submitbutton input{
	height: 22px;
	border-bottom: 1px solid #CCC;
	width: 188px;
}

#contact-form .phone input, #contact-form .email input{
	width: 188px;
	height: 18px;
	margin-bottom: 10px;
	font-family: inherit;
	}
	
#contact-form .phone label, #contact-form .email label{
	float: left;
	width: 70px;
	margin-bottom: 15px;
	margin-left: 10px;
	}	

	
/*Misc*/

.clear{
	clear: both;
}

.bold_this{
	font-weight: bold;
	}