/* 
Aachen Polygraph Examiner
Main Stylesheet 
By Anna Taylor for Axis 80 Interactive 
Copyright (c) Axis 80 Interactive

*/

html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; }
body { background-color: #080c4d; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #333333; }

h1 { font-family: "lucida grande", verdana, tahoma, arial; margin: 0; padding: 10px 0; font-size: 24px; color: #f1a000; font-weight: normal; line-height: normal; }
h2 { font-family: "lucida grande", verdana, tahoma, arial; font-size: 15px; font-weight: bold; color: #11189f; margin: 0; padding: 20px 0 0 0; }
h3 { font-weight: bold; font-size: 15px; }

ul { margin: 0 0 0 20px; padding: 0 0 0 5px; }
li { margin: 15px 0; padding: 0; line-height: 18px; }


a:link, a:active, a:visited { color: #f1a000; text-decoration: underline; }
a:hover { color: #f1a000; text-decoration:none; }



/* IDs */

#header-wrapper { width: 100%; height: 91px; background-image: url(../images/bg-header.jpg); background-repeat: repeat-x; }
#header { width: 775px; height: 91px; margin: 0; padding: 0; }

#blue-bar-wrapper { width: 100%; height: 257px; background-color: #0727f1; background-image: url(../images/bg-blue-bar.jpg); background-repeat: repeat-x; }
#blue-bar { width: 775px; }

#nav-wrapper { width: 100%; height: 36px; background-color: #f5b300; background-image: url(../images/bg-nav.jpg); background-repeat: repeat-x; }
#nav { width: 775px; }

#content-wrapper { width: 100%; background-color: #FFFFFF; background-image: url(../images/bg-content.jpg); background-repeat: repeat-x; }
#content { width: 735px; padding: 20px; margin: 0; text-align: left; }
#content a:link, a:active, a:visited { color: #f1a000; text-decoration: underline; }
#content a:hover { color: #f1a000; text-decoration:none; }
#content img { padding: 5px; margin: 10px; border: 1px solid #CCCCCC; }


#footer { width: 100%; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #6396fe; padding: 10px 0; margin: 0; }
#footer a:link, a:active, a:visited { color: #6396fe; text-decoration: underline; }
#footer a:hover { color: #6396fe; text-decoration:none; }


/* CLASSES */

.floatright { float: right; margin: 0; }
.floatleft { float: left; margin: 0; } 
.clearer { display: block; clear: both; height: 0; overflow: hidden; }

.sidebox-right { float: right; text-align: center; margin-left: 8px }
.sidebox-caption { font-size: 11px; font-style: italic; padding: none; margin: none; text-align: center; line-height: 16px }

.linkbox { text-align: center; float: left; width: 160px; height: 160px; vertical-align: middle; padding: 14px; }
.linkbox-caption { font-size: 11px; font-style: italic; padding: none; margin: none; text-align: center; line-height: 16px }

/* FORM STRUCTURE */

form.contact { text-align: left; padding: 0px; width: 430px; }
.contact-wrap { margin: 0 auto 15px auto; width: 700px; }
.contact-wrap p.fieldwrap { padding: 1px; margin: 1px; clear: left; }
form.contact label { display: block; float: left; width: 32%; text-align: right; margin: 0 10px 0 0; padding-bottom: 15px; clear: left; font-size: 100%; font-weight: bold; color: #f1a000; }
form.contact input.fmtext { width: 55%; float: left; border: 0; background-color: #EAEAEA; padding: 3px; }
form.contact .fmradio { width: 55%; float: left; display: block; margin-bottom: 15px; color: #333333; }
form.contact select.fmselect { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; }
form.contact textarea { float: left; position: relative; width: 60%; margin-bottom: 15px; padding: 3px; border: 0; background-color: #EAEAEA; }
form.contact textarea.fmtextarea { float: left; border: 0; background-color: #EAEAEA; padding: 3px; }
form.contact .submit { text-align: right; clear: both; width: 96%; }

#recaptcha_table {
	position:relative;
	left:125px;
}