/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,table,tr,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #E1E4ED url('../images/layout/body_bg2.gif') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; border-left-style: none; border-right-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
li { list-style-type: square; }

.bordered { border: 7px solid #CCCCCC; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #333333; font-size: 20px; margin: 0px 0px 20px 0px; font-family: Arial; font-weight: bold; }
h2 { color: #CC0000; font-size: 16px; margin: 20px 0px 10px 0px; font-family: Arial; font-style: normal; font-weight: normal; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 10px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 13px;  line-height: 18px; }
input, textarea { font-size:13px; }

a  { color: #006699; font: normal 13px Arial; text-decoration: none; }
a:hover { text-decoration: underline; }



/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 895px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#header {  }
    #header #logo { border-color: #CCCCCC; border-width: 0px; border-left-style: solid; border-right-style: solid; border-top-style: none; border-bottom-style: none; float: left; }
    #header #tagline { width: 650px; float: right; text-align: right; height: 87px; }
    #header #tagline img { margin-top: 20px; }
    #header #nav { width: 740px; float: right; text-align: right;   }
    #header #nav a { color: #666666; font-size: 16px; font-family: Arial; padding: 8px 11px 8px 11px; line-height: 25px; }
    #header #nav a:hover { color: #FFFFFF; background: #CC0000; text-decoration: none; }


    #subNav { height: 30px; line-height: 30px; text-align: right; }
    #subNav div { color: #CC0000; }
    #subNav div a { color: #CC0000; font-family: Arial; font-size: 12px; padding: 0px 14px 0px 14px; text-decoration: none; line-height: 30px; }
    #subNav div a:hover { text-decoration: underline; }



#bodyContainer { border: 1px solid #CCCCCC; background: #FFFFFF; min-height: 360px; }
#body { margin: 15px 15px 0px 15px; }


#footer { margin-top: 8px; }

#footerLeft { width: 300px; float: left; color: #666666; font-size: 11px; }
#footerRight { float: right; text-align: right; color: #666666; font-size: 11px; }

#footerLeft a, #footerRight a { font-size: 11px; color: #666666; padding: 2px 8px 2px 8px; text-decoration: none; }
#footerLeft a:hover, #footerRight a:hover { color: #666666; text-decoration: underline; }








/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/

#logos { text-align: center; }

#logos img { margin: 0px 7px 0px 7px; }




/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 150px; }
.comments { width: 595px; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }

/* eNewsletter Signup */

.eNewsletterForm {   }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 10px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { border: 1px outset #333333; font-weight: bold; color: #FFFFFF; height: 22px;  padding: 2px 10px 2px 10px; background: url('../images/layout/bodybg.gif'); }




.form { }
.form th, td { padding-bottom: 6px; }
.form th { font-weight: normal; text-align: left; padding-right: 10px; }

table.right th { text-align: right; }


.error { border: 6px solid #cc0000; padding: 15px; }
.success { border: 6px solid #669933; padding: 15px; }


.jobs { width: 100%; }
.jobs th { font-size: 16px; color: #cc0000; text-align: left; padding-bottom: 6px;  }
.jobs td { border-color: #CCCCCC; border-width: 1px; border-bottom-style: solid; padding: 7px 10px 7px 0px; }


#loginBox { width: 394px; height: 113px; background: url('../images/layout/loginbg.jpg'); }
#loginBox div { margin-left: 50px; padding-top: 15px;}
#loginBox th { color: #FFFFFF; }


.button3 { background: #CC0000; color: #FFFFFF; padding: 3px 8px 3px 8px; cursor: pointer; }
.button2 { background: #FFFFFF; color: #333333; padding: 3px 8px 3px 8px; cursor: pointer; }