/********** GENERAL DOCUMENT **********/

/* ----- Background ---- */
body
{
	background: #F9E5B1 url("../images/bg_sand.png") top center;
}

/*  ----- Border ---- */
img
{
	border: 0;
}

table.border
{
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
}

th
{
	border-bottom: 1px solid #969696;
	padding-bottom: 4px;
}

td
{
	vertical-align: top;
}

/*  ----- Color ---- */
a, body, div, form, li, p, ul
{
	color: #181c21;
}

/*  ----- Font-family ---- */
a, body, div, form, h1, h2, li, p, ul
{
	font-family: Verdana, Arial, Sans-serif;
}

/*  ----- Font-size ---- */
h1
{
	font-size: 14px;
}

h2
{
	font-size: 13px;
}

b, i, li, p, table, ul 
{
	font-size: 12px;
}

small
{
	font-size: 11px;
}

div
{
	/* IE6 fix */
	font-size: 0px;
}

/*  ----- Font-weight ----- */
h1, h2
{
	font-weight: bold;
}

/* ----- Line-height ----- */
a, div, h1, h2, li, p, ul
{
	line-height: 1;
}

a, h1, h2, li, p, ul
{
	line-height: 150%;
}

/*  ----- Margin ----- */
a, body, div, form, h1, h2, li, p, ul
{
	margin: 0;
}

h1
{
	margin-bottom: 15px;
}

h2, p, table
{
	margin-top: 10px;
}

/*  ----- Padding ----- */
a, body, div, form, h1, h2, li, p, ul
{
	padding: 0;
}

td
{
	padding-left: 5px;
	padding-right: 5px;
}


/********** WRAPPER **********/
div.wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 772px;
}

div#wrapperTop
{
	background: url("../images/wrapper.png") no-repeat;
	margin-top: 10px;
	height: 26px;
}

div#wrapperBody
{
	background: url("../images/wrapperMiddle.png");
}

div#wrapperBottom
{
	background: url("../images/wrapper.png") no-repeat;
	background-position: 0px -36px;
	height: 36px;
}


/********** HEADER **********/
div#header
{
	background: white;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

img#headerLogo
{
	height: 180px;
	margin-left: 10px;
	margin-top: -10px;
	position: absolute;
	width: 180px;
}

img#headerPhoto
{
	height: 180px;
	margin-left: 200px;
	margin-top: -10px;
	position: absolute;
	width: 540px;
}


/********** MENU **********/
div#menu
{
	background: #b18e31 url("../images/menuBackground.png") repeat-x;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

div#menu ul
{
	list-style: none;
}

div#menu ul li
{
	cursor: pointer;
	float: left;
}

div#menu ul li a:link, div#menu ul li a:visited
{
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
}

div#menu ul li a:hover
{
	text-decoration: underline;
}


/********** CONTENT CONTAINER **********/
div.contentContainer
{
	margin-left: auto;
	margin-right: auto;
}

div#contentContainerTop
{
	background: url("../images/contentContainer.png") no-repeat;
	margin-top: 10px;
	height: 6px;
	width: 730px;
}

div#contentContainerBody
{
	background: white;
	padding: 0px 10px 0px 10px;
	width: 710px;
}

div#contentContainerBottom
{
	background: url("../images/contentContainer.png") no-repeat;
	background-position: 0px -6px;
	height: 6px;
	width: 730px;
}


/********** CONTENT **********/
div#content
{
	font-size: 12px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div#content h1
{
	color: #2a57a6;
}

div#content h2
{
	color: #2a57a6;
}

div#content iframe
{
	margin-top: 10px;
}

div#content img.left
{
	border: 1px solid #969696;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

div#content img.right
{
	border: 1px solid #969696;
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
}

div#content input, textarea
{
	border: 1px solid #969696;
}

div#content p, div.widgetBody p
{
	text-align: justify;
}

div#content p.error
{
	background-color: red;
	color: white;
	font-weight: bold;
	padding: 5px;
}

div#content p.success
{
	background-color: green;
	color: white;
	font-weight: bold;
	padding: 5px;
}

div#content ul
{
	margin-left: 20px;
	margin-bottom: 0px;
}

div#content ul li
{
	margin-bottom: 5px;
}

div#copy
{
	color: #969696;
	padding-bottom: 5px;
	margin-top: 10px;
	text-align: center;
}

div#copy a:link, div#copy a:visited
{
	color: #969696;
	text-decoration: none;
}

div#copy a:hover
{
	text-decoration: underline;
}


/********** CONTENT: MENU **********/
div#contentMenu
{
	border-bottom: 1px dashed #969696;
	border-top: 1px dashed #969696;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
}

div#contentMenu div.contentMenuIcon
{
	float: left;
	margin-left: 10px;
	margin-top: 9px;
}

div#contentMenu div.contentMenuIcon img
{
	border: none;
}

div#contentMenu div.contentMenuText
{
	font-size: 12px;
	float: left;
	line-height: 35px;
	margin-left: 10px;
	margin-right: 15px;
}

div#contentMenu div.contentMenuText a:link, div#contentMenu div.contentMenuText a:visited
{
	text-decoration: none;
}

div#contentMenu div.contentMenuText a:hover
{
	text-decoration: underline;
}


/********** CONTENT: MESSAGES **********/
div.message
{
	margin-top: 15px;
}

div.messageHeader
{
	background-color: #dedede;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
}

div.messageHeaderLeft
{
	background: url("../images/bgMessageHeader.png") no-repeat;
	float: left;
	height: 25px;
	width: 6px;
}

div.messageHeaderRight
{
	background: url("../images/bgMessageHeader.png") no-repeat;
	background-position: -6px 0px;
	float: right;
	height: 25px;
	width: 6px;
}

div.messageBody
{
	font-size: 12px;
	line-height: 160%;
	padding: 6px;
}

/********** CONTENT: Photo Album **********/
div.photoAlbum table tr
{
	line-height: 160%;
}

div.photoAlbum table tr td
{
	width: 255px;
}

/********** CONTENT: PAGE NAVIGATION **********/
div.pageNavigation
{
	border-bottom: 1px dashed #969696;
	border-top: 1px dashed #969696;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center
}

div.pageNavigation a.highlight
{
	font-size: 14px;
	font-weight: bold;
}

div.pageNavigation a:link, div.pageNavigation a:visited
{
	text-decoration: none;
}

div.pageNavigation a:hover
{
	text-decoration: underline;
}

/********** CONTENT: Grey Form **********/
div.greyForm
{
	background-color: #f0f0f0;
	padding: 1px 11px 11px 11px
}

div.greyForm ul
{
	list-style: none;
}

/********** WIDGETS **********/
div#widgetContainer
{
	float: right;
	margin-top: 4px;
	padding-left: 10px;
	width: 170px;
}

div.widgetTop
{
	background: url("../images/widget.png") no-repeat;
	height: 6px;
	width: 170px;
}

div.widgetBody
{
	background-color: #f0f0f0;
	overflow: hidden;
	padding: 4px 10px 4px 10px;
	position: relative;
	width: 150px;
}

div.widgetBody img
{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}

div.widgetBody h1
{
	color: #2757a7;
}

div.widgetBottom
{
	background: url("../images/widget.png") no-repeat;
	background-position: 0px -6px;
	height: 6px;
	margin-bottom: 10px;
	width: 170px;
}