/***** CSS by Mike Archibald - 939 Design Limited *****/

* {margin:0;padding:0;}

body {background:#7C6F5C url(../img/background.jpg) top left repeat-x;color:#3c4a5d;padding:2em 0;font:72%/100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}

a {color:#000;}
a:hover {color:#7C6F5C;}

h1,h2,h3 {font-size:100%;color:#3c4a5d;padding:0px 0 5px 0;}

img {border:none;}
.imageleft{float:left;margin:0 20px 0 0;border:1px solid #eee;padding:8px;}
.imageright{float:right;margin:0 0 0 10px; border:1px solid #eee;padding:8px;}
.imageleftnb{float:left;margin:10px 20px 0 0;}
.imagerightnb{float:right;margin:0 0 0 10px;}

li {line-height:1.5em;}
p {padding:0px 0 10px 0px;}
ul {padding:0 4em 1.2em;}

#access {}

/******* STRUCTURE *******/
#wrap {background:#3c4a5d;margin:0 auto;width:1000px;}
#contain {background:#eee;line-height:1.7em;margin:0 auto;width:980px;}

/******* HEADER *******/
.title {background:#67a9a5}
.title h1 {color:#3c4a5d;padding:10px 10px 10px 0px;text-align:right;}
.title h1 a {color:#3c4a5d;}

.header {border-top:1px solid #3c4a5d;background:#3c4a5d;height:168px;}

/******* NAVIGATION *******/
.navigation {background:#d6af78;height:100%;border-top:1px solid #3c4a5d;}
.navigation a {background:#d6af78;border-right:1px solid #3c4a5d;color:#3c4a5d;float:left;font-size:1em;padding:0 14px;line-height:41px;text-align:center;text-decoration:none;}
.navigation  a:hover {background-color:#ff9900;color:#3c4a5d;}
.navigation a#active {background-color:#FF6600;color:#fff;}

/******* SUB NAV *******/
ul.subnav {border-top:1px solid #f9f0e3;margin:4px 0px 20px 0 ;padding:0px;width:90%;}
.subnav li {border-bottom: 1px solid #f9f0e3;list-style:none;}
.subnav li a,.subnav li em {color:#000;display:block;}
.subnav li em {font-size:0.9em;font-style:normal;}
.subnav li a {padding:4px 3%;text-decoration:none;width:94%;}
.subnav li a span {font-weight:bold;}
.subnav li a:hover {background:#f0e1ca;color:#ff9900;}
.subnav li a#subactive {background-color:#FF6600;color:#fff;}


.right .subnav,.right .subnav li {border-color:#DCDACC;}
.right .subnav li a:hover {background:#f9f0e3;color:#eb8f0b;}

/******* MAIN *******/
.main#two-columns {background:#FFF;}
.page {padding:18px 0px 20px 40px;}
.page h1 {font-size:120%;color:#67a9a5;padding:8px 0 5px 0;}
.page h2 {font-size:120%;color:#3c4a5d;padding:8px 0 5px 0;}
.page h2 a {color:#3c4a5d;}
.page h3 {font-size:140%;color:#67a9a5;padding:5px 0 10px 0; border-top:solid 1px #eee;margin:15px 0 0 0px;text-align:right;}
.col2 .left {width:64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width:33%;}
.left {float:left;}
.right {float:right;}
.right .page {padding:18px 12px 12px 20px;}

.spotlight {background:#eee;color:#3c4a5d;border-bottom:1px solid #999;padding:5px 20px 5px 20px;margin-bottom:15px;}

blockquote {background: url(../img/quote.jpg) no-repeat top right;display:block;font:normal 1.3em Georgia,serif;padding:0px 60px 0px 20px;margin: 0 0 15px 0 ;color:#67a9a5;border-left:10px solid #eee;}

/******* PROJECT THUMBS *******/
.thumbs {background:#f9f0e3;border-top: 1px solid #AA8;color:#444;padding:14px 20px;}
.thumbs .left,.bottom .right {width:49%;}
.thumbs img {padding:0px 7px 0px 7px;}

/******* FOOTER *******/
.footer {background:#3c4a5d;color:#67a9a5;padding:10px;}
.footer .left {width:70%;}
.footer .right {width:29%;text-align:right;}
.footer a {color:#FFF;text-decoration:none;}
.footer a:hover {color:#FFF;text-decoration: underline;}

/******* VARIOUS CLASSES *******/
.clear,.clearer {clear:both;font-size:0;} 
.clearer {}
.hide {display:none;}

/******* FORM STYLES *******/

form {margin:0px 0 0px 0;}
input, textarea {border:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;font-size:1em;margin:0;padding:4px;}
label {margin:2px;}
#searchform {margin: 0px 0 10px 0px ;border-bottom:1px solid #CCCCCC;padding:5px 0 10px 10px;background:#eee;width:205px;}
fieldset, contactform {padding:2em;background:url(../img/contact-splat.jpg) top right no-repeat;}

/******* TABLE STYLES *******/

table {
margin:0 0 20px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #d8d8d8;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:10px;
text-align:center;
background:#eaeaea ;
color:#505050;
}

td {
padding:10px;
font-size:1em;
text-align:left;
background:#f4f4f4 ;
color:#303030;
}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1em;color: #666;white-space: nowrap;margin:0 0 0 30px;}
.dtree img {border: 0px;vertical-align: middle;}
.dtree a {color: #333;text-decoration: none;}
.dtree a.node, .dtree a.nodeSel {white-space: nowrap;padding: 1px 2px 1px 2px;}
.dtree a.node:hover, .dtree a.nodeSel:hover {color: #333;text-decoration: underline;}
.dtree a.nodeSel {background-color: #c0d2ec;}
.dtree .clip {overflow: hidden;}