/* Start of CMSMS style sheet 'Layout: BeautifulBeach' */
/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}


/*****************
basic layout 
*****************/
body {
        margin: 0px;
	background-image: url('images/cms/bbeach/bg.jpg');
	background-repeat: repeat-x;
	background-color: #82efff;
}

/* center wrapper, min max width */
div#pagewrapper {
        left: 0px;
	top: 0px;
	width: 820px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url('images/cms/bbeach/tablexpand.jpg');
}


div#header {
        float: left;
	left: 0px;
	top: 0px;
	width: 820px;
	height: 322px;
	background-image: url('images/cms/bbeach/header.jpg');
}


/* position for the search box */
div#search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}



#left_ {
	float: left;
	left: 0px;
	top: 322px;
	width: 230px;
	background-image: url('images/cms/bbeach/left.jpg');
}

#left_ h2{
	font: 29px/24px "Calisto MT";
	color: #336699;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-left: 41px;
}
#left_ p{
	background: no-repeat;
	color: #333333;
	padding: 0 0 0 45px;
	width: 175px;
	display: block;
	font: 12px/18px Tahoma;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	letter-spacing: 0px;
}
#left_ p span{
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
}
#left_ p span.bg{
	color: #799fbb;
}
#left_ p a{
	font: 13px/12px "trebuchet MS";
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#left_ p a:hover{
	background: no-repeat;
	color: #CC3300;
	font-weight: normal;
	text-decoration: underline;
}



#right_ {
	float: right;
	left: 405px;
	top: 322px;
	width: 590px;
	background-image: url('images/cms/bbeach/right.jpg');
}

#right_ h2{
	font: 29px/24px "Calisto MT";
	color: #336699;
	font-weight: normal;
	display: block;
	letter-spacing: -1px;
	word-spacing: 0em;
	text-indent: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

#right_ p{
	background: no-repeat;
	color: #333333;
	padding: 0 0 0 20px;
	width: 535px;
	display: block;
	font: 12px/20px Tahoma;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	letter-spacing: 0px;
}
#right_ p span{
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
}
#right_ p span.bg{
	color: #799fbb;
}
#right_ p a{
	font: 13px/12px "trebuchet MS";
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#right_ p a:hover{
	background: no-repeat;
	color: #CC3300;
	font-weight: normal;
	text-decoration: underline;
}


#tablexpand_ {
	float: left;
	left: 0px;
	top: 628px;
	width: 820px;
	height: 8px;
	background-image: url('images/cms/bbeach/tablexpand.jpg');
}



#footer1_ {
	float: left;
	left: 0px;
	top: 636px;
	width: 820px;
	height: 18px;
	background-image: url('images/cms/bbeach/footer1.jpg');
}
#footer2_ {
	float: left;
	left: 0px;
	top: 654px;
	width: 820px;
	background-image: url('images/cms/bbeach/footer2.jpg');
}
#footer2_  p{
	background: no-repeat;
	color: #333333;
	padding: 0;
	margin: 0 0 0 45px;
	width: 731px;
	display: block;
	font: 13px/17px "trebuchet MS";
	text-align: center;
}
#footer2_  p span{
	color: #333333;
	font-weight: bold;
}
#footer2_  p span.bg{
	color: #799fbb;
}
#footer2_  p a{
	font: 13px/12px "trebuchet MS";
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#footer2_  p a:hover{
	background: no-repeat;
	color: #CC0000;
}


.clear{
	clear:both;
}

/********************
CONTENT STYLING
*********************/

/* TEXT */


/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */
/* End of 'Layout: BeautifulBeach' */