﻿body, #navigation, #declic_branding {
	position:absolute;
}

#lefthand_body, #righthand_body, #footercontainer {
	position:relative;
}

body {
	background: #1f1610 url(../images/background.png) top left no-repeat;
	font-family: Cambria, Century, "Times New Roman", Times;
	font-size: 16px;
	line-height:125%;
	margin:auto;
	width:100%;
}

#body_area {
border:1px transparent #1f1610;
background: #1f1610;
margin-left:auto;
margin-right:auto;
width:930px;
}

#lefthand_body, #righthand_body {
min-height:850px;
max-height:100%;
margin-top:15px;
margin-bottom:15px;
padding:20px;
}

#lefthand_body {
background-color:#7b685b;
border:10px solid #31231a;
float:left;
width:535px;
max-width:535px;
}

#righthand_body {
background: #669999 url(../images/righthand_body-bkgd.jpg) bottom left no-repeat;
border:10px solid #336666;
float:right;
width:260px;
max-width:260px;
}

div.hr {
	margin-top: 15px;
	height: 50px;
	background: url(../images/hr1.png) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

#body_content {
background-color:#7b685b;
border:10px solid #31231a;
float: left;
margin-top:95px;
max-width:910px;
padding:0;
width:910px;
}

#ddimagetabs{
}

#ddimagetabs a{
position:relative;
display: block;
text-decoration: none;
font-size: 95%;
color: #f57c20; /*font color */
width: 106px; /*width of tab image */
height: 31px; /*height of tab image */
float: right;
display: inline;
margin-left: 0px; /*spacing between tabs */
top: 100px;
padding-top: 5px; /*vertical offset of tab text from top of tab*/
background-image:url(../images/navtab.png); /*URL to tab image */
background-repeat: no-repeat;
text-align: center;
}

#ddimagetabs a:hover, #ddimagetabs a.current{
background-image:url(../images/navtabhover.png); /*URL to tab image onmouseover */
color: #fcb038;
}

#tabcontentcontainer{
width:480px; /*width of 2nd level content*/
height:40px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

.tabcontent{
display:none;
}

li, ul {
color: #fff;
}

a {
font-weight: bold;
padding: 0;
}

a:link {
color:#f57c20;
}
a:visited {
color:#3b2a20;
}
a:hover {
color:#fcb038;
}

h1, h2, h3, h4 {color: #fff; padding: 5px;}

h1 {
background:transparent url(../images/h1-title-background.png) no-repeat scroll left top;
font-family:Century,"Times New Roman",Verdana;
height:50px;
font-size:150%;
margin: -20px -20px 0 -20px;
padding-top: 12px;
padding-left: 45px;
}

h2 {
background: #1f1610;
/* border-left: #669999 solid 25px; */
font-family:Century,"Times New Roman",Verdana;
font-size:120%;
}

h4 {
background:transparent url(../images/h4-title-background.jpg) no-repeat scroll left top;
font-family:Century,"Times New Roman",Verdana;
height:50px;
font-size:150%;
margin: -20px -20px 0 -20px;
padding-top: 12px;
padding-left: 45px;
}

p {
font-size:100%;
color: #fff;
}

.tag_quote {
	padding: 0.85em;
	background: #31231a url(../images/blockquote-background.jpg) no-repeat scroll left top;
	font-size: 90%;
	font-style: italic;
	display: block;
	}

#content-area {
background:#7b685b;
float:left;
height:100%;
min-height: 500px;
margin-bottom: 50px;
width:604px;
max-height: 100%;
padding-bottom: 10px;
}

#content-area p {
padding: 15px;
color: #fff;
}

#declic_branding {
background:transparent url(../images/logo-header-smaller.png) no-repeat scroll left top;
height:154px;
width:910px;
}

#declic_branding a {
display:block;
height:205px;
width:170px;
}

#banner-area {
background: #fff url(../images/banner-area-narrow.jpg) no-repeat scroll left top;
border:10px solid #31231a;
float: left;
margin-top: 95px;
height: 194px;
width: 910px;
padding-bottom: 2px;
}

#footercontainer {
position:relative;
background: #f57c20;
border-top:10px solid #fcb038;
float: left;
height:45px;
width:100%;
}
p.footer {
color:#fff;
font-size:75%;
font-weight:bold;
line-height:140%;
padding-top: 5px;
text-align:center;
text-decoration:none;
text-transform:lowercase;
}
p.footer a {
color:#FDCF8F;
font-size:100%;
text-decoration:none;
text-transform:lowercase;
}
p.footer a:hover {
color:#F7931E;
text-decoration:none;
text-transform:lowercase;
}

.documents-area-pdf {
margin: 0px;
margin-left:-60px;
padding:  0 0 55px 0;
}

/* Add 20 pixels of padding to the left of each list item. This will give enough space for the 16 pixel wide page icon we want to display. Next, display the page icon image as the bullet image for each list item. This image should not repeat itself and its horizontal position should be centered. */

.documents-area-pdf li {
list-style: none;
padding-left: 55px;
background-image: url(../images/pdfimg.png);
background-repeat: no-repeat;
background-position: 0px;
font-size: 130%;
line-height: 160%;
border-bottom: #f57c20 1px solid;
}

/* Links within each list item will appear with a brownish color text. Because we haven't defined any text decoration, the default is underlined. */

.documents-area-pdf li a {
color: #f57c20;
text-decoration: none;
}

/* When the mouse hovers over a link, it will appear with brownish yellow text. Any links with a class of active will also appear the same way. */

.documents-area-pdf li a.active, .documents-area-pdf li a:hover {
color: #fcb038;
}

#mteampic {



	margin-left: 0px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-top: 0px;

}


#blogpic {

	position: absolute;
	margin-left: 527px;
	border:0;
	z-index:99999;

}


/* test menu area */



#navlist, #navlist-left  { margin:-17px 0 0 -60px; }



#navlist li
{
float: left;
width: 300px;
list-style-type: none;
text-align: center;
}

#navlist li a

{

display: block;

padding: 1.15em;

background-color: transparent #669999;

color: #003333;

font: normal bold 115%/125% Verdana,Arial,Helvetica,sans-serif;

text-decoration: none;

}



#navlist li a:hover

{

background-color: #99cccc;

color: #669999;

}



#navlist li.submenu
{ text-align:center;
}

#navlist li.submenu a
{ font: normal bold 90%/90% Verdana,Arial,Helvetica,sans-serif;
  padding: 0.25em;
}
/* main content navigation */

#navlist-left li
{
float: left;
width: 575px;
list-style-type: none;
text-align: center;
}

#navlist-left li a
{
display: block;
padding: 1.25em;
background-color: transparent #7b685b;
color: #31231a;
font: normal bold 115%/125% Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
}

#navlist-left li a:hover
{
background-color: #ae9b8e;
color: #7b685b;
}