/* CSS Document */

body {
margin: 0px 0px;
padding: 0px;
text-align: left;
background-image: url(../images/bg-hor-repeat.jpg);
background-repeat: repeat-x;
background-color: rgb(199, 188, 166);
}

.badge {
padding: 2px;
float: right;
margin: 0px 45px 25px 0px;
}

/* Layout */
#mainContainer {
position: relative;
width: 820px;
margin: 0px auto;
position: relative;
}

#mainContainer .topBar {
position: absolute;
top: 0px;
left: 0px;
width: 820px;
height: 25px;
background-image: url(../images/topbar.jpg);
background-repeat: no-repeat;
text-align: left;
}

#mainContainer .navigation {
position: absolute;
left: 0px;
top: 25px;
width: 339px;
height: 217px;
background-image: url(../images/bg-nav.jpg);
background-repeat: no-repeat;
text-align: left;
}

#mainContainer .headerLogo {
text-align: left;
position: absolute;
left: 341px;
top: 25px;
width: 479px;
height: 217px;
background-image: url(../images/bg-logo-area.jpg);
background-repeat: no-repeat;
}

#contentArea {
position: relative;
width: 820px;
top: 242px;
left: 0px;
text-align: left;
margin: 0;
padding: 0;
background-image: url(../images/body-bg-02.jpg);
background-repeat: repeat-y;
}

/* Begin IE 6/Win Fix */
html>body #contentArea .body {
width: 551px;
position: relative;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
float: left;
clear: none;
}

html>body #contentArea .sideContent {
position: relative;
top: 0px;
left: 0px;
width: 269px;
margin: 0;
padding: 0;
float: right;
clear: none;
}
/* End IE 6/Win Fix */

#contentArea .body {
width: 551px;
position: relative;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
float: left;
clear: right;
}

#contentArea .sideContent {
position: relative;
top: 0px;
left: 0px;
width: 269px;
margin: 0;
padding: 0;
float: right;
clear: left;
}

/* Begin Job Description Layout */
#jobDescription {
position: relative;
width: 820px;
top: 242px;
left: 0px;
text-align: left;
margin: 0;
padding: 0;
}

#jobDetails {
width: 820px;
position: relative;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
clear: right;
background: none;
}

#jobDetails .details {
border-bottom: 1px dotted #7C1D20;
padding: 0px;
margin: 0px auto;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 18pt;
color: #7C1D20;
width: 90%;
}

#jobDetails .buttons {
padding: 0px;
margin: 0px 0px 0px 70px;
text-align: center;
width: 90%;
}

.buttons a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 9pt;
line-height: 20pt;
color: #333333;
width: 200px;
font-weight: normal;
display: block;
margin: 5px 10px 0px 0px;
background: url(../images/subnav-button-off.jpg) no-repeat;
float: left;
text-decoration: none;
}

/* End Job Description Layout */

#footer {
width: 820px;
height: 116px;
clear: both;
}

#footer .jobs {
background: url(../images/footer-bg-jobs.jpg) no-repeat;
width: 820px;
height: 116px;
margin: 0px;
padding: 0px;
}

#footer .left {
background: url(../images/footer-left-bg.jpg) no-repeat;
width: 551px;
height: 116px;
float: left;
margin: 0px;
padding: 0px;
}

#footer .right {
width: 269px;
height: 116px;
float: right;
margin: 0px;
padding: 0px;
}

/* Main Navigation */
.navigation ul {
display: block;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.navigation li {
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.navigation li a {
width: 341px;
font-family: "Trebuchet MS" ;
font-size: 13pt;
font-weight: normal;
line-height: 24pt;
text-transform: none;
letter-spacing: 1px;
display: block;
color: #FFFFFF;
text-decoration: none;
padding-left: 70px;
}

.navigation li a:hover {
background: url(../images/nav-ro.jpg) no-repeat;
display: block;
}

.currentNavigation {
background: url(../images/nav-ro.jpg) no-repeat;
}

.navigation span {
font-size: 13pt;
text-transform: uppercase;
}

/* Sub Navigation */
.subnav {
position: relative;
width: 269px;
margin: 0;
padding: 0;
clear: both;
}

.subnav a {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
width: 202px;
font-weight: normal;
font-size: 10pt;
display: block;
padding: 0px 0px 0px 15px;
margin: 10px 25px 0px 25px;
text-decoration: none;
line-height: 20pt;
background: url(../images/subnav-button-off.jpg) no-repeat;
}

.subnav a:hover {
background: url(../images/subnav-button-over.jpg) no-repeat;
color: #FFFFFF;
}

a.currentSubnav {
background: url(../images/subnav-button-over.jpg) no-repeat;
color: #FFFFFF;
font-weight: normal;
font-size: 10pt;
display: block;
padding: 0px 0px 0px 15px;
margin: 10px 25px 0px 25px;
text-decoration: none;
line-height: 20pt;
font-family: Arial, Helvetica, sans-serif;
}

/* 3rd Level Navigation */
.subnav ul {
background: none;
display: block;
list-style-type: none;
margin: 8px 35px 0px 40px;
padding: 0px 0px 0px 0px;
}

.subnav li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
}

.subnav li a {
font-size: 9pt;
line-height: 13pt;
color: #666666;
list-style-type: none;
background-image: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.subnav li a:hover {
background-image: none;
color: #333333;
}

/* Headlines */
h1, h4, h5 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing: 0em;
margin: 0;
padding: 0;
line-height: 1em;
}

h1 {
text-align: left;
color: #7C1D20;
font-size: 14pt;
padding: 20px 0 15px 45px;
margin: 0 20px 0 20px;
background-color: rgb(199, 188, 166);
background-image: url(../images/h1-bg.jpg);
background-repeat: repeat-x;
background-position: 0px 30px;
}

h2, h2 a {
font-family: Georgia, "Times New Roman", Times, serif;
color: #333333;
text-align: center;
font-size: 11pt;
padding: 25px 0 0px 0px;
margin: 0 0px 0 0px;
text-transform: uppercase;
text-decoration: none;
}

h2 span {
font-size: 13pt;
text-transform: uppercase;
}

h3 {
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14pt;
font-weight: normal;
color: #7C1D20;
line-height: 18pt;
background: url(../images/h3-bg.jpg) no-repeat;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 5px;
}

h4 {
display: block;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: italic;
font-weight: normal;
color: #7C1D20;
padding: 0px 0 15px 0px;
margin: -7px 20px 0 70px;
}

h4 span {
font-style: normal;
font-weight: bold;
}

h5 {
display: block;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
font-style: italic;
font-weight: normal;
color: #7C1D20;
padding: 0px 0 0px 0px;
margin: 0px 0px 0 -25px;
}

h5 span {
font-style: normal;
font-weight: normal;
font-size: 12pt;
}

h6 {
display: block;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: normal;
color: #7C1D20;
padding: 0px 0 0px 0px;
margin: 0px 20px 0 70px;
}

/* Text */
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 16pt;
color: #333333;
padding: 0px 50px 0px 70px;
margin: 0px 0px 15px 0px;
}

p a {
color: #7C1D20;
}

ul, ol {
padding: 0px 50px 0px 105px;
margin: 0px 0px 15px 0px;
clear: both;
}

li {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #333333;
margin: 0px 0px 15px 0px;
clear: both;
padding: 0px 0px 0px 0px;
}

li a {
color: #7C1D20;
}

#noBullet ul, ol {
padding: 0px 50px 0px 105px;
margin: 0px 0px 15px 0px;
list-style-type: none;
clear: both;
}

#noBullet li {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #333333;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
clear: both;
}

#noBullet li a {
color: #7C1D20;
}

#footer .left p, #footer .jobs p {
width: 490px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 50px;
left: 60px;
}

#footer p a, #footer .jobs p a {
text-decoration: underline;
color: #666666;
background: none;
}

#footer p a:hover, #footer .jobs p a:hover {
color: #333333;
}

#footer p span, #footer .jobs p span {
margin-left: 15px;
}

blockquote {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13pt;
color: #333333;
font-style: italic;
line-height: 17pt;
margin: 0px 0px 15px 0px;
padding: 0px 50px 0px 70px;
}

.quoteOdd {
background: #C0B2A5 url(../images/quotemark.jpg) top left no-repeat;
width: 400px;
line-height: 12pt;
font-style: italic;
padding: 10px;
margin: 0px 0px 15px 70px;
}

.quoteEven {
background: url(../images/quotemark02.jpg) top left no-repeat;
width: 400px;
line-height: 12pt;
font-style: italic;
padding: 10px;
margin: 0px 0px 15px 70px;
}

/* form.css*/ 

form {
padding: 0px 0px 0px 0px;
font-size: 75%;
font-family: tahoma, arial, verdana, sans-serif;
color: #000000;
margin: 0px 0px 0px 0px;
}

form fieldset {
clear: both;
font-size: 100%;
border-color: #666666;
border-width: 1px 0px 0px 0px;
border-style: solid none none none;
padding: 10px 0px 10px 10px;
margin: 0px 0px 15px 50px;
width: 300px;
}

form fieldset legend {
font-size: 100%;
font-weight: normal;
color: #7C1D20;
margin: 0px 0px 0px 0px;
padding: 0px 5px;
}

label {
  font-size: 100%;
}

input, select, textarea {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
color: #000000;
font-weight: normal;  
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 450px;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 140px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.required label, label.required {
  font-weight: bold;
}

form div input, form div select {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div textarea {
width: 450px;
padding: 1px 3px;
margin: 0px;
overflow: auto;
height: 75px;
}

form div input.inputFile {
width: 211px;
}

form div.submit {
width: 205px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
}

form div.submit div {
display: inline;
float: left;
text-align: left;
width: auto;
padding: 0px;
margin: 0px;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
background: url(../images/submit-button.jpg) no-repeat 0 0px;
color: #333333;
text-align: center;
width: auto;
padding: 0px 0px 2px 0px;
margin: 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
float: right;
margin: 0px 0px 0px 0px;
border: none;
width: 72px;
height: 21px;
}

form div small {
  display: block;
  margin: 0px 0px 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}

.submitNote {
width: 450px;
padding: 4px;
margin: 10px 0px 0px 60px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
line-height: 11pt;
border: 1px dotted #7C1D20;
background: #EFE7DA;
}

form input, form select, form textarea {
border: 1px solid #666666;
background-color: #DAD8D2;
}

form input:focus, form div textarea:focus {
background-color: #FFF2D3;
}

form div small {
  line-height: 125%;
}

/* Video Link */
#vidLink, #vidLink a {
position: relative;
width: 269px;
height: 229px;
background-image: url(../images/video-link.jpg);
background-repeat: no-repeat;
text-align: center;
clear: both;
text-decoration: none;
}

#vidLink p {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #333333;
line-height: 11pt;
text-align: center;
padding: 0px 45px 0px 40px;
margin: 0;
display: block;
}

#vidLink p a {
text-decoration: none;
color: #333333;
display: block;
}

#vidLink img, #vidLink img a {
width: 189px;
height: 113px;
margin: 2px 5px 10px 0px;
border-top: 1px solid #7C1D20;
border-bottom: 1px solid #7C1D20;
text-decoration: none;
}

/* Client Quotes */
#quote01 {
position: relative;
background: url(../images/quote-bg-01.jpg) no-repeat;
width: 484px;
height: 200px;
margin: 0px 0px 15px 45px;
}

#quote01 .img {
position: absolute;
top: 0px;
left: 0px;
width: 152px;
height: 157px;
margin: 0px 0px 0px 0px;
padding: 0;
}

#quote01 p {
position: absolute;
top: 25px;
left: 172px;
width: 260px;
padding: 10px 0px 0px 0px;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #666666;
font-weight: normal;
line-height: 13pt;
}

#quote02 {
width: 239px;
margin: 30px 0px 25px 0px;
}

#quote02 p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #666666;
font-style: italic;
font-size: 9pt;
line-height: 13pt;
margin: 10px 0px 0px 20px;
padding: 0px 0px 15px 5px;
background: url(../images/h3-bg.jpg) bottom no-repeat;
}

#quote02 p a {
color: #666666;
text-decoration: underline;
}

/* Career Table */
#contentArea .body table {
width: 431px;
margin: 0px 0px 0px 70px;
background: rgb(179, 166, 155);
}

#contentArea .body table a {
font-family: Arial, Helvetica, sans-serif;
color: #7C1D20;
text-decoration: underline;
}

.tableTitle {
background: rgb(179, 166, 155);
padding: 3px 0px 3px 0px ;
}

.tableTitle p {
width: 90%;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
display: block;
font-weight: normal;
text-transform: uppercase;
color: #7C1D20;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
}

.rowOdd {
background: rgb(198, 188, 175);
padding: 3px 0px 3px 0px ;
}

.rowOdd p {
width: 75%;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 10pt;
text-align: left;
display: block;
font-weight: normal;
text-transform: none;
color: #333333;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 8px;
border: none;
}

.rowEven {
background: rgb(199, 189, 165);
padding: 3px 0px 3px 0px ;
}

.rowEven p {
width: 75%;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height: 10pt;
text-align: left;
display: block;
font-weight: normal;
text-transform: none;
color: #333333;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 8px;
border: none;
}

.filledPosition p {
text-transform: uppercase;
text-align: center;
margin: 0px;
padding: 0px;
}

/* Employee Headshots / Images */
p img {
	width: auto;
	height: 164px;
	padding: 2px;
	border: 1px solid #7C1D20;
	margin: 0px 10px 10px 0px;
	float: inherit;
}

.largePic {
width: 419px;
height: 279px;
padding: 2px;
border: 1px solid #7C1D20;
margin: 0px 0px 0px 0px;
clear: both;
}
.mappic {
	height: 242px;
	width: 357px;
	border: 1px solid #990000;
}
.noconstraints {
	border: 1px solid #990000;
}
.imgright {
	background: right;
}
.smallpic
{
	width: 100px;
	height: 90px;
	padding: 2px;
	border: 1px solid #7C1D20;
	margin: 0px;
	clear: both;
}
