/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body   { color: #90602a; font-size: 62.5%; font-family: verdana, arial, sans-serif } /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:960px; margin:0px auto; margin-top:10px; margin-bottom:10px; font-size:1.0em;}
.main   { background-color: #faf5c8; padding-bottom: 30px; width: 954px; clear: both; border-right: 3px solid #d7b978; border-left: 3px solid #d7b978 }
.main-navigation    { background-color: #f0e19b; background-position: 0 0; display: inline; width: 179px; float: left; overflow: visible !important; border-right: 1px solid #d7b978; border-bottom: 1px solid #d7b978 }
.main-content   { display: inline; margin: 0 0 0 20px; width: 554px; float: left; overflow: visible !important }
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer   { font-size: 1em; background: #fff3d1; padding: 1em 0; width: 954px; clear: both; overflow: visible !important; border: solid 3px #d7b978 }

/* HEADER */
.header {width:960px;}
.header-top    { background: #fff3d1; margin-top: 10px; width: 954px; height: 125px; overflow: visible !important; border-top: 3px solid #d7b978; border-right: 3px solid #d7b978; border-left: 3px solid #d7b978 }
.header-bottom     { color: #fff; background-color: #90602a; width: 954px; border-style: solid; border-width: 1px 3px 3px; border-color: #d7b978 }
.header-breadcrumbs    { background-color: #faf5c8; padding: 1em 0 1.5em 0; width: 954px; clear: both; border-right: 3px solid #d7b978; border-left: 3px solid #d7b978 }
.header .round-border-topleft   { background: url("../images/bg_head_corner_topleft_25px.gif") no-repeat; margin-top: -3px; margin-left: -3px; position: absolute; z-index: 100; width: 25px; height: 25px }
.header .round-border-topright   { background: url("../images/bg_head_corner_topright_25px.gif") no-repeat; margin-top: -3px; margin-left: 932px; position: absolute; z-index: 100; width: 25px; height: 25px }

/*************/
/*  2. HEAD  */
/*************/
.sitelogo  { background: url("../images/LogoIBP104x106.jpg"); margin: 10px 0 0 15px; position: absolute; z-index: 1; width: 104px; height: 106px }
.sitename   { margin: 25px 0 0 135px; position: absolute; z-index: 1; width: 650px; height: 90px; overflow: visible !important }
.sitename h1  { font-size: 240%; font-weight: normal; text-align: center }
.sitename h2 {margin:-2px 0 0 0; color:rgb(125,125,125); font-weight:normal; font-size:120%;}
.sitename a  { color: #704a21; text-decoration: none }
.sitename a:hover  { color: #704a21; text-decoration: none }

/*Drop-down menu*/
.nav2        { font-size: 130%; white-space: nowrap; margin-left: 190px; width: 764px; float: left }
.nav2 ul   { list-style-type: none }
.nav2 ul li      { z-index: auto !important; float: left; border-right: 1px solid #d7b978; border-left: 1px solid #d7b978 }
.nav2 ul li a       { color: #fff; font-weight: normal; line-height: 2.1em; text-decoration: none; display: block; padding: 0 16px; height: 2.1em }
.nav2 ul li a:hover   { color: #704a21; text-decoration: none; background-color: #fff3d1; position: relative }
.header-breadcrumbs ul  { font-family: verdana, arial, sans-serif; list-style: none; padding: 0 0 0 15px; width: 500px; float: left }
.header-breadcrumbs ul li     { color: #704a21; font-size: 100.01%; font-weight: bold; background: url("../images/triangle_brown.png") no-repeat 0 50%; display: inline; padding: 0 0 0 10px }
.header-breadcrumbs ul a  { color: #704a21; text-decoration: none }
.header-breadcrumbs ul a:hover  { color: #f93d00; text-decoration: underline }

.nav1        { padding: 0 15px 0 0; width: 350px; float: right }
.nav1 ul      { list-style: none; padding: 0 15px 0 0; width: 350px }	
.nav1 ul li      { font-size: 100.01%; font-weight: bold; background: url("../images/triangle_brown.png") no-repeat 0 50%; display: inline; margin-left: 5px; padding: 0 0 0 12px; float: right }
.nav1 ul a    { color: #704a21; text-decoration: none }
.nav1 ul a:hover  { color: #f93d00; text-decoration: none }

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright   { background: url("../images/bg_corner_topright.gif") no-repeat; margin: -1px 0 0 170px; position: absolute; z-index: 100; width: 10px; height: 10px }

/* MAIN CONTENT */
.column1-unit  { margin-bottom: 10px !important; width: 540px }
.column2-unit-left {float:left; width:225px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:225px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:137px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:137px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:137px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* MAIN SUBCONTENT */
.subcontent-unit-border  { background: #f0e19b; margin: 0 0 2em; padding: 0 0 5px; width: 183px; border: solid 1px #d7b978 }
.round-border-topleft  { background: url("../images/bg_corner_topleft.gif") no-repeat; margin-top: -1px; margin-left: -1px; position: absolute; z-index: 100; width: 10px; height: 10px }
.round-border-topright  { background: url("../images/bg_corner_topright.gif") no-repeat; margin-top: -1px; margin-left: 174px; position: absolute; z-index: 100; width: 10px; height: 10px }
/********************/
/*  FOOTER SECTION  */
/********************/
.footer p  { color: #90602a; font-size: 110%; font-weight: bold; line-height: 1.3em; text-align: center }
.footer p.credits {font-weight:normal;}
.footer a  { color: #90602a; text-decoration: underline }
.footer a:hover  { color: #f93d00; text-decoration: none }
.footer a:visited  { color: #90602a }

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit  { color: #704a21; background: #f0e19b; width: 490px; height: 0.1em; clear: both; border: none }

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:954px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:954px; background:transparent;}}
@media print {.nav2 {float:left; width:954px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:954px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:954px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}