/* CSS Document */

/* -------------------------- Styles for the TEMPLATE -------------------------- */
/*-- center content -- */
#centretable {
width:980px;
background-color: #797876;
}
/*-- table for center content - stretch up and down -- */
#main-table {
float: left;
text-align: left;
overflow: hidden;
width:980px;
}
#content-table {
float: left;
width:980px;
line-height: 20px;
background-image: url(../images/content-table-image.gif);
background-repeat: repeat-x;
background-color: #797876;
}



/* -------------------------- Styles for the HEADER -------------------------- */
#header-container {
float: left;
height: 134px;
width:980px;
background-image: url(../images/teresemudgway-header.jpg);
background-repeat: no-repeat;
}

#header-text {
float: right;
height: 50px;
width: 200px;
text-align: right;
margin-top: 10px;
font-size: smaller;
}	
	
	
	
	
/* -------------------------- Styles for the FOOTER -------------------------- */
#footer-container {
float: left;
text-align: left;
width:940px;
overflow: hidden;
padding: 20px;
background-color: #4a4a49;
}
#footer-container-left {
float: left;
width:320px;
overflow: hidden;
font-size: small;
line-height: 24px;
}
#footer-container-right {
float: right;
width:300px;
overflow: hidden;
text-align: right;
line-height: 20px;
}





/* -------------------------- Styles for the NAVIGATION - NEW -------------------------- */
#navigation-container { float: left; height: 27px; width:920px; padding-left: 60px; background: url(../images/navigation-base.gif) repeat-x; text-align: center; }

#navigation { height: 27px; width: 960px; position: relative; z-index: 5; }
#navigation a { color: white; text-decoration: none; }
#navigation a:visited { color: white; text-decoration: none; }
#navigation a:hover { color: white; text-decoration: underline; }
#navigation a:focus { color: white; text-decoration: none; }

#navigationDropDown { margin: 0; padding: 0; }
#navigationDropDown li { float: left; list-style: none; }
#navigationDropDown li a { display: block; padding: 6px 15px 6px 15px; text-decoration: none; white-space: nowrap; }
#navigationDropDown li a:hover { background: #35a7cf url(../images/navigation-base-on.gif) repeat-x; }
#navigationDropDown li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; }
#navigationDropDown li ul li {	float: none; display: inline; }
#navigationDropDown li ul li a { width: auto; background: #35a7cf url(../images/navigation-base-on.gif) repeat-x; color: white; border-top: 1px solid #555; }
#navigationDropDown li ul li a:hover { background: #35a7cf url(../images/navigation-base-on.gif) repeat-x; }










/* -------------------------- Styles for the QUESTIONNAIRE -------------------------- */
#questionnaire-row-top {
float: left;
width:950px;
overflow: hidden;
background-color: #545454;
padding: 3px;
}

#questionnaire-row-bottom {
float: left;
width:936px;
overflow: hidden;
background-color: #454545;
padding: 10px;
text-align: right;
line-height: 18px;
}


#questionnaire-row {
float: left;
width:950px;
overflow: hidden;
background-color: #676767;
padding: 3px;
}

#questionnaire-seperator {
float: left;
width:956px;
height: 1px;
line-height: 1px;
font-size: 1px;
background-color: #898989;
}


#questionnaire-left-unit {
float: left;
width:70px;
overflow: hidden;
text-align: center;
padding: 3px;
}

#questionnaire-left-text {
float: left;
width: 532px;
overflow: hidden;
text-align: left;
padding: 3px;
font-weight: bold;
}
#questionnaire-left-number {
float: left;
width: 18px;
overflow: hidden;
text-align: right;
padding: 3px;
}






/* ------------------------------------------

		Contact
		
------------------------------------------ */
#contact-form { position: relative; overflow: hidden; padding-top: 20px; padding-bottom: 20px; }
div.contact-form-row { position: relative; overflow: hidden; padding-bottom: 20px; }
div.contact-form-row-bottom { position: relative; overflow: hidden; }

span.contact-form-text { float: left; width: 120px; padding-right: 10px; padding-top: 5px; overflow: hidden; text-align: right; list-style: none; line-height: 20px; }
span.contact-form-field { float: left; }
span.contact-form-field-long { float: left; width: 450px; }
input.contact-field { padding: 4px; width: 140px; height: 24px; border: 1px solid #aaa; }
input.contact-field-email { padding: 4px; width: 420px; height: 24px; border: 1px solid #aaa; }

input.contact-field-code { width: 100px; height: 24px; border: 1px solid #aaa; color: #064c9d; margin-top: -10px; }
span.contact-field-code-fail { width:150px; overflow: hidden; padding:4px; }
textarea.contact-field-message { padding: 4px; width: 420px; height: 100px; border: 1px solid #aaa; }
textarea.contact-field-about { padding: 4px; width: 420px; height: 60px; border: 1px solid #aaa; }

input.submit-btn { padding-top: 4px; padding-bottom: 4px; background: #444; border: 1px solid #aaa; margin-left: 20px; color: white; }
input.submit-btn:hover { background: #222; }