/* ---------------------- */
/* global design */
/* ---------------------- */

body, div, span, th, td, p, ul, li, h1, h2, h3, h4, h5, h6, a {
	font-family: "lucida grande", arial, verdana, sans-serif;
	font-size: 12px;
	color: #333;
}

body {
	padding: 0;
}

/* ---------------------- */
/* global design elements */
/* ---------------------- */

h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
}
	
h1 a:link,
h1 a:visited {
	display: block;	
	height: 98px;
	background: url("i/header.gif") top left no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
	
h1 a:hover { background: url("i/header.gif") top left no-repeat; }

h2 { font-size: 1.50em; }
h3 { font-size: 1.20em; }
h4 { font-size: 1.30em; }
h5 { font-size: 1.20em; }

a { }
a:link { }
a:visited { }
a:hover { }
a:active { }

p { /*/*/ line-height: 20px; /**/ }
li { list-style: square; }

/* ---------------------- */
/* global form elements */
/* ---------------------- */

form { margin: 0; padding: 0; }

input,
textarea,
select {
	font-size: 100%;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url("img/fieldbg.gif") repeat-x top;
	color: #333;
	padding: 2px 0 2px 2px;
}

/* ---------------------- */
/* wrapper */
/* ---------------------- */
div#wrapper {
	width: 762px;
	margin: 0 auto;
	padding: 0;
	background: #fff url("i/mainbg.jpg") top left repeat-x;
}

div#wrapperint {
	background: transparent url("img/girlbg.jpg") top right no-repeat;
	width: 762px;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------- */
/* landing */
/* ---------------------- */

div#wrapperLanding {
	background: transparent url("img/landingbg.jpg") top right no-repeat;
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------- */
/* interior */
/* ---------------------- */

div#wrapperInterior {
	background: #fff;
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------- */
/* header */
/* ---------------------- */

/* header left column */
.headerLeft {
	float: left;
	width: 341px;
	margin: 0;
	padding: 0;
}

/* header right column */
.headerRight {
	float: right;
	width: 418px;
	margin: 0;
	padding: 0;
}

.headerRight p { font-size: 11px; font-weight: bold; }

/* ---------------------- */
/* navigation */
/* ---------------------- */

div#navbar { position: relative; }

.leftnavbar { 
	font: normal 11px verdana;
	width: 169px;
	margin-top: 8px;
}

.leftnavbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	width: 168px; /* width of menu items */
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 1px;
	border: 1px solid #75A051;
}

.leftnavbar ul li {
	position: relative;
	list-style-type: none;
}
	
.leftnavbar li ul {
	position: absolute;
	left: 168px; /* set 1px less than menu width */
	top: 0;
	display: none;
}

/* styles for menu items */
.leftnavbar ul li a {
	display: block;
	text-decoration: none;
	color: #563f23;
	font-size: 12px;
	border-left: 0;
	padding: 3px 10px 5px 10px;
}

/* fix ie. hide from ie mac \*/
* html .leftnavbar ul li { float: left; height: 1%; }
* html .leftnavbar ul li a { height: 1%; }
/* end */

.leftnavbar ul li ul {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

/* hover styles */
.leftnavbar ul li a:hover { background: #8ab860; color: #000; }

.leftnavbar li ul li a { 
	border: 0;
	margin: 0;
	padding: 3px 5px;
	background: #fff;
	color: #563f23;
	border-top: 1px solid #f5f5f5;
}

.leftnavbar li ul li a:hover { background: #ccc; }

/* the magic */
.leftnavbar li:hover ul, 
.leftnavbar li.over ul { display: block; }

.prombutton {
	background: transparent url("i/prom-button.gif") top left no-repeat;
	width: 171px;
	height: 68px;
}

.prombuttonbot {
	background: transparent url("i/prom-button-bot.gif") top left no-repeat;
	width: 171px;
	height: 75px;
}

.prombutton h2 a { font-size: 1.15em; }
.prombuttonbot h2 a { font-size: .85em; }

.prombutton a:link,
.prombutton a:visited {
	display: block;	
	height: 49px;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	text-align: center;
	padding-top: 18px;
}

.prombuttonbot a:link,
.prombuttonbot a:visited {
	display: block;	
	height: 59px;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	text-align: center;
	padding-top: 16px;
}
	
.prombutton a:hover,
.prombuttonbot a:hover { color: #563f23; }

#left {
	float: left;
	width: 176px;
margin: 14px 0 0 3px; 
}

html>body #left { 
margin: 0 0 0 6px; 
}

#right {
	float: right;
	width: 580px;
	margin-top: 15px;
}

.content { padding: 0 10px 0 15px; }

/* ---------------------- */
/* Home Page Boxes        */
/* ---------------------- */

div#homebox1,
div#homebox2 {
	width: 371px;
	margin: 15px 4px;
        text-align: left;
	padding: 0;
	background: transparent url("i/homebox_bg.gif") top left repeat-x;
}

div#homebox1 { float: left; }
div#homebox2 { float: right; }

div#homebox1 .date,
div#homebox2 .date { 
	font-size: 1.25em;
	margin: 12px 0 0 0;
	padding: 0;
	font-weight: bold; 
}

div#homebox1 .boxcontent,
div#homebox2 .boxcontent { 
	margin: 14px 0 0 0;
}

div#homebox1 p,
div#homebox2 p { 
	padding: 0;
	margin: 5px 10px;
	font-size: 0.9em; 
	line-height: 1.4em; 
}

div#homebox1 h3,
div#homebox2 h3 {
	margin: 4px 0 0 10px;
	padding: 0;
	font-size: 1.4em;
}

.homebox1foot,
.homebox2foot {
	width: 371px;
	height: 7px;
	margin: 0 0 -10px 0;
	padding: 0;
	background: transparent url("i/homebox_foot.gif") top left repeat-x;
}

html>body .homebox1foot,
html>body .homebox2foot { margin: 0; }



.clearboth { clear: both; }

/* ---------------------- */
/* lcmtag */
/* ---------------------- */

div#lcmtag {
	border: 0;
	padding: 0;
	margin: 0 auto;
	margin-top: 30px;
	clear: both;
	border-top: 1px solid #eff3d8;
}

div#lcmtag ul {
	background: url("i/lcmtag.jpg") top left no-repeat;
	width: 762px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: relative;
}
	
#lcmtag ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#lcmtag ul li,
#lcmtag a {
	height: 50px;
	display: block;
	color: #fff;
}

#lcmtag ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

.fnb1 { left: 412px; width: 340px; }
