<? include_once($ROOT.'/common/config_style.php') ?>

/*HTML styles */

body, li, div, td, p, input, select, option, textarea, button {
	font-size: 12px ;
	line-height: 18px ;
	font-family: verdana, arial, sans-serif ;
}

body {
	background-image: url(/mangobay/images/beachbg-med2.jpg) ;
	background-position: top left ;
	background-attachment: fixed ;
	background-repeat: repeat;
	background-color: #EDF7FE;
	margin: 20px 0px ;
	color: #000 ;
}

table {
	border-collapse: collapse ;
}

form {
	margin: 0px ;
	padding: 0px ;
}

img {
	-ms-interpolation-mode: bicubic; 
}

a.link_white:link, a.link_white:active, a.link_white:visited {
	color: #fff ;
	text-decoration: none ;
}

a.link_white:hover {
	text-decoration: underline ;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
}

h1 {
	font-size: 28px ;
	line-height: 32px ;
	letter-spacing: -2px ;
	font-weight: bold ;
	margin-top: 0px ;
	color: <?=$color[brownLt] ?> ;
}

h2 {
	font-size: 18px ;
	line-height: 22px ;
	letter-spacing: -1px ;
	font-weight: normal ;
	margin-top: 0px ;
	color: <?=$color[green] ?> ;
}

h3, .inline_h {
	font-size: 13px ;
	letter-spacing: -1px ;
	font-weight: bold ;
	margin-top: 0px ;
	color: <?=$color[green] ?> ;
}

h4 {
	font-size: 1.3em; 
	font-weight: bold; 
}

h5 {
	font-weight: bold;
}

h6 {
	margin: 0px;
	font-weight: bold; 
}

h6 + p {
	margin-top: 5px; 
}

td.buttonHolder {
	height: 54px ;
	vertical-align: middle ;
}

a.button, a.button:link, a.button:active, a.button:visited, a.button:hover {
	display: block ;
	text-align: center ;
	color: <?=$color[green]?> ;
	font-size: 18px ;
	line-height: 22px ;
	letter-spacing: -1px ;
	font-weight: bold ;
	text-decoration: none ;
	padding: 10px ;
	margin: 1px ;
}

a.button:hover {
	background: <?=$color[green]?> ;
	color: #fff ;
	margin: 0px ;
	border: 1px solid #fff ;
}

a, a:link, a:active, a:visited, a:hover {
	color: <?=$color[green]?> ;
}

a:active, a:visited {
	color: <?=$color[brown]?> ;
}

a:hover {
	color: <?=$color[greenLt]?> ;
}

.content {
	padding: 20px ;
}

.img_float {
	float: right;
	border: solid 1px <?= $color_main_1 ?>;
	margin: 0px 0px 10px 10px; 
}

/*	TEMPLATE STYLES	*/

.container {
	width: 980px;
	margin: auto;
	border: solid 1px <?= $color_trim_1 ?>;
}

.page_top {
	height: 150px; 
	background-color: <?= $color_main_1 ?>;
	border-bottom: solid 1px <?= $color_trim_1 ?>;
}

.page_top a img {
	border: 0px; 
}

.info_bar {
	background-color: <?= $color_main_3 ?>;
	padding: 15px;
	text-align: center;
	
	font-weight: bold;
	color: #fff;
}

.navigation_bar {
	background-color: <?= $color_main_3 ?>;
	border: solid 0px <?= $color_trim_1 ?>;
}

.page_body_div {
	border-top: solid 1px <?= $color_trim_1 ?>;
}

.page_body_table {
	width: 100%;
}

.nav_cell {
	background-color: <?= $color_main_1 ?>;
	width: 250px;
	border: solid 0px <?= $color_trim_1 ?>;
	vertical-align: top;
}

.content_cell {
	background-color: <?= $color_content ?>;
	border: solid 0px <?= $color_trim_1 ?>;
	vertical-align: top;
}

.foot, a.foot:link, a.foot:active, a.foot:visited, a.foot:hover {
	color: <?= $color_foot ?>; 
}

<? include_once($ROOT.'/common/style.css') ?>

a.link_brown:link, a.link_brown:active, a.link_brown:visited, a.link_brown:hover {
	color: <?=$color[brown]?> ;
	text-decoration: none ;
}

a.link_brown:hover {
	text-decoration: underline ;
}