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

}
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: 24px;}

a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }

#mainContainer {
min-height: 300px;
background: #fff;
max-width: 1024px;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
height:60px;
width:100%;
background: #fff url('../images/header-bg.gif') no-repeat 0 0;
vertical-align:middle;
position:relative;
}

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

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

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


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

#feature-home-left {
margin:0;

float:left;
height:238px;
width:290px;
background: #fff;
}


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

#feature-home-right {
margin:0;

float:right;
height:238px;
width:30px;
background: #fff url('../images/feature-home-bg.gif') no-repeat 100% 100%;
}



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


#feature-home h2 {
font-weight: bold;
color: #E89F00;
font-size: 11px;
Font-family: Verdana, Arial, Sans;
padding: 0px 0 0 50px; 
position:absolute;padding-right:250px;

top:120px;
line-height:
}








/**************************
HOME LINKS
**************************/
#links-home {
padding:0;
border:0;
margin:0;
position:relative;
width:100%;
height:38px;

}

#links-home-left {
float:left;
height:38px;
width:290px;
}

#links-home-mid {
position:absolute;
top:0;left:290px;
height:38px;
vertical-align:middle;
margin: 0px;
padding:0;
border:0;
background: #fff url('../images/links-bg.gif') no-repeat 0 0;
overflow:hidden;
}

#links-home-right {
float:right;
height:38px;
width:5px;
background: #fff url('../images/links-bg.gif') no-repeat 100% 100%;
line-height:38px;
padding:0;
border:0;
margin:0;

}

#links-home-container {
width:100%;padding-right:5px;
}



.biglinker {
float:left;
height:38px;
background: #fff url('../images/links-bg.gif') no-repeat 100% 100%;
line-height:19px;
padding:0;
border:0;
margin:0;
vertical-align:top;
width: 24%;

}

.end {

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


}

div.biglinker a {
margin: 0 30px 0 0; padding:0;
line-height:38px;
color: #fff;
text-decoration: none;
margin-left: 0px;

}

div.biglinker a:hover {
color: #E89F00;
}

div.biglinker img {

float:left;
}



/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 290px solid #fff; /*** This is the width and the color for our left column ***/
border-right: 40px solid #fff; /*** This is the width and the color for our right column ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%; 
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.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: 40px;
}

/**************************
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: 240px;
min-height: 180px;
padding: 25px;
margin:0 0 0 0;
border:0;

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


div.opp

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

}

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


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

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




#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: 40px;
min-height: 250px;
margin-right: -40px; /** 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 ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/**************************
FOOTER
**************************/

#footer {

width:100%;
max-width: 1020px;
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 -5px;
}


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: 190px;
	height:12px;
	line-height:12px;
	padding:3px 3px 3px 5px;
	background: #272727;
	color: #fc3;
}

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