body, html {
color: #000; 
font-family: "Lucida Sans Unicode", Lucida Grande, Verdana, Tahoma, sans-serif;
font-size:11px;
background-color: #fff; 
padding: 0;
margin: 0;
border: 0;
}
body {
min-width: 760px;
padding: 0;
margin: 0;
border: 0;
}

img {
border:0;padding:0;margin:0;
}

p {
padding: 0px 0 7px 0;
font-size: 12px;
color: #666;
line-height: 18px;}



h1, h2, h3 {
font-weight: bold;
}
h1 {
font-size: 2em;
margin:0;padding:0;
font-size: 14px;
line-height:18px;
color: #6E674F;
font-weight:bold;
}

.clear { clear: both; }

#mainContainer {
min-height: 200px;
background: #fff;
max-width: 1280px;
}
* html #mainContainer {
height: 200px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/

#breadcrumb {
vertical-align:top;
padding:1px 2px 2px 2px ;
color: #272727;
font-size: 10px;
line-height:10px;
height:13px;
}

#findlinks {
float:right;
margin:0;padding:0px 2px 2px 2px ;
line-height:11px;
height:13px;

display:block;

}

#breadcrumb a {
color: #272727;
text-decoration:none;
margin: 0 5px 0 5px
}

#header {
height:58px;
width:100%;
background: #fff url('../images/header-bg2.gif') no-repeat 0 0;
vertical-align:middle;
position:relative;
}

#header-right {
float:right;
height:58px;
width:480px;
background: transparent url('../images/header-bg2.gif') no-repeat 100% 100%;
}

#header-logo {
margin:15px 0 0 15px;
}

#header-nav {
margin: 20px 20px 0 0;
}




/**************************
FEATURE
**************************/
#feature-int {
height:155px;
width:100%;
padding:0;
border:0;
margin:0;
position:relative;

background: #fff url('../images/feature-int-bg.gif') no-repeat 100% 100%;

}

#feature-int-left {
margin:0;
float:left;
height:155px;
width:290px;
background: #fff;
}


#feature-int-mid {
margin:0;
height:155px;
background: #fff url('../images/feature-int-bg.gif') no-repeat 0 0;
vertical-align:middle;
top:0;left: 288px;
position:absolute;
overflow: hidden; min-width: 710px; 
}

#feature-int-right {
margin:0;
float:right;
height:155px;
width:80px;
background: #fff url('../images/feature-int-bg.gif') no-repeat 100% 100%;
display:none;
}

#feature-int h1 {
margin: 0 0 0 -1000px;
position:absolute;
top: 50px;
padding: 0px 0 0 30px; 
color: #FEF6DD;
font-family: Gotham;
font-size: 24px;
line-height: 34px;
letter-spacing:-1px;
display:block;
width: 1500px;
height: 24px;
}


#feature-int h2 {
font-weight: bold;
color: #C7B28A;
font-size: 11px;
Font-family: Verdana, Arial, Sans;
padding: 0px 0 0 30px; 
position:absolute;
top:80px;
line-height: 15px;
width:500px;
}









/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 290px solid #fff; /*** This is the width and the color for our left column ***/
border-right: 216px solid #fff; /*** This is the width and the color for our right column ***/

max-width: 774px;

}

.inner {
width: 100%; 
}


.float-wrap {
float: left;
width: 100%;
margin-left: -290px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: #fff;
margin-right: -290px;  /*** Same length as .outer border-left but with negative value ***/
width: 100%;
}
* html #content {
position: relative;
}
.contentWrap{
padding: 35px;
}






/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 250px;
min-height: 250px;
padding: 20px;
margin:0 0 0 0;
border:0;

}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 250px;
}

div.firstgrade

{
background: #fff url('../images/opp-bg.gif') no-repeat 0 0;

}

div.firstgrade h2 {
font-size:9px;
letter-spacing:2px;
border-bottom: 1px #333 solid;
color: #333;
}


div.firstgrade h3 {
font-size:11px;
color: #333;
padding:0;margin:5px 0 0 0;
font-weight:bold;
}

div.firstgrade p {
font-size:11px;
line-height:12px;
color: #333;
padding:0;margin:0px 0 15px 0;
}

div.firstgrade p.smaller {
font-size:10px;
line-height:11px;
}


#referral

{
background: #fff url('../images/referral-bg.jpg') no-repeat 0 0;
position:relative;
width: 170px;
height:125px;
overflow:hidden;
padding: 0px 0 0 120px;
margin:0 0 0 0px;
border:0;
float: left;

}

#referral h4 {
font-size:10px;
letter-spacing:1px;
color: #C8BC96;
margin: 20px 0 10px 0;
line-height: 10px;
}


#referral h5 {
font-size:12px;
color: #E4D4A2;
padding:0;margin:5px 0 0 0;
font-weight:bold;
}

#referral p {
font-size:10px;
line-height:11px;
color: #FFF7DE;
padding:0 10px 0 0;margin:0px 0 15px 0;
}


#referral a {
font-size:10px;
text-decoration:none;
color: #FFF7DE;
}



#cornbutt {

position:absolute;
bottom: 10px; 
right: 10px;
width:16px;height:16px;
z-index:100;
}






#brolink

{
background: #fff url('../images/brolink-bg.jpg') no-repeat 0 0;
position:relative;
width: 170px;
height:125px;
overflow:hidden;
padding: 0px 0 0 120px;
margin:0 0 0 0px;
border:0;
float: left;

}

#brolink h4 {
font-size:10px;
letter-spacing:1px;
color: #C8BC96;
margin: 20px 0 10px 0;
line-height: 10px;
}


#brolink h5 {
font-size:12px;
color: #E4D4A2;
padding:0;margin:5px 0 0 0;
font-weight:bold;
}

#brolink p {
font-size:10px;
line-height:11px;
color: #FFF7DE;
padding:0 10px 0 0;margin:0px 0 15px 0;
}


#brolink a {
font-size:10px;
text-decoration:none;
color: #FFF7DE;
}







/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 216px;
min-height: 250px;
margin-right: -216px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right {
height: 250px;
position: relative;  /*** IE needs this  ***/
}

#right li {

color: #887E5A;
}


div.secondgrade

{
position:relative;
background: #fff url('../images/secondgrade-bg.gif') no-repeat 0 0;
padding: 20px;
}

div.secondgrade h2 {
font-size:10px;
letter-spacing:2px;
border-bottom: 1px #887E5A solid;
color: #887E5A;
line-height: 18px;
padding: 0 0 3px 0;
margin:0 ;
}


div.secondgrade h3 {
font-size:11px;
color: #887E5A;
padding:0;margin:5px 0 0 0;
font-weight:bold;
}

div.secondgrade p {
font-size:11px;
line-height:12px;
color: #887E5A;
padding:0;margin:3px 0 9px 0;
letter-spacing: -.35pt;
}

div.secondgrade-bottom {
background: transparent url('../images/secondrgrade-bottom.gif') no-repeat 0 0;
margin: 0 -20px 0 -20px;
position:absolute;
bottom:0;
}


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

#footer {

width:100%;
max-width: 1280px;
margin: 50px 0 0 0;
height: 57px;
position:relative;
background: #fff url('../images/footer-bg.gif') no-repeat 100% 100%;
height:57px;
text-align:center;
vertical-align:middle;
line-height:57px;
color: #968E6A;
font-weight:normal;
}



#footer-left {
height:57px;
line-height:57px;
width:280px;
float:left;
text-align:center;
vertical-align:middle;
font-size: 12px;
font-weight:bold;
letter-spacing:-1px;



}

#footer-right {
background: #fff url('../images/footer-bg.gif') no-repeat 100% 100%;
height:57px;
text-align:center;
vertical-align:middle;
line-height:57px;
float:right;
padding-right: 50px;
}

#copyright {

width:100%;
max-width:1020px;
margin: 5px 0 40px 0;
font-size: 10px;
color: #E5D6A6;
text-align:center;

}

#footer a {
margin: 0 10px 0 10px;
text-decoration:none;
color: #968E6A;
font-weight:normal;
}

#footer a:hover {
color: #272727;
}


/**************************
NAVIGATION
**************************/
div.childnav {
position: absolute; visibility: hidden; z-index:100;
left: 0px; top: 0;
margin:0 0 0 7px;
}

div.last {
margin:0 0 0 7px;
}


ul.primarynav
{
	list-style-type: none;
	list-style-position: outside;
	margin:0 0 0 0px;
	padding:0;
}

ul.primarynav li
{
	padding:1px;
}

ul.primarynav a {

	text-decoration:none;
	display:block;
	width: 130px;
	height:12px;
	line-height:12px;
	padding:3px 3px 3px 5px;
	background: #272727;
	color: #fc3;
}


div.last ul.primarynav a {
	width: 110px;

}




ul.primarynav a:hover {
	color: #fff;
}



/**************************
TYPOGRAPHY
**************************/

ul.index
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 0 10px;
	padding:0;
}

ul.index li
{
	padding:5px;
	line-height: 15px;
	height:15px;
	margin:0;
	
}

ul.index a {

	text-decoration:none;
	color: #CC6600;
	font-weight:bold;
	
}

ul.index a:hover {
	color: #600;
}


.bullet {
margin-right: 10px;
align:left;
}


div.halfbull {
width: 45%;
padding-right: 2%;

}

div.fullbull {
width:90%;

}

div.halfbull h2, div.fullbull h2 {
font-size: 12px;
font-weight: bold;
color: #CC6600;
border-bottom: solid 1px #CC6600;
line-height: 18px;

}

ul.bulls
{
	list-style-type: default;
	list-style-position: outside;
	margin: 0 0 0 20px;
	padding:0 0 0 3px;
}

ul.bulls li
{
	padding:2px;
	line-height: 12px;
	margin:0 0 5px 0;
	color: #666;
	
}



div.fullbull ul {
width: 100%;
list-style-type: default;
list-style-position: outside;

}
div.fullbull li {
float:left;
width: 42%;
margin-right: 20px;
padding:1px;
}

div.fullbull br {
clear:left; 
}











div.openings {
width:45%;
margin-right:2%;
}

div.openings h2 {
font-size: 10px;
font-weight: bold;
color: #CC6600;
border-bottom: solid 1px #CC6600;
line-height: 18px;
margin:0;
margin-top: 15px;
letter-spacing: 1px;

}


div.openings h3 {
font-size: 11px;
font-weight: bold;
color: #272727;
line-height:13px;
margin:12px 0 0 0;
padding:0;
clear:both;
}

div.openings p {
font-size:11px ;
letter-spacing: -.25pt ;
line-height:12px ;
margin: 0 0 4px 0 ;

}




div.openings a, 
div.openings a:visited {

	text-decoration:none;
	color: #600;
	font-weight:bold;
	
}

div.openings a:hover {
	color: #CC6600;
}

div.opp a, 
div.opp a:visited {

	text-decoration:none;
	color: #600;
	font-weight:bold;
	
}




.leftlabel {
display:block;
width: 55px;
height: 20px;
float:left;

}


/**************************
FORMS
**************************/


.formrow {
width: 100%;
max-width: 400px;
text-align:right;
padding: 2px;
vertical-align: middle;
}

.fileattach {
width: 100%;
max-width: 400px;
text-align:right;
padding: 2px;
vertical-align: middle;
}

#form-wrap {
line-height:18px;
width: 400px;
padding: 10px;
background: #fff;
text-align:left;
}

.hidden {

display: none;

}

input.textbox450 {

width: 250px;
height: 16px;
border: 1px #272727 solid;
font-size: 11px;
line-height:14px;
}

.select250 {
width: 250px;
height: 20px;
line-height: 20px;
font-size: 12px;

}


.fileattach {
width: 200px;
height: 20px;
line-height: 20px;
font-size: 12px;

}

.desctextarea {
width: 250px;
height: 200px;
border: 1px #272727 solid;

}

label { 
float:left;
font-size: 11px;
font-weight: normal;
letter-spacing: -.25pt;
color: #666;
width: 120px;
text-align:left;
height: 16px;
line-height: 16px;

}

.hovertext {
background: transparent url('../images/hoverbg.gif') no-repeat 100% 100%;
width: 195px;

padding:5px 7px 60px 20px;
}

a.ashover {
background: #F7F3E7 url('../images/hoverlinkbg.gif') repeat-x 0 0;
text-decoration:none;
color: #666;
padding 0 1px 0 1px;
border-bottom: 1px dotted #666;
}