/* CSS Document */

/********************************************************************************
NORMALIZATION
********************************************************************************/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, label, p, td {

margin: 0;
padding: 0;

}
ul, ol {

list-style: none;

}
html {

font-size: 125%; /* normalizes font size for all child elements to 20px font */

}
html body {

font-size: 50%; /* normalizes font size for all child elements to 10px font */

}
h1, h2, h3, h4, h5, h6 {

font-weight: normal;

}
body {

background: #e2deae url(../images/bg_extend.jpg) repeat-x left top;

}

/********************************************************************************
CONTAINER
********************************************************************************/

#container {

width: 1000px;
height: auto;
margin: auto;

}

/********************************************************************************
HEADER
********************************************************************************/

#header {

width: 1000px;
height: 320px;

}

/********************************************************************************
BODY CONTAINER
********************************************************************************/

#body_container {

width: 900px;
height: auto;
margin: auto;

}

/********************************************************************************
SIDEBAR & MAIN NAVIGATION
********************************************************************************/

#sidebar {

width: 262px;
height: auto;
float: left;

}
#main_nav {

width: 262px;
height: auto;
margin-bottom: 20px;

}
#main_nav ul {

font: normal normal 14px "Palatino Linotype", Palatino, "Times New Roman", Times, serif;

}
#main_nav ul a {

display: block;
color: #000000;
text-decoration: none;
padding: 10px 10px 10px 20px;
border-bottom: #e2deae solid 2px;

}
#main_nav ul a:hover {

background: #8cc63f;

}
#main_nav ul a#active {

background: #8cc63f;

}
#side_images {

margin-bottom: 20px;

}

/********************************************************************************
CONTENT
********************************************************************************/

#content_container {

width: 638px;
height: auto;
background: #3e3e45 url(../images/board_repeat.jpg) repeat left top;
float: right;

}
#board_bg {

background: url(../images/board_bg.jpg) no-repeat left top;

}
#content {

width: 558px;
min-height: 550px;
height: auto !important;
height: 550px;
background: url(../images/content_footer.jpg) no-repeat left bottom;
padding: 50px 40px 75px 40px;
position: relative;
text-align: justify;

}
#content_contact {

position: absolute;
left: 6.3%;
bottom: 0%;

}
#content h1 {

font: normal normal 28px/100% "Times New Roman", Times, serif;
color: #e1e1dd;
font-variant: small-caps;
letter-spacing: 1px;
padding-bottom: .50em;
border-bottom: #e1e1dd solid 1px;
margin-bottom: 1em;
text-align: left;

}
#content h2 {

font: normal normal 22px/100% "Times New Roman", Times, serif;
color: #e1e1dd;
margin-bottom: 1em;
text-align: center;

}
#content p {

font: normal normal 14px/175% Arial, Helvetica, sans-serif;
color: #e1e1dd;
margin-bottom: 2em;

}
#content ul {

font: normal normal 14px/175% Arial, Helvetica, sans-serif;
color: #e1e1dd;
list-style: disc;
margin: 0 0 2em 2em;

}
#content p a {

color: #e1e1dd;
text-decoration: underline;

}
#industry_sectors p {

margin-bottom: 0;

}

/********************************************************************************
FOOTER
********************************************************************************/

#footer {

width: 638px;
height: auto;
padding: 15px 0 30px 0;
margin-right: 50px;
_margin-right: 25px;
text-align: center;
float: right;

}
#footer p {

font: normal normal 11px/200% Arial, Helvetica, sans-serif;
color: #a7a26b;

}
#footer p a {

color: #a7a26b;
text-decoration: none;

}
#footer p a:hover {

text-decoration: underline;

}

/********************************************************************************
ENROLL FORM
********************************************************************************/

form {

font: normal normal 14px/175% Arial, Helvetica, sans-serif;
color: #e1e1dd;
width: 558px;
padding-bottom: 25px;

}
br.clearfix {

display: block;
height: 1px;
display: hidden;
clear: both;

}
label {

float: left;
width: 436px;
margin-bottom: 12px;

}

input, textarea {

width: 436px;
background: #e1e1dd;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #07822e;
padding: 5px;
margin-top: 3px;
border: none;

}
label.radio {

width: auto;

}
input.radio {

width: auto;
background: none;

}
label.two {

float: left;
width: 206px;
margin-right: 24px;
_margin-right: 10px;

}
input.two {

width: 206px;

}
label.three {

float: left;
width: 128px;
margin-right: 26px;
_margin-right: 12px;

}
input.three {

width: 128px;

}
textarea {

height: 100px;

}
select {

width: auto;
background: #e1e1dd;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #07822e;
margin-top: 3px;
padding: 5px;
border: none;

}
input.button {

width: auto;
background: #07822e;
color: #ffffff;
padding: 5px 25px;
margin-top: 10px;

}

/********************************************************************************
CLEAR FLOAT HACK
********************************************************************************/

.clearFloat:after {

content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;

}
.clearFloat {

display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearFloat {

height: 1%;

}

.clearFloat {

display: block;

}

/* End hide from IE-mac */