﻿

/* default elements */
* {margin: 0; padding: 0;}

body {
    color: #222;
    font: normal 62.5% sans-serif;
    padding: 0% 0;
    background:#dee2e4;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 2px;}

h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}
br { clear: left;}
 
fieldset {
	margin: 10px 0;
	padding: 0px 10px;
	background-color:#FAFAFA;
	border: 3px solid #E4E3D3;	
	overflow: auto;
}
legend {
	padding: 2px 5px;
	color: #888;
	font-size: 115%;
}
/* Nested Fieldset  */
fieldset fieldset  {
	background-color:#FFF;
	border: 1px solid #ccc;
}
fieldset fieldset legend {
	font-size: 110%;
}

fieldset div {
    position : relative;
    width: 20em;
    padding-left:10px;
}

fieldset legend em {
    color:red;
}

label em {
    color :Red;
}

label 
{
    color :#8a6262;
}

/* id values */
#wrapper {
	background: gray url('../img/wrapper.gif') no-repeat left bottom;
	margin: 0 auto;
	width: 892px;
	top:-20px;
}
#container {
	background: gray;
	border-top: 2px solid gray;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 888px;
}

/* header */
#header{
	background: #fcfcfc url('../img/header_dnr3.png') no-repeat;
	border-top: 1px solid #996;
	width:888px;
	height:125px;
}
#header img{
	left:0px;
	border:0px;
}

#header h1 {
	color: #441;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}

#middleSection {
	border-top: 2px solid #663;
	background: #DAD7C5 url('../img/middleimage2.png') no-repeat left bottom;
	height: 204px;
}

/*  */
#debris
{
    float: left;
    margin : .3em 1.5em .5em;
    width  :440px;
    background-color :#fcfcfc;
}

#debris b
{
    color:#8a6262;
    display : block;
    width: 17em;
    text-decoration: none;
}


#debris ul
{
     width: 15em;
     list-style:none;
}
  
#debris li 
{
     float:left;
     width:15em;
     list-style:none;
     padding-left:5px;
} 
   
#debris li:focus
{
    color:Orange;
    font-size:medium;
    font-style:italic;

} 
 
/* navigation */
.navigation {
	background: #DED9D0 url('../img/nav2.gif') repeat-x; 
    height: 15px;
	border-top: 1px solid #996;
}

/* main */
.main#two-columns {background: #FFF url('../img/two-columns.gif') repeat-y;
}

/* bottom */
.bottom {
	background: gray url('../img/bottom.gif') no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
	background: gray;
	color: #EED;
	padding: 5px;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 25%;
}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 75%;}
.content {padding: 8px 12px;}
.left {float: left;}
.right {float: right;}
.right .content {padding-left:29px;}

/* block list */
ul.leftNav {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.leftNav li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.leftNav li a,.block li em {
	color: #553;
	display: block;
}
.leftNav li em {
	font-size: 0.9em;
	font-style: normal;
}
.leftNav li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.leftNav li a span {font-weight: bold;}
.leftNav li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .leftNav .right .block li {border-color: #DCDACC;}
.right .leftNav li a:hover {background: #F2F0EA;}


#formpar{
width:420px;
}

a:active, a:focus, input:focus, li:active, input:active, li:focus, img:focus, td:focus, td:active, tr:focus, tr:active {background-color:#F0FFE6;border-top: 1px solid #AA8;}