/* CSS Document for Teed - by colin summers*/

/* html, body and general styles */
html,body{margin:0;padding:0}
body{font: 85% arial,sans-serif;text-align:center; color:#333333; }
p{margin:0px 0px 10px 0px; font-size:120%;}
a{ color:#63619C; text-decoration:none;}
a:hover{ color:#63619C; text-decoration:underline;}
h1 {font-family:Georgia, arial, Times, serif; font-size:31px; color:#3A3A3A; margin:0px; padding:0px; font-weight:normal; }
h2 {font-family:Georgia, arial, Times, serif; font-size:23px; color:#ccc; margin:0px 0px 18px 0px; padding:0px; font-weight:normal;}
h3 {font-family:arial, Times, serif; font-size:17px; color:#333; margin:5px 0px 18px 0px; padding:0px; font-weight:normal;}
.purplelink{ color:#63619C; }
.row { width:100%; clear:both; }
.row-border { width:100%; clear:both; border-top:1px solid #E0E0E0;padding:10px 0px 10px 0px; float:left; }
.row-borderNone { width:100%; clear:both; padding:10px 0px 10px 0px; float:left;}
.left { float:left;}

.leftPage { float:left; padding-left:10px;}
.leftPadd { float:left; margin-right:20px;}
.right { float:right; border:none;}
.clear { clear:both;}
.info{ width:100%; clear:both; line-height:12px;}
.info-left { width:80px; float:left;}
.info-right { float:left; width:210px;}
.title {font-family:arial, Times, serif; color:#333; font-size:11px; margin:5px 0px 6px 0px; font-weight:bold;}
.title a{color:#333;}
.title a:link{color:#333;}
.title a:visited{color:#333;}
.title a:hover{color:#333;}
.img-right     { float:right;margin:4px 0 4px 10px; padding:1px; }
.img-Border     { border:solid 1px #E0E0E0;}
ul.resources 	{ margin:0px; position:relative; left:-40px; padding:0px; list-style-type:none;}
ul.resources li	{ list-style-type:none;}
.noBorder { border:none;}
li .word	{ background-image:url(../images/icon1.jpg); background-repeat:no-repeat; background-position:left center; padding-left:25px;}
li .pdf	{ background-image:url(../images/icon2.jpg); background-repeat:no-repeat; background-position:left center; padding-left:25px;}

div#left-column blockquote { margin:10px 0px 0px 0px; padding:0px; font-style:italic; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; background-color:transparent; width:215px;}

div#centre-column blockquote { margin:10px 0px 0px 0px; padding:0px; font-style:italic; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; background-color:transparent;}

blockquote span{font-style:normal; color:#333; font-family:Arial, Helvetica, sans-serif;}



.box-head { height:44px; width:100%; margin: 0px;}


/* logo, top navigation and banners styles */
div#header{ position:relative; height: 108px;font-family:Georgia, arial, Times, serif; font-size:18px; }
div#header ul li a.active{ color:#999; font-size:14px; background-color:#EFEFF5; padding:4px; text-decoration:underline;}
div#header ul li a {font-family:arial, Times, serif; font-size:14px; color:#999999;padding:4px;}
div#header ul li a:hover { background-color:#EFEFF5; text-decoration:none; }

div#header .logo { float:left; border:none;}
div#header .topmenu{ display:none;}
div#header ul { list-style-type:none; display:inline;}
div#header ul li{ list-style-type:none; display:inline; color:#CCCCCC;}
div#header .search { position:absolute; color:#999999; float:right; right:0px; font-family:Arial, Helvetica, sans-serif; font-size:14pt; text-align:right;  }



div#header .searchbox { display:none;}
div#header .searcharea{ display:none;}
div#header .searchtelemail{}
div#header .button { display:none;}


ul#menu {display:none;}
.menuouter-on{ display:none;}
.menuouter{ display:none;}
ul#menu li.mega .menuouterpurple-on{ display:none;}
ul#menu li.mega .menuoutergreen-on{ display:none;}
ul#menu li.mega .menuouterorange-on{ display:none;}
ul#menu li.mega .menuouterblue-on{ display:none;}

/* main menu */

ul#mainnav			{ display:inline; clear:both; float:left; border-top:1px solid #ccc; position:relative;width:950px;margin:0px; padding:0px;}
ul#mainnav li		{ display:inline;margin:0px; padding:0px;}

div#homepage{}
div#banner1 { height:294px; margin:0px 0px 20px 0px; clear:both;padding-left:50px;background-image:url(../images/banner_1.jpg); background-repeat:no-repeat; background-position:center right;  }
div#banner2 { height:294px; margin:0px 0px 20px 0px; clear:both;padding-left:50px;background-image:url(../images/banner_2.jpg); background-repeat:no-repeat; background-position:center right;  }
div#banner3 { height:294px; margin:0px 0px 20px 0px; clear:both;padding-left:50px;background-image:url(../images/banner_3.jpg); background-repeat:no-repeat; background-position:center right; }
div#banner4 { height:294px; margin:0px 0px 20px 0px; clear:both;padding-left:50px;background-image:url(../images/banner_4.jpg); background-repeat:no-repeat; background-position:center right; }

div#homepage h1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:32px; color:#333; background:url(../images/bg_h1.jpg) repeat-x bottom; padding-bottom:20px;}
div#banner-small { }
div#homepage p{ font-size:17px; line-height:21px; margin-top:15px;}
div#homepage .left{ float:left; padding:30px 20px 0px 0px; width:480px; position:absolute;}
div#homepage .right{ float:right;position:relative; bottom:52px;}
div#homepage .button{ position:relative; top:220px; left:315px; border:none;}


div#containerHome{width:950px;margin:0 auto; text-align:left; position:relative; top:15px;  }
div#container{width:950px;margin:0 auto; text-align:left; position:relative; }
div#content p{line-height:1.4; }
.left-column-home{float:left;width:226px; height:290px; margin:-20px 0px 10px 0px; border-top: 8px solid #ccc;padding-top:28px; background-color:transparent; position:relative; }

.fix{float:left; height:200px; width:226px;}

.arrows{ font-size:15px; text-align:center; bottom:10px; width:200px;  background-color:transparent; left:15px; z-index:999;}
.left-column-home h2 a{ color:#333333;}

.left-column-home .featured-left { float:left; width:226px; }
.left-column-home .featured-right { float:right; margin-left:10px; width:226px;}
.left-column-home a {color:#63619C;}
div#centre-column-home{float:left;width:457px; margin:-20px 20px 0px 20px; border-top: 8px solid #ccc; padding-top:20px; padding-bottom:20px; }
div#centre-column-home .tabs{ position:relative;}
div#centre-column-home p{ padding:10px;}
div#centre-column-home ul{ margin-left:0px; padding-left:60px;}
div#centre-column-home ul li{ background-repeat: no-repeat; list-style-type:none; background-position:left center; padding-left:15px;}


.mapSpace{ width:458px; background-color:transparent; float:left; margin-top:10px;}
.mapAdd{ width:170px; background-color:transparent; float:left; padding-left:10px; padding-top:80px;}



/* left content area */
div#left-column { width: 226px; float:left;margin-top:15px; display:none;}
.standardTop{border-top: 8px solid #ccc;}
.lilacTop{border-top: 8px solid #62619B;}
.purpleTop{border-top: 8px solid #732D73;}
.greenTop{border-top: 8px solid #1C9C01;}
.orangeTop{border-top: 8px solid #E1A00E;}
.blueTop{border-top: 8px solid #65C4CA;}

div#left-column h2				{ margin:30px 0px 10px 0px; border-top:2px solid #E0E0E0; padding-top:10px;color:#333333; clear:both;}
div#left-column h2 a			{ color:#333333;}
div#left-column ul 				{ margin:10px 0px 0px 0px; padding:0px; list-style-type: none;}


div#left-column ul li.standard			{ margin:0px; padding:0px; border-bottom:1px solid #E0E0E0; padding:0px; list-style-type: none;}
div#left-column ul li.standard a			{ padding:10px 0px 10px 6px; display:block; color:#333333;}
div#left-column ul li.standard a:hover	{ background-color:#E0DFEB; text-decoration:none; }
div#left-column ul li.standard .on		{ padding:10px 0px 10px 6px; display:block; text-decoration:underline; color:#333333;background-color:#E0DFEB;}
div#left-column ul li.standard .on:hover		{ padding:10px 0px 10px 6px; display:block; color:#333333;background-color:#E0DFEB;}
div#left-column ul li.standard ul		{ margin-top:0px;}
div#left-column ul li.standard ul li a		{ display:block; color:#333333; padding:10px 10px 10px 30px; background-image:url(../images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}
div#left-column ul li.standard ul li a:hover	{ background-color:#EFEFF5; text-decoration:none;}
div#left-column ul li.standard ul li .on { padding:10px 0px 10px 30px; display:block; text-decoration:underline; color:#333333;background-color:#EFEFF5; }
div#left-column ul li.standard ul li .on:hover	{ padding:10px 0px 10px 30px; display:block; color:#333333;background-color:#EFEFF5;}


div#left-column ul li.lilac			{ margin:0px; padding:0px; border-bottom:1px solid #E0E0E0; padding:0px; list-style-type: none;}
div#left-column ul li.lilac a			{ padding:10px 0px 10px 6px; display:block; color:#333333;}
div#left-column ul li.lilac a:hover	{ background-color:#E0DFEB; text-decoration:none; }
div#left-column ul li.lilac .on		{ padding:10px 0px 10px 6px; display:block; text-decoration:underline; color:#333333;background-color:#E0DFEB;}
div#left-column ul li.lilac .on:hover		{ padding:10px 0px 10px 6px; display:block; color:#333333;background-color:#E0DFEB;}
div#left-column ul li.lilac ul		{ margin-top:0px;}
div#left-column ul li.lilac ul li a		{ display:block; color:#333333; padding:10px 10px 10px 30px; background-image:url(../images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}
div#left-column ul li.lilac ul li a:hover	{ background-color:#EFEFF5; text-decoration:none;}
div#left-column ul li.lilac ul li .on { padding:10px 0px 10px 30px; display:block; text-decoration:underline; color:#333333;background-color:#EFEFF5; }
div#left-column ul li.lilac ul li .on:hover	{ padding:10px 0px 10px 30px; display:block; color:#333333;background-color:#EFEFF5;}



div#left-column ul li.purple			{ margin:0px; padding:0px; border-bottom:1px solid #E0E0E0; padding:0px; list-style-type: none;}
div#left-column ul li.purple a			{ padding:10px 0px 10px 6px; display:block; color:#333333;}
div#left-column ul li.purple a:hover	{ background-color:#E3D5E3; text-decoration:none; }
div#left-column ul li.purple .on		{ padding:10px 0px 10px 6px; display:block; text-decoration:underline; color:#333333;background-color:#E3D5E3;}
div#left-column ul li.purple .on:hover		{ padding:10px 0px 10px 6px; display:block; color:#333333;background-color:#E3D5E3;}
div#left-column ul li.purple ul		{ margin-top:0px;}
div#left-column ul li.purple ul li a		{ display:block; color:#333333; padding:10px 10px 10px 30px; background-image:url(../images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}
div#left-column ul li.purple ul li a:hover	{ background-color:#F1EAF1; text-decoration:none;}
div#left-column ul li.purple ul li .on { padding:10px 0px 10px 30px; display:block; text-decoration:underline; color:#333333;background-color:#F1EAF1; }
div#left-column ul li.purple ul li .on:hover	{ padding:10px 0px 10px 30px; display:block; color:#333333;background-color:#F1EAF1;}



div#left-column ul li.green			{ margin:0px; padding:0px; border-bottom:1px solid #E0E0E0; padding:0px; list-style-type: none;}
div#left-column ul li.green a			{ padding:10px 0px 10px 6px; display:block; color:#333333;}
div#left-column ul li.green a:hover	{ background-color:#D2EBCC; text-decoration:none; }
div#left-column ul li.green .on		{ padding:10px 0px 10px 6px; display:block; text-decoration:underline; color:#333333;background-color:#D2EBCC;}
div#left-column ul li.green .on:hover		{ padding:10px 0px 10px 6px; display:block; color:#333333;background-color:#D2EBCC;}
div#left-column ul li.green ul		{ margin-top:0px;}
div#left-column ul li.green ul li a		{ display:block; color:#333333; padding:10px 10px 10px 30px; background-image:url(../images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}
div#left-column ul li.green ul li a:hover	{ background-color:#E8F5E5; text-decoration:none;}
div#left-column ul li.green ul li .on { padding:10px 0px 10px 30px; display:block; text-decoration:underline; color:#333333;background-color:#E8F5E5; }
div#left-column ul li.green ul li .on:hover	{ padding:10px 0px 10px 30px; display:block; color:#333333;background-color:#E8F5E5;}



div#left-column ul li.orange			{ margin:0px; padding:0px; border-bottom:1px solid #E0E0E0; padding:0px; list-style-type: none;}
div#left-column ul li.orange a			{ padding:10px 0px 10px 6px; display:block; color:#333333;}
div#left-column ul li.orange a:hover	{ background-color:#F9ECCF; text-decoration:none; }
div#left-column ul li.orange .on		{ padding:10px 0px 10px 6px; display:block; text-decoration:underline; color:#333333;background-color:#F9ECCF;}
div#left-column ul li.orange .on:hover		{ padding:10px 0px 10px 6px; display:block; color:#333333;background-color:#F9ECCF;}
div#left-column ul li.orange ul		{ margin-top:0px;}
div#left-column ul li.orange ul li a		{ display:block; color:#333333; padding:10px 10px 10px 30px; background-image:url(../images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}
div#left-column ul li.orange ul li a:hover	{ background-color:#FCF5E6; text-decoration:none;}
div#left-column ul li.orange ul li .on { padding:10px 0px 10px 30px; display:block; text-decoration:underline; color:#333333;background-color:#FCF5E6; }
div#left-column ul li.orange ul li .on:hover	{ padding:10px 0px 10px 30px; display:block; color:#333333;background-color:#FCF5E6;}


div#left-column ul li.blue			{ margin:0px; padding:0px; border-bottom:1px solid #E0E0E0; padding:0px; list-style-type: none;}
div#left-column ul li.blue a			{ padding:10px 0px 10px 6px; display:block; color:#333333;}
div#left-column ul li.blue a:hover	{ background-color:#E0F3F4; text-decoration:none; }
div#left-column ul li.blue .on		{ padding:10px 0px 10px 6px; display:block; text-decoration:underline; color:#333333;background-color:#E0F3F4;}
div#left-column ul li.blue .on:hover		{ padding:10px 0px 10px 6px; display:block; color:#333333;background-color:#E0F3F4;}
div#left-column ul li.blue ul		{ margin-top:0px;}
div#left-column ul li.blue ul li a		{ display:block; color:#333333; padding:10px 10px 10px 30px; background-image:url(../images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}
div#left-column ul li.blue ul li a:hover	{ background-color:#EFF9FA; text-decoration:none;}
div#left-column ul li.blue ul li .on { padding:10px 0px 10px 30px; display:block; text-decoration:underline; color:#333333;background-color:#EFF9FA; }
div#left-column ul li.blue ul li .on:hover	{ padding:10px 0px 10px 30px; display:block; color:#333333;background-color:#EFF9FA;}


div#left-column .submit				{ position:relative; left:134px;}
div#left-column .contact			{ margin-top:20px;}


div#left-column .formfield		{ border:1px solid #E0E0E0; width:210px; margin-bottom:10px; padding:2px; color:#CCCCCC;}

/* main content area */
div#centre-column { width: 90%; float:left;  margin-left:13px; border-top: 8px solid #ccc; padding-top:20px; margin-top:15px; background-color:transparent; padding-right:20px; padding-left:20px;}
div#centre-column h1{ font-size:32px; margin-bottom:28px; }
div#centre-column h2{ font-size:21px; color:#3A3A3A; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
div#centre-column ul{ margin:20px 0px 0px 0px; padding:0px; list-style-type:disc;}
div#centre-column ul li{ margin:0px 0px 0px 70px; padding:0px 0px 20px 0px;}
div#centre-column .col-left{ float:left; width:350px; }
div#centre-column .col-right{ float:right; width:350px;}
div#centre-column .pub-left{ float:left; width:60px; height:86px; }
div#centre-column .pub-right{ float:left; margin-left:10px; width:280px;}
div#centre-column .news-left{ float:left; width:155px;}
div#centre-column .icon-left{ float:left; width:15px;}
div#centre-column .news-right{ float:left; margin-left:10px; width:400px;}
div#centre-column .contact-left{ float:left; width:160px; font-size:14px; font-weight:bold; line-height:23px; padding-bottom:10px; }
div#centre-column .contact-right{ float:left;  width:240px; padding-bottom:10px; text-align:left; }
div#centre-column .textbox{ width:230px;color:#999999;}
div#centre-column .submit{ position:relative; left: 160px; top:20px;}
.row-small { width:420px; float:left; background-color:transparent;}


/* right content area */
div#right-column { width: 222px; float:right; margin-left:20px; background-color:transparent;}
div#right-column .image { border:1px solid #CBCBCB;  font-family:Georgia, arial , Times, serif; font-style:italic; text-align:center; color:#999999;}
div#right-column .border { position:relative; left: 100px; bottom:8px;}
div#right-column .image p{ padding-top:6px;}
div#right-column .imagethumb{width:51px;height:34px;margin:2px 1px 1px 1px;padding:0px;background-color:transparent;float:left;border:solid 1px #EBEBEB;overflow:hidden;}
  

/* footer styles */
div#footer{clear:both;width:100%; margin-top:50px;  margin-bottom:15px; margin-left:30px;}
div#footer p{margin:0px;padding:0px; font-size:12px; color:#000; }
div#footer .left{ float:left; width:850px;}
div#footer .right{ display:none;}
div#footer .radiator{ color:#000;}

div#footer .footone { display:none;}
div#footer ul li{list-style-type:none; margin:0px; padding:0px; line-height:21px;}
div#footer ul {list-style-type:none; margin:0px; padding:0px;}
#footer .title{font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal;}
div#footer .foottwo { display:none;}



.fileImg{ margin-right:10px;}
.sideImg{ border:none; margin-top:15px;}


/*SITEMAP INFO*/

#sitemap{
    background-color:transparent;
    width:450px;
    margin:10px 0px 0px 0px;
    padding:0px 0px 20px 10px;
    float:left;
    font-size:12px; 
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:430px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:420px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:400px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
        
#sitemap .subnode3{
    background-color:transparent;
    background-image:url('sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:390px;
    margin:0px 0px 0px 36px;
    padding:2px 0px 2px 20px;
    float:left;
    }     
/*END SITEMAP INFO*/