/***** INTRAGROUP ***** 
/***** CSS by Mike Archibald - 939 Design Limited *****/
/***** Last modified 14/11/07 *****/

body{margin:0px; padding:0px; background:url(../img/background-repeat.jpg) 0 0 repeat-x #FFF; color:#222; font:0.8em/1.5em Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}
a {color:#222;text-decoration:underline;}
a:hover {color:#9F32D9;text-decoration:none;}
a:visited {color:#222;text-decoration:underline;}
a:active {color:#9F32D9;text-decoration:underline;}

h1 {}
h2 {font:1.6em/1.4em Arial, Helvetica, sans-serif;}
h3 {font:1.3em/1.4em Arial, Helvetica, sans-serif;}
h4 {font:1.2em/1.4em Arial, Helvetica, sans-serif;}
h5 {font:1.2em/1.4em Arial, Helvetica, sans-serif;}

/* ----- IMAGES ----- */
img{border:0;}
img a{border:0;text-decoration:none;}
img a:hover{border:none;}

/*----WRAP----------------------------------------------------------------------------------------*/
#wrap{width:1000px; position:relative; margin:0 auto; padding:0px;}

/*----FIRST PANEL - logo and navigation width 260px-----------------------*/
#logoNavPan{width:265px; float:left;}

#toplogoNavPan{width:265px; height:180px; position:relative; margin:0 auto; padding:0; background:url(../img/logo.jpg) 0 0 no-repeat;}
#toplogoNavPan img{width:160px; height:39px; margin:30px 0 0 37px;}

/*----Navigation----*/
#logoNavPan ul{width:265px; height:352px; display:block; background:url(../img/menu-background.jpg) 0 0 no-repeat; padding:28px 0 0 0;}

#logoNavPan ul li{width:180px; position:relative; margin:0 auto; color:#4B4A49;}
#logoNavPan ul li a{width:155px; height:24px; display:block; background:url(../img/nav-arrow-purple.gif) 4px 55% no-repeat #FFF; color:#999; font:1em/1.8em Arial, Helvetica, sans-serif; padding:0 0 0 27px; text-decoration:none;}
#logoNavPan ul li a:hover{background:url(../img/nav-arrow-black.gif) 4px 55% no-repeat #EEE; color:#222; text-decoration:none;}

/*----News----*/
#newsPan{width:200px; height:200px; position:relative; margin:10px auto; padding:0;}
#newsPan h2{font:1.3em/1.4em Arial, Helvetica, sans-serif;margin:0px 0 10px 0px;}

.post {font:0.9em/1.4em Arial, Helvetica, sans-serif;float:left;width:100% !important;width: 99%; position: relative; margin-bottom:1.5em; border-bottom: 1px solid #CCC;}
.post .date {position:absolute; top:0px; left:0px;}
.post .date .month {text-transform: uppercase; font-size:1em; color:#9F32D9;}
.post .date .year {text-transform: uppercase; font-size:1em; color:#CCC;}
.post .date .day {display: block; margin-top: 0px; font-size: 2em; color: #CCC;}
.post .title {display:block; padding:0 0 2px 0; color:#9F32D9;}
.post p {color:#8D8D8D; margin: 0 0 0 2em; padding: 0 1.5em 1em 1em; }
.post p a {color:#8D8D8D;}
.post p a:hover {color:#222;}

.postarchive {font:0.9em/1.4em Arial, Helvetica, sans-serif;width:400px;float:left;position: relative; margin:0em 0 0 20px; border-bottom: 1px solid #CCC;}
.postarchive .date {position:absolute; top:10px; left:20px;}
.postarchive .date .month {text-transform: uppercase; font-size:1em; color:#9F32D9;}
.postarchive .date .year {text-transform: uppercase; font-size:1em; color:#CCC;}
.postarchive .date .day {display: block; margin-top: 0px; font-size: 2em; color: #CCC;}
.postarchive .title {display:block; padding:0 0 2px 0; color:#9F32D9;}
.postarchive p {color:#8D8D8D; margin: 0 0 0 2em; padding: 0 0 1em 3em; }
.postarchive p a {color:#8D8D8D;}
.postarchive p a:hover {color:#222;}

/*----MAIN PANEL - page content------------------------------------------*/
#mainPan{width:485px; float:left;}

#quotes{}

#breadcrumb{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 0.8em;margin:-25px 0px 0 0px;}
#breadcrumb a {color:#8D8D8D;}
#breadcrumb a:hover {color:#8D8D8D;text-decoration:none;}
#breadcrumb a:visited {color:#8D8D8D;text-decoration:none;}
#breadcrumb a:active {color:#8D8D8D;text-decoration:none;}

#mainPan p{margin:10px 20px 0 20px;}
#mainPan h2{margin:5px 0 0 20px;}
#mainPan h3{margin:20px 0 0 20px;}
#mainPan ul{margin:10px 0 0 30px;}
#mainPan ul li {background:url(../img/arrow-purple.gif) 0 4px no-repeat #fff; color:#222; line-height:1.4em; text-decoration:none; padding:1px 5px 10px 12px;}

blockquote {font:1em/1.4em Arial, Helvetica, sans-serif;border-right:2px solid #EEE;border-left:7px solid #EEE;margin:0px 20px 0 20px;background:url(../img/quotes.jpg) 0px 5px no-repeat #F7F7F7;}
blockquote p {margin:0px 0px 0px 0px;padding:15px 0px 5px 40px;color:#FC1D1D;}
cite {color:#999;}

/*----Blocks----*/
#block1 {width:240px;margin:0 0 15px 0;}
#block1 p {margin:10px 10px 0 20px;}

#block2 {width:230px;margin:0 0 15px 0;}
#block2 p {margin:10px 10px 0 0px;}

#block3 {width:240px;margin:0 0 15px 0;clear:both;}
#block3 p {margin:10px 10px 0 20px;}

#block4 {width:230px;margin:0 0 15px 0;}
#block4 p {margin:10px 10px 0 0px;}


/*----SECONDARY PANEL - group and related links--------------------------*/
#secondaryPan{width:250px; float:right;}

#secondaryTop{height:242px;background:url(../img/secondaryPan-top.jpg) 0 0 no-repeat #FFF;}

/*----Top Links----*/
#secondaryTop ul.toplinks{font:0.8em/1.5em Arial, Helvetica, sans-serif; padding:10px 0 0 15px;}
#secondaryTop ul.toplinks li a{display:inline;color:#9F32D9;text-decoration:none; padding:0px 0px 0px 20px;}
#secondaryTop ul.toplinks li a:hover{color:#FFF;}

/*----Service Links----*/
#secondaryPan ul.links{margin:10px 0 0 30px;}
#secondaryPan ul.links li a{background:url(../img/arrow-purple.gif) 0 4px no-repeat #fff; color:#8D8D8D; line-height:20px; text-decoration:none; padding:1px 5px 2px 12px;}
#secondaryPan ul.links li a:hover{background:url(../img/arrow-black.gif) 0 4px no-repeat #EEE; color:#222; text-decoration:none;}

/*----Problem Links----*/
#secondaryPan ul.problemlinks{margin:10px 30px 0 30px;border-top:1px solid #EEE;border-right:1px solid #EEE;border-bottom:1px solid #CCC; border-left:1px solid #CCC;padding:10px;}
#secondaryPan ul.problemlinks li a{background:url(../img/arrow-purple.gif) 0 4px no-repeat #fff; color:#8D8D8D;text-decoration:none; padding:1px 5px 2px 12px;}
#secondaryPan ul.problemlinks li a:hover{background:url(../img/arrow-black.gif) 0 4px no-repeat #EEE; color:#222; text-decoration:none;}

#secondaryPan p{margin:10px 20px 0 30px;}
#secondaryPan h3{margin:15px 0 0 30px;}

/*----FOOTER PANEL---------------------------------------------------------*/
#footermainPan{background:url(../img/footer-repeat.jpg) 0 0 repeat-x #999; color:#fff; position:relative; margin:0 auto; height:227px; clear:both;}

#footerPan{width:1000px; position:relative; margin:0 auto; font:0.9em/1.5em Arial, Helvetica, sans-serif;}

#footerPan ul{width:970px; position:absolute; top:60px; left:0px;}
#footerPan li{float:right; color:#999; }
#footerPan ul li a{padding:0 3px 0 3px; color:#9F32D9; text-decoration:underline;}
#footerPan ul li a:hover{color:#222; text-decoration:none;}

#footerPan p.copyright{font:0.8em/1.4em Arial, Helvetica, sans-serif; width:970px; position:absolute; top:90px; left:0px; color:#666; text-align:right;}

#footerPan p.footlogo{width:970px; position:absolute; top:130px; left:0px; text-align:right;}

#footerPan ul.credits{width:970px; position:absolute; display:block; top:160px; left:5px; }

/*----Classes----*/
.hide {display:none;}
.purple {color:#9F32D9;}
.orange {color:#FF6600;}
.red {color:#FC1D1D;}
.blue {color:#156CD0;}
.grey {color:#999999;}
.darkgrey {color:#222;}
.green1 {color:#00CC99;}
.green2 {color:#99CC33;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.highlight {background:#EEE; border-bottom:1px solid #999; padding:15px;}

.pic {margin: 0px 6px 5px 0px;}
.picleft {float:left; margin: 0px 15px 5px 0px;border:1px solid #EEE;padding:5px;}
.picright {float:right; margin: 0px 10px 5px 5px; border:1px solid #EEE;padding:5px;}
.picextra {clear:left; margin: 20px 0px 10px 0px;}

.question {color:#FC1D1D;background:#eee;padding:5px;font-weight:bold;}
.answer {padding-left:10px;color:#222;}

.highlightservice {background:#F7F7F7; border-top:1px solid #EEE; border-right:1px solid #EEE; border-bottom:1px solid #CCC; border-left:1px solid #CCC;padding:15px;}

.highlightclient {background:#F7F7F7;border-top:1px solid #EEE; border-right:1px solid #EEE;border-bottom:1px solid #CCC; border-left:1px solid #CCC; padding:20px;color:#666;}

/*----Data Tables----*/
#mainPan table{margin:10px 10px 0 20px}
#mainPan table th{background-color:#cdcdcd;text-align:left;font-weight:bold;padding:0.5em;color:#444;}
#mainPan table td{padding:0.5em;}
#mainPan table tr.rowA{background-color:#EEE; color:inherit;}
#mainPan table tr.rowB{background-color:#fafafa; color:inherit;}

/*----Forms----*/
form {margin:20px;padding:20px;border:none;background-color:#F7F7F7; }
label {margin:0px 0 0px 0;}
input {padding: 4px;border:1px solid #EEE;font:normal 1em/1.5em Verdana, sans-serif;color:#222;}
textarea {width:240px;padding:0px;font: normal 1em/1.5em Verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#222;}
input.button {margin:0;font:bold 1em Arial, Sans-serif;border:1px solid #EEE;background:#FC1D1D;padding: 2px 3px; color:#222;}
input.hidden {display:none;}


/*--------------------------------------------------|
| 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;}