/*
-----------------------------------------------
Nasen
Author:www.imaginet.co.uk
Version:12 Dec 2012

----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   text-decoration:underline;
   color:#0b8357;
   font-weight:bold;
}
a:hover {
   color:#0b8357;
   text-decoration:none;
   font-weight:bold;
}
a img {
   border:none;
}
p {
   margin:0 0 1em 0;
   
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div#validator {
   padding:1em 0 1em 0;
   text-align:center;
}



/* Page Structure
----------------------------------------------- */

html body {
   background-color:#fff;
   color:#000;
   text-align:left;
   font:81.25% Arial, Verdana, Sans-serif;
   margin:0;
}
#page {
   width:960px;
   margin:0 auto;
   font-size:1em;
}

#left {
   float:left;
   width:735px;

}
#left .col, #left2 .col {
   padding:20px 0;
}
#right {
   float:right;
   width:225px;

}
#right .col {
   padding:20px 0;
}
#left #contentcol {
   float:left;
   width:460px;
}
#left #rightcol {
   float:right;
   width:193px;
}

#main {
   float:right;
   width:510px;
}

#left2 {
   float:left;
   width:960px;

}

#main2 {
   float:right;
   width:723px;
}
div.content {
   line-height:1.4em;
   margin:0 0 1em 0;
   padding:0 20px;
}

#leftnav {
   float:left;
   width:225px;
}

#leftnav ul li {
   background:#0b8357 url("graphics/nav_green.gif") no-repeat 0 0;
   display:block;

   margin:0 0 5px 0;
   padding:7px 10px;
}

#leftnav ul li a {
   color:#fff;
   text-decoration:none;
}

#leftnav ul li a:hover {
   color:#fff;
   text-decoration:underline;
}

#leftnav ul li ul {
   padding:1em 0 0 0;
}

#leftnav ul li ul li {
   background-image:url("graphics/bullet_white.gif");
   background-repeat:no-repeat;
   background-position:0px 5px;
   padding:0px 10px 0.2em 15px;
   margin:0;
}


#ascdocs {
   margin:0 0 20px 0;

}

#ascdocs ul li {
   background-image:url("graphics/bullet_green.gif");
   background-repeat:no-repeat;
   background-position:10px 5px;
   padding:0px 10px 0.2em 30px;
   margin:0;
}


/* Masthead 
----------------------------------------------- */

#masthead {
   width:960px;
   margin:0 auto;
   padding:30px 0;
}
#masthead #logo {
   float:right;
   width:176px;
}

#masthead #bannertop {
   float:left;
   width:468px;
}
#masthead #logo img {
}
#masthead #mastleft {
   float:left;
   width:250px;
}

#toolbar {
   width:960px;
   margin:0 auto;
   background:#0c945f url("graphics/toolbar_bg.gif") repeat-x bottom;
   text-align:right;
   color:#fff; 
}

#toolbar .col {
   padding:8px 10px;
}

#toolbar a {
   color:#fff;
   font-weight:normal;
}


a.smaller {
   font-size:0.85em;
   font-weight:normal;
}

/* TopNav
----------------------------------------------- */

#topnav {
   width:960px;
   margin:0 auto;
   padding:0;
   background:url("graphics/topnav_bg.gif") repeat-y top;
}

#topnav .breaker {
   background-color:#000;
}

#topnav ul {
   width:960px;
   
}

#topnav ul li {
   display:block;
   float:left;
   width:196px;
   min-height:82px;
   height:auto !important;
   height:82px;
   color:#fff;
}


#topnav ul li a {
   color:#fff;
   font-size:1.4em;
   text-decoration:none;
}

#topnav ul li a:hover {
   text-decoration:underline;
}

#topnav ul li p {
   padding:5px 30px 0 10px;
   margin:0;
}

#topnav ul li.pink p {
   padding:5px 10px 0 10px;
   margin:0;
}

#topnav ul li.purple {
   background:url("graphics/tab_purple.gif") no-repeat top;
}


#topnav ul li.blue {
   background:url("graphics/tab_blue.gif") no-repeat top;
}


#topnav ul li.green {
   background:url("graphics/tab_green.gif") no-repeat top;
}

#topnav ul li.orange {
   background:url("graphics/tab_orange.gif") no-repeat top;
}


#topnav ul li.pink {
   width:175px;
   background:url("graphics/tab_pink.gif") no-repeat top;
}



/* Footer   
----------------------------------------------- */

#footer {
   width:960px;
   margin:0 auto;
   border-top:1px solid #000;
   font-size:0.85em;
}
#footer #footleft {
   width:480px;
   float:left;
}
#footer #footleft p {
   padding:10px 0 0 15px;
}
#footer #footright {
   text-align:right;
   width:480px;
   float:right;
}
#footer #footright p {
   color:#333;
   padding:10px 15px 0 0;
}

#footleft .rss {
   float:left;
   width:40px;
   padding:10px 0 0 0;
}

#footer a {
   text-decoration:none;
}
#footer a:hover {
   text-decoration:underline;
}

#validation {
   text-align:center;
   padding:1em;
}


#buttons {
   width:960px;
   margin:0 auto;
   padding:0 0 20px 0;
}
#buttons img {
   margin:0 20px 0 0;
}

#buttons img.last {
   margin:0;
}

/* Home   
----------------------------------------------- */

#feature {
   width:715px;
   background:#037147 url("graphics/features_bg.gif") no-repeat top right;
   margin:0 0 20px 0;
}

#feature .breaker {
   background-color:#fff;
   
}

#feature .left {
   float:left;
   width:470px;
}

#feature .right {
   float:right;
   width:245px;
   color:#fff;
   
}

#feature a {
   color:#9cd6b1;
}

#feature .col {
   padding:10px 10px 10px 10px;
}

#feature p {
    margin:0;
}

#feature h2 {
   color:#fff;
   font-size:1.8em;
}

#home {
   
}
.homeleft {
   float:left;
   width:470px; 
   border-bottom:1px solid #666;
   padding:0 0 8px 0;
}
.homeright {
   float:right;
   width:225px; 
   padding:0 20px 0 0;
}

.intro {
   margin:0 0 20px 0;
}
.intro p {
   line-height:1.5em;
}



#homeboxouts {
   width:470px;
}


#homeboxouts .hbox1 {
   float:left;
   width:225px;

}

#homeboxouts .hbox2 {
   float:right;
   width:225px;

}

#homeboxouts ul li {
   padding:5px 0 5px 15px;   
   margin:0;
   background-repeat:no-repeat;
   background-position:0 8px;
}

#homeboxouts .hbox1 ul li {
   background-image:url("graphics/bullet_blue.gif");
  
}

#homeboxouts .hbox2 ul li {
   background-image:url("graphics/bullet_green.gif");
}

#homeboxouts .hbox1 a {
   color:#0094e1;
}

#homeboxouts .hbox2 a {
   color:#0b8357;
}

#homeboxouts .hbox1 h2 {
   color:#fff;
   display:block;
   background:#0094e1 url("graphics/blue_header.gif") no-repeat 0 0;
   padding:5px 0 5px 15px;
   font-size:1.4em;
}

#homeboxouts .hbox2 h2 {
   color:#fff;
   display:block;
   background:#00923a url("graphics/green_header.gif") no-repeat 0 0;
   padding:5px 0 5px 15px;
   font-size:1.4em;
}



#news p.button, #blog p.button {
   text-align:right;
   padding:20px 0 0 0;
}

#news h2, #blog h2 {
   color:#fff;
   display:block;
   background:#530377 url("graphics/purple_header.gif") no-repeat 0 0;
   padding:5px 0 5px 15px;
   font-size:1.4em;
   
}
#news a, #blog a {
   color:#4e0055;
}

#news .date, #blog .date {
   background:#fff url("graphics/date_bg.gif") no-repeat 0 0;
   float:left;
   width:45px;
   height:60px;
   text-align:center;
   font-size:1.4em;
   color:#fff;
   padding:5px 0 0 0;
}

#news .item, #blog .item {
   float:right;
   width:170px;
}

#news .newsitem, #blog .newsitem {
   border-bottom:1px solid #530377;
   padding:8px 0 0 0;
}

/* Forms 
----------------------------------------------- */

div#form {
  background:#eee;
  border:1px solid #999;
  padding:10px;
}
div#form h2 {
   color:#034694;
   font-size:1em;
   font-weight:bold;
   padding:0 0 0.5em 0;
   margin:0 0 0.5em 0;
   border-bottom:1px solid #86b9de;
}
div#form h3 {
   font-size:1em;
   font-weight:bold;
   margin:0.5em 0 0 0;
   padding:0.5em 0 0.5em 0;
   border-top:1px dotted #99f;
}
div#form .pad {
  padding:1em 12px 0.5em 12px;
}
div#form p {
   margin:0 0 1em 0;
}
div#form table {
   border:0;
   margin:0 0 0.5em 0;
}
div#form table td {
   padding:0 3px 0.5em 0;
   border:0;
}

div#form ul {
   border-top:1px dotted #99f;
}
div#form ul li {
   background-image:url("graphics/arrow1.gif");
   background-repeat:no-repeat;
   background-position:0px 7px;
   padding:5px 0 8px 13px;
   margin:0 0 0.5em 0;
   font-weight:normal;
   border-bottom:1px dotted #99f;
}
#form table td a {
   text-decoration:none;
}
#form table td a:hover {
   text-decoration:underline;
}

#form form input.button {
  padding:3px;
  border:none;
  color:#FFF;
  background:#0b8357;
  font:bold 100% Arial,Sans-serif;

  } 



/* Listing
----------------------------------------------- */

#main .listing {
   margin:2em 0;
}
#main .listing h2 {
   margin:0 0 0.5em 0;
   padding:0 0 0.5em 0;
   border-color:#a9c1d7;
   border-width:0 0 1px 0;
   border-style:solid;
}
#main .listing ul {
   margin:0 0 1em 0;
}
#main .listing ul li {
   background-image:url("graphics/bullet_green.gif");
   background-repeat:no-repeat;
   background-position:0 18px;
   padding:1em 15px;
   margin:0;
   border-bottom:solid 1px #999999;
}
#main .listing ul li a {
   text-decoration:none;
}
#main .listing ul li a:hover {
   text-decoration:underline;
}
#main .listing form {
   margin:0 0 1.5em 0;
}
#main .listing form label {
   color:#004b94;
}
#main .listing form table td {
   padding:0 5px 0.5em 0; 
}
#main .listing table td {
   padding:0 5px 0.5em 0; 
}
#main .listing table td ul li {
   padding-bottom:0.5em;
}

.date {
   font-weight:bold;
   font-size:1.2em;
   padding:0 0 0.3em 0;
}

/* Pagenav 
----------------------------------------------- */

div.pagenav {
   color:#86b9de;
   border-top:1px solid #666;
   padding:1em 0 0 0;
}
div.pagenav strong {
   color:#000;
}
div.pagenav a {
   text-decoration:none;
}
div.pagenav a:hover {
   text-decoration:underline;
}







/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left1, img.right1 {
   border:1px solid #000;
}
img.none1 {
   float:none;
   border:1px solid #000;
}
img.none2 {
   float:none;
   border:none;
}





/* Content   
----------------------------------------------- */

hr {
   height:1px;
   color:#fff;
   border-color:#a9c1d7;
   border-width:1px 0 0 0;
   border-style:solid;
   overflow:hidden;
   margin:0 0 1em 0;
   padding:0;
}
p strong span {
   color:#0b8357;
}
h1, h2, h3 {
   color:#0b8357;
}
h1 {
   font-size:1.5em;
   padding:0 0 0.3em 0;
   margin:0 0 0.5em 0;
   font-weight:900;
   border-bottom:1px solid #666;
   line-height:1.2em;
}
h1 a, h2 a, h3 a {
   color:#0b8357;
   text-decoration:none;
}
h2 {
   font-size:1.1em;
   margin:0 0 0.5em 0;
}
h3 {
   font-size:1em;
   margin:0 0 0.5em 0;
}
h4 {
   font-size:1em;
   margin:0 0 0.5em 0;
}
div.content ul {
   list-style-type:none; 
   margin:0 0 1em 0;
}
div.content ul li {
   background-image:url("graphics/bullet_green.gif");
   background-repeat:no-repeat;
   background-position:10px 5px;
   padding:0px 10px 0.2em 30px;
   margin:0;
}
div.content table {
  border-color:#999;
  border-style:solid;
  border-width:1px 1px 0 0;
  margin:0 0 1em 0;
}
div.content table th, div.content table thead td {
   color:#fff;
   padding:5px;
   background-color:#eee;
   border-color:#999;
   border-width:0 0 0 1px;
}
div.content table td {
  padding:5px;
  background-color:#eee;
  border-color:#999;
  border-style:solid;
  border-width:0 0 1px 1px;
}
div.content table.table1 td {
   background-color:#fff;
}
ol {
   padding:0 0 1em 30px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   font-weight:normal;
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}

/* Newsletter Styles
----------------------------------------------- */

#email {
   width:640px;
   margin:0 auto;
   font-size:1em;
   padding:5px 0 0 0;
   
}

#email_header {
   text-align:right;
   font-weight:bold;
   padding:20px 0;

}


#email_intro {
   background:#0c945f url("graphics/toolbar_bg.gif") repeat-x bottom;
   border-top:1px solid #000;
   color:#fff; 
   padding:8px 10px;
   text-align:right;
}

#email_intro p {
   margin:0;
}


#email_content {
   padding:15px 10px;
   line-height:1.4em;
}

#email_topnav .breaker {
   background-color:#000;
}

#email_topnav {
   background: url("newsletter/graphics/emailtopnav_bg.gif") repeat-y bottom;
}

#email_topnav ul li {
   display:block;
   float:left;
   width:120px;
   min-height:40px;
   height:auto !important;
   height:40px;
   color:#fff;
   
}


#email_topnav ul li a {
   color:#fff;
   font-size:1em;
   text-decoration:none;
   
}

#email_topnav ul li p {
   padding:5px 5px 0 0;
   margin:0;
   text-align:center;
}

#email_topnav ul li a:hover {
   text-decoration:underline;
}

#email_topnav ul li.purple {
   background:url("newsletter/graphics/email_purple.gif") no-repeat top;
   margin:0 10px 0 0;
}


#email_topnav ul li.blue {
   background:url("newsletter/graphics/email_blue.gif") no-repeat top;
   margin:0 10px 0 0;
}


#email_topnav ul li.green {
   background:url("newsletter/graphics/email_green.gif") no-repeat top;
   margin:0 10px 0 0;
}

#email_topnav ul li.orange {
   background:url("newsletter/graphics/email_orange.gif") no-repeat top;
   margin:0 10px 0 0;
}


#email_topnav ul li.pink {
   background:url("newsletter/graphics/email_pink.gif") no-repeat top;
}

#email_topnav ul li.pink p {
   padding:5px 0 0 0;
   margin:0;
   text-align:center;
}

#email_footer {
   border-top:1px solid #000;
   padding:5px 10px;
}



/* Facebook / Twitter  
----------------------------------------------- */

#facetwit {
   width:100%;
   margin:0 0 2em 0;
}
#facetwit ul li {
   display:inline;
}
#facetwit ul li a {
   display:block;
   font-weight:bold;
   background-repeat:no-repeat;
   background-position:12px 0;
   padding:12px 0 2em 64px;
   text-decoration:none;
}
#facetwit ul li.face a {
   background-image:url("../graphics/facebook.png");
}
#facetwit ul li.twit a {
   background-image:url("../graphics/twitter.png");
}
#facetwit ul li a:hover {
   text-decoration:underline;
}