/* CSS Document */
html { 
	height: 100%; margin-bottom: 1px; 
}
body{
  margin:0px;
}

#mainbody{
  width:730px;
  margin-left:auto;
  margin-right:auto;
  font-family:lucida, helvetica, arial, sans-serif;
  color:#333333;
  font-size:16px;
	background: repeat-y right top url(../images/sidebar_bg.png) #ffffff;
	padding-top:40px;
	z-index: 2;
	height:100%;
}

#banner {
	width: 730px;
	height: 176px;
	position: relative;
	z-index: 1;
	margin-bottom:10px;
}

#logo{
  background-color: #FF305D;
  width: 242px;
  display:inline;
  float:left;
	height:176px;
}

#banner #insert {
	background: url(../images/beach_header.jpg) no-repeat;
	display:inline;
	float:right;
	width:488px;
	height:176px;
}

#content{
	float: left;
	width: 480px;
}

#content h1,h2,h3 {
  color:#FF305D;
  font-size: 18px;
}

#sidebar{
	width:243px;
	float:right;
	background-color:#f8f8f8;
}

#sidebarcontent{
  width:200px;
  padding:10px;
}

#navcontainer{

}

#navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navcontainer li {

}

#navcontainer a{
	background: #ececec;
	border-bottom: 1px solid #fff;
	display: block;
	color: #424242;
	text-decoration: none;
	padding: 5px 10px;
	height: 13px;
}
#navcontainer #current {
	background: #ff305d;
	color: #ffffff;
}

#navcontainer #current:hover {
	background: #ff305d;
	color: #ffffff;
}

#navcontainer .currentAncestor {
	background: #ccc;
	color: #ffffff;
}

#navcontainer a:hover {
	background: #ff305d;
	color: #ffffff;
}



/* @group Bread-crumb */

#breadcrumbcontainer {
	color: #888888;
	text-align: right;
	padding: 10px 20px;
}

#breadcrumbcontainer ul {
	list-style: none;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {
	color: #888888;
	text-decoration: none;
}

#breadcrumbcontainer a:hover {
	text-decoration: underline;
}
	
/* @end */