/* ===========================

	General

============================== */



*{margin:0; padding:0;}

body {

	font-weight:normal; 

	font-size:8pt;

	font-family: Verdana;

	background-color:#f8f7f0;

	color:#7f7f63;

}

p { margin: 0 0 1em 0; }

ul 

{

    margin-left:15px;

    list-style-image:none; /*url(../i/bullet_black.gif);*/

    list-style-position:outside;

    line-height:1.5em;

}



h1, h2, h3, h4 

{

    margin-bottom:5px; 

    font-size:16pt; 

    color:#97987b; 

    font-weight:bold; 

    font-family: 'Trebuchet MS', Arial;

}

h2 { font-size:14pt; }

h3 { font-size:12pt; }

h4 { font-weight:bolder; font-size:9pt; margin-bottom:0; }



.clear {

	clear:both; 

	height:1px; 

	margin:0px;

	overflow:hidden;

}

a

{

    color:#e85d00; 

    text-decoration: none;

}

a:hover

{

    color:#e85d00; 

    text-decoration: underline;

}



/* ===========================

	Template

============================== */



#container

{

	width: 875px;

	margin: 10px auto;

	border: 0px solid gray;

}



#container.template #border

{    

    background-image:url(../i/bg_illhead.gif);

    background-repeat:no-repeat;

    background-position:150px 50px;

    border-top:1px solid #cfcec4;

    border-left:1px solid #cfcec4;

    border-right:1px solid #cfcec4;

}



#container.template #border #top { height:90px; }

#container.first #border #top

{

    height:256px;

	background-image:url(../i/bg_head.gif);

	background-repeat:no-repeat;

}



#container #border #top #logo

{ 

    width:250px; 

    position:relative; 

    top:30px; 

    float:left;

}



#container.first #border #top #logo {

    left:30px;

}

#container.first #border #top #logo #logotype

{

    width:249px; 

    background-image: url(../i/line_grey.gif);

    background-repeat:repeat-x;

    background-position:bottom;

    padding-bottom:10px;

    margin-bottom:10px;

}



#container #border #top #logo #logotype img

{

    width:149px; 

    height:44px;

 }



#leftnav

{

	float: left;

	width:200px;

	padding-top:10px;

}



#content

{

	margin-left: 200px;

	padding: 0 0 0px 0;

    background-image: url(../i/line_grey_vertical.gif);

    background-repeat:repeat-y;

    background-position:0 0;

    border:0px solid black;

    position:relative;

    height:auto;

    margin-bottom:10px;

}

#content #cc

{

    margin:15px 10px 0 10px; 

    height:98%;

}



#footer { clear: both;  } 

#container.template #footer { border-bottom: solid 1px #cfcec4; margin-top:20px; }

#container.first #footer img{ width:881px; height:59px;  } 

#copy { float:right; margin-top:0px; position:relative; right:5px; }



/* ===========================

	Navigation

============================== */



.nav {

	background-image:none;

	line-height:18px;

	background-position:left top;

	padding-left:0px;

    padding-top:10px;

    margin-bottom:20px;

    z-index:21;

    min-height:270px;

	_height:270px; 

}



#container.first #leftnav .nav{

	padding-top:10px; /*remove*/

}



.nav .li, .nav .lisel  {

	position:relative;

	margin-left:0px;

	padding-left:13px;

	padding-right:5px;

	background-image:url(../i/bullet_black.gif);

	background-repeat:no-repeat;

	background-position: 1px 8px;

}

.nav .lisel 

{

    background-image:url(../i/bullet_orange.gif);

}

.nav .li a, .nav .sel a { color:#000; font-weight:normal; text-decoration:none;}

.nav .lisel a { color:#e85d00; font-weight:normal; text-decoration:none; }

.nav .li a:hover, .nav .lisel a:hover  { text-decoration:underline; }



.nav table { padding:0; margin:0 0 30px 0; border:0;}

.nav table td { vertical-align:top; font-weight:bold; line-height:normal; margin:5px; }

.nav table td a, .promoBox a{ color:#e85d00; text-decoration:none; font-weight:normal; }

.promoBox a{ font-weight:bold; }

.nav table td a:hover, .promoBox a:hover { text-decoration:underline; }



#container #topBar 

{   

    height:23px;

    background-image:url(../i/bg_gray_fade.gif);

    width:855px;

    position:relative;

    top:10px;

    left:10px;

}

#container #navBar 

{

	padding-left: 20px;

	padding-bottom:0px;

	position:relative;

	top:1px;

	padding-right:3px;

	color:#e8e5d8;

    line-height:23px;

}

#navBar a

{

    font-family: Trebuchet MS, Arial;

    color:#f8f7f0;

    font-weight:bold; 

    font-size:10pt;

    text-decoration: none;

    margin:0 10px 0 10px;

}

#navBar a:hover

{

    color:#e85d00; 

    text-decoration: none;

}

#navBar a.sel { color:#e85d00;}

#bottomLinks a:hover{ text-decoration: underline; }



/* ===========================

	Front page

============================== */

#top #logo hr {  color:#cfcec4; margin: 10px 0 10px 0}

#top #caseText { width:329px; height:71px; position:relative; float:right; top:100px; right:70px; }



#container.first #leftnav #contact 

{ 

    background-image: url(../i/line_grey.gif);

    background-repeat:repeat-x;

    background-position:top;

    width:180px; 

    position:relative;

    margin:10px 0 10px 0; 

    line-height:normal; 

    padding-top:10px;

    z-index:0;

}



#content #cc #topContent 

{

    margin: 10px 10px 0 0; 

    padding-bottom:10px;

    background-image: url(../i/line_grey.gif);

    background-repeat:repeat-x;

    background-position:bottom;

    min-height:170px;

    _height:150px;

}

#content #cc #leftContent, #content #cc #rightContent  

{

    margin:10px 0 0 0; 

    float:left; 

    padding:0 10px 0 10px; 

    width:300px;     

}

#content #cc #leftContent #moreLink 

{

    float:right;    

}

#content #cc .report h2 { border-bottom:solid 1px #cfcec4; }

#content #cc #rightContent .pdf, #content #cc   .report .repDesc .pdf, .pdf

{

	margin-left:0;

	margin-top:3px;

	list-style: none;

	padding-left: 30px;

	padding-right:5px;

	padding-bottom:1px;

	background-image:url(../i/pdf_icon.gif);

	background-repeat:no-repeat;

	background-position:0 3px;

}



#content #cc #rightContent li { list-style-image:url(../i/pdf_icon.gif); }



#content #cc p { margin: 0 0 .5em 0; }

#content #cc #leftContent 

{

    background-image: url(../i/line_grey_vertical.gif);

    background-repeat:repeat-y;

    background-position:right;

}



/* ===========================

	Article

============================== */



#border #maincontainer #top #logo 

{ 

    float:left;

    width:810px; 

    background-image: url(../i/line_grey.gif);

    background-repeat:repeat-x;

    background-position:bottom;

    padding-bottom:14px;

}



#container.template #border #maincontainer #leftnav #contact 

{

    background-image:url(../i/line_grey.gif);

    background-repeat:repeat-x;

    padding-top:10px;

    padding-bottom:10px;

    margin-right:10px;

} 



#container.template #border #maincontainer #leftnav

{

    width: 160px;

}



#maincontainer 

{

    margin-left:30px;

    position:relative;

}



* html #maincontainer  {

    height: 1%;  /*IE workaround - peekaboo bug*/

}



#maincontainer #articlecontent 

{

    margin:15px 200px 15px 160px; 

    padding:0;

    min-height:400px;

    _height: 400px;         /*IE workaround*/

    background-image: url(../i/line_grey_vertical.gif);

    background-repeat:repeat-y;

    background-position:0 0;

}



#maincontainer #articlecontent {

    border-right: 1px groove #cfcec4;

}

#maincontainer #articlecontent #cc

{

    padding:0 30px 80px 30px;

}

#rightcol 

{

    margin:15px 30px 0 0;

    border: 0px solid #cfcec4;

    float:right;

    width:160px;

    padding:0 3px 10px  10px;

}

/* ===========================

	Co-Worker

============================== */



#maincontainer #articlecontent.template-two-col {

    border-right: 0;

    margin-right:40px;

}

.staff 

{

    margin-bottom:10px;

    margin-top:10px;

    background-image: url(../i/line_grey.gif);

    background-repeat:repeat-x;

    background-position:bottom;

    width:490px;

    padding-bottom:10px;

}   

.staff .photo 

{

    float:left; 

    width:138px; 

    height: 157px;

    margin-right:24px;

}

.staff .bio { margin-left:162px;}

/* ===========================

	boxes

============================== */



.promoBox {

	width:150px;

	min-height:120px;

	_height:120px;

	margin: 3px; 

	padding:0;

	color:#902d22;

	float:left;

	border:solid 1px #cfcec4;

}

.promoBox .promoHead,.promoBox .promoHead2 {

	height:30px;

	color: #902d22;

	border:solid 1px white;

	padding:5px 1px 1px 35px;

	background-image:url(../i/check_icon.gif);

	background-repeat:no-repeat;

	background-position:8px 5px;

}

.promoBox .promoHead h2,.promoBox .promoHead2 h2 {

	color: #902d22;

	font-size:14pt; 

	font-weight:bold;

	font-family: 'Trebuchet MS', Arial; 

}

.promoBox .promoHead2 {	background-image:url(../i/check_icon2.gif);}

.promoBox p  

{

	padding-left:8px;

	padding-bottom:3px;

	padding-top:5px;

	padding-right:3px;	

	font-size:8pt;

	font-weight:bold;

}

.promoBox a 

{

	color: #902d22;

}

.promoBox .promoHead.orange { background-color:#e87b23; }

.promoBox .promoHead.orange2 { background-color:#e68d2a; }

.promoBox .promoHead2.orange3 { background-color:#e0b238; }

.promoBox .promoHead2.orange4 { background-color:#ddbe3e; }



/* ===========================

	Red button 

============================== */   	

	

div.button {height:44px}

div.button .btnleft, div.button .btnright {

	float:left;  width:11px; height:44px;

	background-image: url(../i/btn_red_left.gif);

}

div.button .btnright { background-image:url(../i/btn_red_right.gif); }

div.button .btncenter {

	text-align:center;float:left; height:44px; overflow:hidden;

	background-image:url(../i/btn_red_bod.gif);

}

/* Link-buttons */

div.button .btncenter a 

{

    font-weight:bold; 

    color:#fff; 

    text-decoration:none; 

    line-height:44px; 

    padding:0 6px;

}

div.button .btncenter a:hover { text-decoration:underline; }