/* LAST UPDATED 03.12.2010 */

/*

	Table of Contents

	I.    DEFAULTS
	II.   NAVIGATION
	III.  STRUCTURE & TYPOGRAPHY
	IV.   TABLES
	V.    FORMS
	VI.   HEADINGS

*/

/* -----------------------------------------------------------
		I. DEFAULTS
----------------------------------------------------------- */

html, body, #wrap { height: 100%; }

body > #wrap { height: auto; min-height: 100%; }

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d3f29;
	line-height: 1.4em;
	background: #fff url('../Images/bg.gif') top center repeat-y;
}

p, ul, ol {
	margin: 0;
	padding: 0 0 16px;
}

a {
	color: #fd7200;
	text-decoration: underline;
}

a:hover { color: #5d3f29; }

a img { border: 0; }

.alignLeft {
	float: left;
	margin: 2px 16px 0 0;
}

.alignRight {
	float: right;
	margin: 2px 0 0 16px;
}

ul, ol { margin: 0 0 0 28px; }

.brown { color: #5d3f29; }
.orange { color: #fd7200; }

.left { text-align: left; }
.right { text-align: right; }

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

/* LEVEL ONE */

#header ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

	#header li { float: left; }

	#header li a {
		display: inline-block;
		padding: 6px 10px;
		color: #fff;
		height: 18px;
		/* line-height: 1.2em; */
		text-decoration: none;
  		text-transform: uppercase;
	}

	#header li a:hover { color: #fd7200; }

/* LEVEL TWO */

#header ul ul {
	float: none;
	position: absolute;
	width: 110px;
	left: -999em;
	margin-top: -10px;
	padding-top: 5px;
	padding-bottom: 10px;
	background: url('../Images/bg-subMenu.gif') bottom no-repeat;
}

	#header li li {
		width: 110px;
		background-color: #5d3f29;
	}

	#header li li a {
		padding: 4px 10px 0;
		width: 90px;
		font-size: 12px;
		line-height: 1.2em;
		text-transform: lowercase;
	}

/* LEVEL THREE */

#header ul ul ul { margin: -22px 0 0 110px; }

#header li:hover ul ul, #header li.sfhover ul ul { left: -999em; }

#header li:hover ul, #header li li:hover ul, #header li.sfhover ul, #header li li.sfhover ul { left: auto; }

#header li:hover, #header li.hover { position: static; } /* for IE7 sticky issue */

ul#webapp12327pagination,
ul#webapppagination {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#webapp12327pagination li,
#webapppagination li {
	float: left;
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding-right: 5px;
}


/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

.logoWrap {
	position: relative;
	margin: 0 auto;
	width: 870px;
}

	#logo {
		position: absolute;
		display: inline-block;
		top: 40px;
		left: 0;
		width: 464px;
		height: 158px;
		cursor: pointer;
	}

.wrap {
	margin: 0 auto;
	width: 810px;
}

	#header {
		width: 100%; overflow: hidden; /* clear floats */
		background-color: #5d3f29;
		border-top: 20px #a3dcd7 solid;
	}

	#content {
		width: 100%; overflow: hidden; /* clear floats */
		padding-bottom: 47px;
	}

		#content .wrap { padding: 170px 0 30px; }

		#newsletterWrap {
			float: right;
			margin-left: 20px;
			padding: 20px;
			width: 193px;
			height: 181px;
			background: url('../Images/bg-newsletterWrap.png') no-repeat;
		}
		
		#newsletterWrap-Big {
			float: right;
			margin-left: 20px;
			padding: 20px;
			width: 193px;
			height: 260px;
			background: url('../Images/bg-newsletterWrap-big.png') no-repeat;
		}

		.back {
			float: left;
			margin: 0 45px 0 0;
		}

	#footer {
		clear: both;
		position: relative;
		width: 100%; overflow: hidden; /* clear floats */
		margin-top: -47px;
		height: 47px;
		font-size: 11px;
		color: #fff;
		background: #5d3f29 url('../Images/bg-footer.gif') bottom repeat-x;
	}

		#footer img {
			margin: 3px 3px 0 0;
			vertical-align: bottom;
		}

		#footer .twitter { margin-right: 25px; }

		#footer .wrap a {
			color: #fff;
			text-decoration: none;
		}

		#footer .left {
			float: left;
			width: 75%;
		}

		#footer .right {
			float: right;
			width: 20%;
			margin-top: 22px;
		}

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 8px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0 8px 8px 0;
}

/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

label { font-weight: bold; }

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.textBox, .captcha {
	border: 0;
	padding: 5px;
}

#newsletterWrap .textBox, #newsletterWrap .captcha,
#newsletterWrap-Big .textBox, #newsletterWrap-Big .captcha {
	margin-bottom: 8px;
	width: 176px;
	font-size: 10px;
	color: #5d3f29;
}

#newsletterWrap .captcha,
#newsletterWrap-Big .captcha {
	margin: 0 0 0 5px;
	width: 93px;
	vertical-align: middle;
}

#newsletterWrap .button,
#newsletterWrap-Big .button {
	clear: both;
	margin: 10px 0 0 135px;
}

/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4 {
	font-weight: normal;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 12px;
}

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

h1 { font-size: 24px; }

h2 { 
font-size: 18px; 
text-transform: uppercase; }

h3 {
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 3px;
}

h4 { font-size: 18px; }