/******************************************************************************
 * =STANDARD ELEMENTS - Styles for standard HTML elements
 ******************************************************************************/
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, strong, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
table, th, td { vertical-align: middle; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }

/*html { overflow-y: scroll; }*/
body {
	width: 100%;
	min-height: 100%;
	line-height: 1.5;
	background-color: #ffdab9;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}
h1 { margin: -20px auto -5px auto; font-size: 63px; }
h1, h1 a { color: #ffe87c; }

/******************************************************************************
 * =GENERIC CLASSES - Classes that can be used everywhere
 ******************************************************************************/
.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: "\0020";
	}
.fr { float: right; color: #1c3d79; }
.pl { padding-left: 45px; font-weight: normal; }

/******************************************************************************
 * =STANDARD DIVISIONS - The divisions that make up the layout of the page
 ******************************************************************************/
#container { width: 100%; min-width: 990px; min-height: 100%; }

#header    { margin-bottom: 12px; padding: 6px 0; width: 100%; background-color: #1c3d79; }

#mainmenu,
#main      { margin: 0 auto; width: 990px; }

#left,
#content,
#right     { min-height: 400px; }

#main      { margin-bottom: 12px; text-align: justify; }
  #left    { float: left; width: 175px; }
  #content { float: left; margin-left: 20px; width: 600px; }
  #right   { float: right; width: 175px; }

/******************************************************************************
 * =MENU LAYOUT - The layout of the menus
 ******************************************************************************/
ul {
	width: 100%;
	}
li {
	float: left;
	margin: 3px;
	}
li ul li {
	margin: 0;
	}
ul a,
ul strong {
	display: block;
	}
ul a {
	padding-right: 5px;
	outline: 0;
	height: 26px;
	line-height: 16px;
	background: transparent url('../images/menu_a.png') no-repeat scroll top right;
	color: #fffaea;
	}
ul strong {
	padding: 5px 9px 5px 14px;
	background: transparent url('../images/menu_strong.png') no-repeat;
	font-weight: normal;
	}
ul a:hover,
ul a.active {
	color: #fcb827;
	}
ul a:focus,
ul a:active,
ul a.active {
	background-position: bottom right;
	}
ul a:focus strong,
ul a:active strong,
ul a.active strong {
	padding: 6px 9px 4px 14px;
	background-position: bottom left;
	}

/******************************************************************************
 * =FORM LAYOUT - The layout of the forms
 ******************************************************************************/
textarea {
	overflow: auto
	}
.legend,
.missing {
	font-weight: bold;
	}
#mailform br,
input[type="hidden"] {
	display: none;
	}
input:focus,
textarea:focus {
	background-color: #ffffe0;
	}
label,
input,
textarea,
.tx-srfreecap-pi2-cant-read,
.error em {
	display: block;
	clear: both;
	width: 100%;
	}
.legend,
input,
textarea,
#submit label,
#mailformCaptcha,
.error {
	margin-bottom: 9px;
	}
.error {
	padding-left: 5px;
	}
.error,
.missing {
	color: #f00;
	}
#captcha {
	float: left;
	width: 253px;
	}
#captcha img {
	display: block;
	margin: 0;
	border: 6px solid #1c3d79;
	width: 245px;
	height: 90px;
	}
#submit {
	float: right;
	width: 320px;
	}
#submit input {
	width: 324px;
	height: 23px;
	}
#submit input,
label[for] {
	cursor: pointer;
	}