/* CSS Document */
* {
    margin:0;
    padding:0;
}
.hide{
	position:absolute;
	left:-2000em;
}
body {
    font-family: "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	font-size:90%;
	line-height: 1.5;
	color: #000;
	background: #FFF;
}

/*h1 {
	color: #275E00;
}
h1 a {
	background:none;
	color:inherit;
	border: 0;
}

h1 a:focus, h1 a:hover, h1 a:active {
	background:none;
	color:inherit;
	border: 0;
}*/
h1 {
	/*font: bold 2.4em;*/
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.04em;
	line-height: 1.0;
	margin-bottom: .5em;
	color:#275E00;
}
h2 {
	/*font: bold 1.8em;*/
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -0.04em;
	line-height: 1.2em;
	margin-top: 0.3em;
	margin-bottom: .5em;
	color:#275E00;
}

h3 {
	/*font: bold 1.6em;*/
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.0;
	margin-top: 0.3em;
	margin-bottom: .5em;
}

q:before, q:after {
	content: "";
}

acronym	{
	border-bottom: 1px dotted;
  	cursor: help;
}

input {
	font-size: 1em;
}

p, blockquote {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}
blockquote{
	padding:10px 20px 15px 40px;
	background:#E9EFE5 url("../images/blockquote_left.gif") top left no-repeat;
	margin-bottom:1em;
}

blockquote .attributor{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-top:0.4em;
}

.centretext {
	text-align:center;
}
/* links */
a {
	/*color:#222F3D;*/
	color:#215000;
	border-bottom: 1px dotted;
	/*padding-bottom: 1px;*/
	text-decoration:none;
	margin:0;
	padding:0;
}
a:visited {
	color:#222F3D;
	border-bottom: 1px dotted;
	/*padding-bottom: 1px;*/
	text-decoration:none;
	margin:0;
	padding:0;
}	
a:focus, a:hover, a:active {
	color:#640000;
	background:#FFFFCC;
	/*text-decoration:underline;*/
	border-bottom: 1px solid;
	/*padding-bottom: 1px;*/
	margin:0;
	padding:0;
}
.cl {
	clear:both;
}
#logo a{
	border:0;
	background:none;
}
hr {
	border-top: 1px dotted #AAAAAA;
	border-bottom: 1px solid #fff;
	background:#fff;
	position:relative; 
}
img {
	border:0;
}
table {
	width:100%;
	/*border: 1px solid #ccc;*/
}
td{
	border: 1px solid #ccc;
	padding: 5px;
}
th {
	padding: 5px;
}
ul, ul a {
	font-size: 98%;
}

/*----------------------------------------------definition lists--------------------------- */

dl{
	margin-bottom: .5em;
}
dt, dl.nopad dd{
	margin: 0;
	padding: 0;
}
dt{
	margin-top: .5em;
}
dd {
	padding-top: 1em;
}

a.skip:link, a.skip:visited { 
   display: block;
   overflow: hidden; 
   text-indent: -600em; 
   background: transparent; 
   border: 0;
   font-size:small;
   width: 12em;
} 
a.skip:focus, 
a.skip:hover, 
a.skip:active { 
   text-indent: 20px; 
   font-size:small;
   border:0;
   width: 12em;
} 
.cart-tablestyle1 {
	 padding:10px;
	 margin:0;
	 border: 1px solid #ccc;
}
.cart-tablestyle2 { 
	margin:0 !important; 
	padding:0 !important; 
	border-top: 1px solid #ccc;
}
.cart-itemrow {
	background: #fff;
}
.cart-header {
	margin: 0;
}
.cart-bottomheader {
	margin: 0;
	text-align: left;
	border-top: 1px solid #ccc;
}
.cart-headerrow {
	background: #DDE7FF;
	color: #000;
	vertical-align:top;
	border: 0;
}
.cart-caption {
	text-align:left;
	background: #ededed;
	color: #000;
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.cart-alignleft {
	vertical-align:top;
	text-align: left;
	padding: 5px;  
	border-top: 1px solid #ccc;
}
.cart-aligncentre {
	vertical-align:top;
	text-align: center;
	padding: 5px;  
	border-top: 1px solid #ccc;
}
.cart-alignright {
	vertical-align:top;
	text-align: right;  
	padding: 5px;
	border-top: 1px solid #ccc;
}
.cart-buttonright {
	vertical-align:top;
	text-align: right;  
	padding: 5px;
}
.cart-aligntop {
	vertical-align:top;  
}
#accessbar:after, #content:after, #banner-wrapper:after, .picture-box0:after, .picture-box1:after, .picture-box2:after, #transback:after, #navbar:after, #topnav ul:after, #tabswrapper:after, #tabs ul:after, #container:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}
* html #accessbar, * html #content, * html #banner-wrapper, * html .picture-box0, * html .picture-box1, * html .picture-box2, * html #transback, * html #navbar, * html #topnav ul, * html #tabswrapper, * html #tabs ul, * html #container {
	height:1%;
}
#container {
	min-width: 52em;
	margin:0;
	padding: 0;
}
* html #container {
	/*min-width: 53em;*/
    /* IE Dynamic Expression to set the width */
    /*width:expression(document.body.clientWidth < 780 ? "770px" : "auto" );*/
}
* html .minwidth {
	padding-left:51.9em; /* CHANGED MARGIN TO PADDING */ 
}
* html .width {
	margin-left:-51.8em;
	position:relative; /* ADDED */
}
/*\*/
* html .minwidth, * html .width {
	height: 1px;
}
/**/

/*\*/
* html .minwidth, * html .width, * html .content, * html .layout  {
	height:1px;
}
/**/
#wrapper {
    /*margin:0 auto;*/
	/*width:98%;*/
	/*border-width:0 9%;*/
	/*border-right:1px solid #CCCCCC;*/
    /*background:transparent url("images/back_home_lgt.gif") no-repeat top right;*/
	/*margin-top: -1px;*/
}
* html #wrapper {
	margin-top:0;
}
#accessbar {
	/*padding: .2em 3% .2em 3%;*/
	padding-top: 1em;
	/*height: 32px;*/
	/*background: #fff  url(../images/accessbar_r.gif) repeat-y top right;*/
}
#utilities {
	width:70%;
	/*float:left;*/
	text-align:right;
	position: absolute;
	top: 0px;
	right: 3.5%;
	margin:0;
	padding:0;
	z-index:0;
}
#utilities p {
	margin:0;
	padding:0;
}
#utilities p a {
	border:none;
	text-decoration:underline;
}

#utilities img {
	vertical-align:text-bottom;
	border:none;
}

/*html>body #utilities img {
	vertical-align:text-bottom;
}*/

#utilities li {
	display:inline;
	padding:0 0 0 1%;
}
#search {
	width:96%;
	float:left;
	text-align:right;
	background:transparent;
	padding-top: 15px;
	padding-bottom: 12px;
	padding-right: 2%;
}
.button
{
	background: #86A570;
	color: #fff;
	font-size: 1em;
}
.cartbutton {
	background: #E4F1FF;
	color: #000033;
	border: 1px solid #000033;
	border-style:solid;
	padding: 3px;
	font-size: 80%;
	margin-top: 0.3em;
}
.checkoutbutton {
	background: #9CF7FF;
	color:  #000033;
	border: 1px solid #000033;
	border-style:solid;
	padding: 3px;
	font-size: 80%;
	margin-top: 0.3em;
}
#banner-wrapper {
	
}
#logo {
	width: 20%;
	float:left;
	position: absolute;
	top: 20px;
	left: 1%;
}
/** html #logo {
	width: 20%;
	position: absolute;
}*/
#logo p {
	margin:0;
	padding:0;
}
#logo img {
	border: none;
}
#logo a:visited {
	border: none;
}
.infobox {
	margin-left: 6%;
}
.infobox li {
	display: inline;
}
#breadcrumb {
	width:50%;
	float:left;
	background:transparent;
}
#left {
	width:22%;
	float:left;
	padding-bottom: 20px;
}
#switch {
	text-align:right;
}
#switch img {
	border:0;
}
.formtext {
	width: 75%;
}
#navbar {
	height: 34px;	
}
#switcher {
	width:21%;
	float:left;
	border-top: 1px solid #ccc;
	margin:0;
	height: 1em;
}
* html #switcher {
	width:23.2%;
}
#switcher img {
	border:0;
}
/****************** #tabs styles ************************/

#tabswrapper {
      width: 99.7%;
}

#tabs {
	width:75%;
    /*background: url(../images/bg.gif) repeat-x bottom;*/
    line-height: normal;
	position: relative;
	margin-bottom: -1px;
	/*padding-left: 25%;*/
	padding-left:0;
	float: right;
}
* html #tabs {
	width: 74%;
	padding-right: 0;
}

#tabs ul {
	margin:0;
	padding:0 0 0;
	list-style:none;
	width: 100%;
}
#tabs li {
      float:left;
	  width: 10.2%;
      background:url(../images/left_on_grey.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
	  text-align: center;
}
* html #tabs li {
	  width: 10%;
}
#tabs a {
      float:left;
      display:block;
      background:url(../images/right_on_grey.gif) no-repeat right top;
      padding:0.3em 3px 4px 0;
      text-decoration:none;
	  border-bottom:none;
	  font-size: 90%;
	  line-height:1.1em
}
* html #tabs a {
	width: 100%;
}
#tabs #current a {
	font-weight:bold;
}
/*#tabs #home a {
      padding-bottom:0.8em;
	  padding-top: 0.9em;
}*/
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */

#tabs a {
	color:#222F3D;
}
#tabs a:focus, #tabs a:hover, #tabs a:active {
	color:#640000;
	text-decoration: underline;
	border-bottom: none;
}
.menutitle {
	display:block;
	text-align: center;
	/*cursor:inherit;
	position: relative;*/
}
#topnav {
	width: 78%;
	float: right;
	margin-top: 10px;
	margin-right: 1px;
}

* html #topnav {
	width: 76.9%;
}

/*#topnav ul {
   	list-style:none;
	text-align:center;
}*/
#centre, #centresub, #right {
	font-family: Arial, Helvetica, sans-serif
}
#centre ul, #centresub ul {
	list-style-image:url(../images/greenarrow.gif);
}
#centre li, #centresub li {
	padding-top: 0.5em;
}
#right ul {
	list-style-image:url(../images/greenarrow.gif);
	font-size: 95%;
}
#topnav li {
    list-style:none;
    width:14%;
    float:left;
	display:block;
    text-align:center;
	margin-top: 0.5em;
	border-right: 1px solid #AAAAAA;
}
* html #topnav li {
	/** IE/PC hack due to haphazard line breaks when combined widths = 100% **/
	width:14%;
}
/** current menu item **/
#topnav li#active {
	width:14.7%;
}
* html #topnav li#active {
	width:14.4%;
}
#topnav li#active a {
	color:red;
	text-decoration:underline;
}
#topnav a {
    display:block;
	text-decoration:none;
	line-height: 1.2em;
}
#topnav-border {
	border-top: 1px solid #ccc; 
	margin-left: 12px; 
	height: 23px;
}
#transback {
	width: 77.8%;
	float:left;
	background:#FFFFFF;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}
* html #transback {
	width: 76.7%;
}
#main {
	margin-left: 0.5%;
	padding-left: 2%;
	padding-right: 3%;
	padding-top: 0;
}
#centre, #centresub {
	width:66%;
	float:left;
	margin-left: 0.5%;
	padding-left: 20px;
	padding-right:20px;
	padding-top: 0;
	min-height: 35em;
}

* html #centre, * html #centresub {
	height: 35em;
}
#centresub {
	width:88%;
}
#centre ul, #centresub ul, #centre ol, #centresub ol{	
	margin-bottom: 1em;
	margin-left: 1.5em;
}
ul.equip-supply {
	list-style:none;
}
.picture-box0, .picture-box1, .picture-box2{
	position:relative;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom:16px;
}
html>body .picture-box0, .picture-box1, .picture-box2 {
	margin-bottom: 16px;
	padding-bottom: 0;
}
.picture-box0 {
	background: url(../images/abilitynet_computer_desktop.gif) no-repeat right bottom;
} 
.picture-box1 {
	background: url(../images/abilitynet_computer_shuttle.gif) no-repeat right bottom;
} 
.picture-box2 {
	background: url(../images/abilitynet_computer_tablet.gif) no-repeat right bottom;
} 

.horizontal-pic {
	width: 30%;
	float:left;
	text-align:center;
	padding: 10px 0 10px 0;
	margin: 0 1% 10px 1%;
	border: 1px solid #ccc;
	background:#fff;
	color:#000000;
}

.download-pic {
	width: 30%;
	float:left;
	text-align:center;
	padding: 10px 0 10px 0;
	margin: 0 1% 10px 1%;
	background:#fff;
	color:#000000;
}

.download-box {
	border: 1px solid #ccc; 
	padding: 10px;
}

#nav a {
	color:#222F3D;
	border-bottom: none;
}
#nav a:focus, #nav a:hover, #nav a:active {
	color:#640000;
	text-decoration: underline;
	border-bottom: none;
}
#nav ul {
	list-style:none;
	border-top: 1px solid #CCCCCC;
}
#nav li {
	/*background: #f1f6e4;*/
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#nav li a{
	display:block;
	padding:.5em 0 .5em 5%;
	font-weight: bold;
	text-decoration:none;
	width:95%;
}
* html #nav li a {
	width: 100%;
}
#nav li ul li {
	border-left: 0;
	background:#F7E7EF;
}
#nav li ul li a{
	display:block;
	padding:.5em 0 .5em 10%;
	font-weight: bold;
	text-decoration:none;
	width:90% !important;
}
* html #nav li ul li a {
	width: 95% !important;
}
a.current {
	font-weight:bold;
	color:#640000;
	background: transparent url(../images/arrow_sw.gif) no-repeat left center;
	text-decoration: underline;
}	
#nav li ul li  ul{
	/*padding-bottom: -1px;*/
}
#nav li ul li  ul li {
	border-left: 0;
	background:#F7E7EF;
}
#nav li ul li ul li a{
	display:block;
	padding:.5em 0 .5em 15%;
	width: 90% !important;
	font-weight: bold;
	text-decoration:none;
}

#nav li  a:hover, #nav li  a:active, #nav li  a:focus {
	width:95% !important;
}

* html #nav li  a:hover, #nav li  a:active, #nav li  a:focus {
	width:100% !important;
}

#nav li ul li  a:hover, #nav li ul li a:active, #nav li ul li a:focus {
	width:90% !important;
}

* html #nav li ul li  a:hover, #nav li ul li a:active, #nav li ul li a:focus {
	width:95% !important;
}

#nav li ul li ul li  a:hover, #nav li ul li ul li a:active, #nav li ul li ul li a:focus {
	width:85% !important;
}

* html #nav li ul li ul li  a:hover, #nav li ul li ul li a:active, #nav li ul li ul li a:focus {
	width:90% !important;
}

#nav li a.current {
	width:95% !important;
}

* html #nav li a.current {
	width:100% !important;
}

#nav li ul li a.current {
	width:90% !important;
}

* html #nav li ul li a.current {
	width:95% !important;
}

#nav li ul li ul li a.current {
	width:85% !important;
}

* html #nav li ul li ul li a.current {
	width:90% !important;
}

.supp-box {
	margin-top: .5em;
	margin-right: 2%;
	margin-left: 2%;
	/*padding:.5em 2% .5em 2%;*/
	padding: 0 3% 0 3%;
	border: 1px dotted #AAAAAA;
	background: #FFFFFF;
	text-align:center;
}
* html .supp-box {
	margin-right: 0;
	margin-left: 2.5%;
	padding: 5px 15px 5px 15px;
}
.supp-box ul {
	list-style:none;
}
#suppliment {
	margin-left: 5%;
}
.supp {
	margin-top: .5em;
	margin-right: 2%;
	margin-left: 2%;
	/*padding:.5em 2% .5em 2%;*/
	padding: 0.5em 5% 0.5em 6%;
	border: 1px dotted #AAAAAA;
	background: #F4F4E8;
}
* html .supp {
	margin-right: 2%;
	padding:.5em 15px .5em 15px;
}
.supp ul {
	/*margin-left: 5%;*/
	list-style:none;
}
#feeddiv ul{
	padding-left: 0;
}
html>body #feeddiv ul{
	padding-left: 8%;
}
#suppliment ul, #feeddiv ul {
	margin-left: 10%;
	list-style-type:square;
}
#right {
	width: 23%;
	float:left;
	border-left: 1px dotted #AAAAAA;
	padding-left: 10px;
	padding-right: 0;
}
#footer, #bookmark {
	/*background: transparent url(../images/footer.gif) no-repeat left top;*/
	height: 74px;
	padding-left: 3%;
	border: 1px dotted #ccc;
	clear:both; 
	margin: 5px;
}
#footer ul, #bookmark ul {
	padding-top: 2em;
	margin-bottom: 0;
	list-style:none;
}
* html #footer ul, * html #bookmark ul {
	margin-bottom: 1.5em;
}
#footer li, #bookmark li {
	display:inline;
	padding: 0 1% 0 0;
}

.gototop {
	margin-top: 1em;
	margin-bottom: 1em;
}

.picture-frame{
	position:relative;
	padding: 3px;
	border: 1px solid #ccc;
	display: block;
	float: right;
	margin-left: 15px;
	margin-right:10px;
}

.picture-noframe{
	position:relative;
	padding: 3px;
	display: block;
	float: right;
	margin-left: 15px;
	margin-right:10px;
}

.adalignright{
	position: relative;
	float: right; 
	margin-left: 20px; 
	margin-top: 5px; 
	border: 0px
}
.adaligncentre{
	position: relative; 
	border: 0px
}
.adalignleft{
	position: relative;
	float: left; 
	padding:10px 20px 10px 0;
	border:0;
}

.adclear {
	clear:both;
	height: 1px;
}
.feedtext {
	margin-left: 0;
	padding-left: 10px;
	padding-top: 0.5em;
	font-size: 90%;
	border: 1px dotted #ccc;
	background: #FBFBF6;
}
.newsletterbutton, .donatebutton, .projectbutton, .blogbutton, .cashbutton, .podcastbutton, .twitterbutton {
	background: #474720; 
	color:#fff; 
	padding: .5em 0 .5em 0; 
	margin: .8em .5em 0 .5em;
}
.newsletterbutton p {
	margin: 10px; 
	padding:5px 0 5px 45px; 
	background:#474720 url(../images/newsletter_icon.gif) no-repeat left center;
}
.newsletterbutton a, .donatebutton a, .projectbutton a, .blogbutton a, .cashbutton a, .podcastbutton a, .twitterbutton a {
	text-align: center; 
	display:block; 
	width:100%; 
	background: #474720;
	color:#fff; 
	border: none;
	text-decoration: none;
}
.newsletterbutton a:visited, .donatebutton a:visited, .projectbutton a:visited, .blogbutton a:visited, .cashbutton a:visited, .podcastbutton a:visited, .twitterbutton a:visited {
	color:#fff; 
	border: none;
	text-decoration: none;
}
.newsletterbutton a:focus, .newsletterbutton a:hover, .newsletterbutton a:active, .donatebutton a:focus, .donatebutton a:hover, .donatebutton a:active, .projectbutton a:focus, .projectbutton a:hover, .projectbutton a:active, .blogbutton a:focus, .blogbutton a:hover, .blogbutton a:active, .cashbutton a:focus, .cashbutton a:hover, .cashbutton a:active, .podcastbutton a:focus, .podcastbutton a:hover, .podcastbutton a:active, .twitterbutton a:active {
	color: #fff;
	background: #474720;
	text-decoration: underline;
	border:none;
}
.donatebutton p {
	margin: 10px; 
	padding:5px 0 5px 45px; 
	background:#474720 url(../images/donate_icon.gif) no-repeat left center;
}

.projectbutton p {
	margin: 10px; 
	padding:5px 0 5px 45px; 
	background:#474720 url(../images/projects_icon.gif) no-repeat left center;
}

.blogbutton p {
	margin: 10px; 
	padding:5px 0 5px 45px; 
	background:#474720 url(../images/blog_icon.gif) no-repeat left center;
}

.cashbutton p {
	margin: 10px; 
	padding:5px 0 5px 45px; 
	background:#474720 url(../images/cash_icon.gif) no-repeat left center;
}

.podcastbutton p {
	margin: 10px; 
	padding:5px 0 5px 45px; 
	background:#474720 url(../images/podcast_icon.gif) no-repeat left center;
}

.twitterbutton p {
	margin: 10px; 
	padding:5px 0 5px 45px; 
	background:#474720 url(../images/twitter_icon.gif) no-repeat left center;
}

.abcentres {
	width: 49%; border:0; float:left
}

.at-image {
	text-align:center;
}

/* --------------------- Shareware archive page ----------------- */
#searchForm, #standardForm{
	margin-top:10px;
}
#searchForm fieldset, #standardForm fieldset{
	padding:15px 10px 20px 22px;
	width:90%;
	border:1px dashed #afafaf;
	margin:0;
}
#standardForm fieldset{
	margin:0 0 20px 0;
}
#searchForm legend, #standardForm legend{
	background:#FFF;
	color:#000;
	padding:0;
	margin:0;
}
#standardForm legend{
	font-weight:bold;
	padding:0 5px;
}
#searchForm select, #searchForm input, #standardForm select, #standardForm input{
	margin:10px 10px 0 0;
	font-size:0.9em;
}
#standardForm select, #standardForm input{
	margin:0 10px 0 0;
	font-size:0.9em;
}
#standardForm input.highlighted, #standardForm textarea.highlighted{
	background:#FAB1B1;
}
#standardForm label.highlighted{
	font-weight:bold;
}

#standardForm h2 {
	font-size: 1em;
	font-weight:lighter;
	margin-top: 0;
	color:#000;
}
label.highlightedCheckbox{
	background:#FAB1B1;
}
#searchForm select#utilType{
	width:130px;
}

 div.searchResultsBox, div.searchDetailsBox{
	width:90%;
}
div.searchResultsBox{
	background:#f5f7f2;
	color:inherit;
	border:1px dashed #afafaf;
	border-top:0;
	padding:10px 10px 0 22px;
	margin-bottom:20px;
}
div.searchDetailsBox{
	border:1px solid #cad6c2;
	margin-bottom:10px;
	padding:0 10px 0 22px;
}

/*----------------------------------------------eNation page + generic table design--------------------------- */
#tblENation{
	border-bottom:1px solid #CCC;
	margin-bottom:1em;
}

#tblENation caption{
	text-align:left;
	margin-bottom:1em;
}
#tblENation th, #tblENation td{
	text-align:left;
	border:0;
	padding:6px 3px;
	margin:0;
	vertical-align:top;
}
#tblENation th, #tblENation thead td{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#tblENation tr.odd td{
	background:#E9EFE5;
}
#tblENation td.tdImage{
	text-align:center;
}
#tblENation td.tdImage a:link, #tblENation td.tdImage a:visited{
	border-bottom:0;
}

/*-------------------- Safari Hack ------------------------------*/
#topnav {margin-right:0;#}

.overlap-text {background:#fff !important;}
