/* CSS Document */

body{
background-color:#664226;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
}

h1{
border-bottom:#664226 2px solid;
padding:5px;
color:#664226;
margin:10px 0 10px 0;
}

h3{
margin-bottom:10px;
}

h3 a{
color:#664226;
}

img{
border:none;
}

p{
margin-bottom:10px;
}

#page-wrapper{
width:900px;
margin:50px auto 0 auto;
background-color:#FFFAF0;
padding:20px 0 20px 0;
}
#header{
height:90px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
background-position:10px 0;
padding-left:175px;
color:#664226;
}

#header p{
text-align:right;
padding-right:20px;
}

#top-links{
}

#top-links a{
margin-left:15px;
color:#664226;
}

#title{
font-size:20px;
font-weight:bold;
margin-bottom:0;
}

#title-note{
font-style:italic;
margin:0;
}



#mainNav{
background-color:#FD8E05;
height:27px;
margin: 0 0 20px 0;
padding:8px 0 0 20px;
list-style:none;
}

#mainNav li{
display:inline;
margin-right:25px;
}

#mainNav li a{
color:white;
text-decoration:none;
font-size:16px;
font-weight:bold;
}


#subnav{
list-style:none;
padding:0;
margin:0;
height:200px;
}

#subnav li{

}


#subnav li a{
display:block;
width:200px;
height:30px;
background-image:url(../images/subnav-bg.png);
background-repeat:no-repeat;
padding:10px 0 0 30px;
color:white;
text-decoration:none;
font-size:14px;
font-weight:bold;
}



#leftPane{
background-image:url(../images/left-sidebar-bg.png);
background-repeat:repeat-y;

/*
NOTE: this float is causing trouble with thickbox!!!!
*/

float:left;
width:200px;
height:480px;
padding:20px 0 0 0;
}

#address{
text-align:right;
margin-right:60px;
}

#address h2{
font-size:14px;
margin:20px 0 10px 0;
font-weight:normal;
}

#address p{
font-size:10px;
margin:2px 0 0 0;
}

#centerPane{
float:left;
width:480px;
height:480px;
padding:10px 0 10px 10px;
background-color:white;
}
#breadcrumbs a{
text-decoration:none;
font-weight:bold;
color:#666;
}

#breadcrumbs a:hover{
text-decoration:underline;
}
#center_content_wrapper{
width:460px;
height:480px;
padding:0 20px 0 0;
overflow:auto;
}





#rightPane{
float:left;
width:190px;
margin-left:10px;
height:500px;
overflow:hidden;
}

#featured-jobs{
background-color:white;
padding:0 5px 0 5px;
height:480px;
}

#featured-jobs h2{
color:#664226;
padding:5px 0 5px 0;
border-bottom:#ccc 1px solid;
text-align:center;
}

#featured-jobs h3{
color:#664226;
padding:5px 0 5px 0;
font-size:13px;
margin:10px 5px 5px 5px;
}

#featured-jobs a{
}

#featured-jobs p{
font-size:10px;
margin:2px 5px 2px 5px;
}

#featured-jobs p.location{
font-style:italic;
color:#666;
}


.clear{
clear:both;
}

/* home page */
#home-featured-jobs{
width:290px;
height:42em;
background-color:white;
border:#664226 1px solid;
margin-left:20px;
padding:20px 10px 10px 60px;
background-image:url(../images/featured-job-bg.png);
background-repeat:no-repeat;
float:left;
margin-right:10px;
}

#home-featured-jobs h2, #home-featured-jobs h2 a{
margin:5px 0 2px 0;
color:#664226;
}

#home-featured-jobs p{
margin:0 7px 5px 0;
}

#can{
width:140px;
height:200px;
float:left;
margin:0 15px 10px 0;
}

#home-right{
float:left;
width:495px;
}

#home-why-factor, #home-apply, #home-offices{
background-color:white;
border:#664226 1px solid;
margin:0 0 10px 10px;
padding:60px 10px 10px 145px;
}

#home-why-factor{
height:75px;
background-image:url(../images/why-factor.png);
background-repeat:no-repeat;
}

#home-apply{
height:75px;
background-image:url(../images/apply-online.png);
background-repeat:no-repeat;
}

#home-offices{
height:10em;
padding-bottom:10px;
background-image:url(../images/offices.png);
background-repeat:no-repeat;
}

#left-office{
float:left;
width:155px;
}

#right-office{
float:left;
padding-left:10px;
width:155px;
}

#left-office h2, #right-office h2{
font-size:14px;
margin:0 0 10px 20px;
font-weight:normal;
}

#left-office p, #right-office p{
font-size:10px;
margin:2px 0 0 0;
}

.left-image{
float:left;
margin:0 10px 10px 0;
border:none;
}

.right-image{
float:right;
margin:0 0 10px 10px;
border:none;
}

#team-index-wrapper{
background-color:white;
padding:10px;
height:480px;
overflow:auto;
text-align:center;
}

#team-index-wrapper .name{
text-align:center;
font-weight:bold;
color:#666;
}

#team-index-wrapper img{
border:#ccc 1px solid;
}

.team-directory-wrapper{
border:#ccc 1px solid;
padding:5px;
margin-bottom:5px;
}

.team-directory-wrapper img{
float:left;
margin:0 10px 10px 0;
border:#ccc 1px solid;
}

.team-directory-wrapper .position{
float:right;
margin-right:10px;
}

.team-directory-wrapper .content{
}


#job-detail{
width:333px;
margin:0 auto 0 auto;
}

#application-form{
margin-top:20px;
width:350px;
float:left;
}
#application-form h1{
margin-bottom:10px;
}

#application-form #name, #application-form #email{
width:300px;
}

#application-form #comments{
width:350px;
height:200px;
}

#keywords{
width:300px;
}
.left-col{
width:215px;
float:left;
margin-right:10px;
}

.right-col{
width:215px;
float:left;
}

ul#index{
padding:0 0 0 20px;
}

ul#index li{
margin:5px;
}

input#address{
text-align:left;
}

.filled{
background-image:url(../images/filled.png);
background-repeat:no-repeat;
padding-top:40px;
}