/* CSS by Zedcore Systems Ltd - www.zedcore.com - 2007 */

body {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Set defaults on some elements */
img {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	padding: 0;
	margin: 0;
}

a{
	color: #00a3dd;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* Front-end widgets */
.gldis {
	background-color: #aaaaaa;
}

/* Allows users with aural readers to skip the navigation and go
 * direct to the content.
 */
#skiptocontent {
	position: absolute;
	top: -100px;
}

/**
 * The top-level DIV names start 'body' to make them distinctive from
 * any similarly named divs used by existing blocks.
 */
#bodyouterwrapper {
	margin: 0;
	padding: 0;
	min-width: 825px;
	text-align: center;
}

#bodymiddlewrapper {
	margin: 0;
	padding: 0;
	width: 825px;
	margin-left: auto;
	margin-right: auto;
	/*font: 9pt Verdana, Arial, Helvetica, sans-serif;*/
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
}
#bodyinnerwrapper {
	text-align: left;
	background-color: white;
}


/* HEADING */

h1#logo {
	background: url(/zc/modules/VAS/images/logo.gif) no-repeat;
	width: 254px;
	height:	71px;
	text-indent: -4000px;
	overflow: none;
	margin-top: 10px;
	margin-left: 0;
}

div#text-resize {
	float:right;
	margin-top:7.5%;
}

/* some pages (e.g tda ones) always use a h1, it's easier to redefine h1 here than to make a new template to change one tag */
#vascontent h1, h2 {
	color: #6db6e6;
	font-weight: bold;
	font-size: 12pt;
}
#vascontent h3 {
	font-size:10pt;
}
#vascontent ul li h3 {
	margin-top: 18px; /* IE6 and IE7 don't properly apply top margin when heading is inside a list*/
}
#vascontent h4 {
	font-size:9pt;
}
#vasrightbarinner h4 {
	padding-bottom:1px;
	margin-bottom:1px;
}

/* the heading on category/document lists - the below style is supposed to make it look somewhat like an h3*/
.header, .nap_header {
	font-size:10pt;
	font-weight:bold;
}

.cssmenu #LeftMenu {
	padding-left: 0px;
	margin-left:0px;
	/*padding-bottom: 32px;*/
}

.cssmenu #LeftMenu li {
	text-align: right;
	list-style: none;
	list-style-image:: none;
	margin-bottom: 10px;
	width: 192px;
	min-height: 27px;
	height: auto !important;
	height: 27px;
	padding: 0;
}

.cssmenu #LeftMenu li a {
	background: #e9f3fb url(/zc/modules/VAS/images/round_b.gif) no-repeat bottom left;
	padding-right: 10px;
	width: 192px;
	display: block;
	text-decoration: none;
	font-size: 0.9em;
	color: #000;
	margin-bottom: 5px;
}

.cssmenu #LeftMenu li a span.corners {
	background: url(/zc/modules/VAS/images/round_t.gif) no-repeat top left;
	width: 192px;
	display: block;
	padding: 10px 0px 10px 10px;
}

.cssmenu #LeftMenu li a span.corners span {
	position: relative;
	right: 10px;
}

.cssmenu #LeftMenu li a:hover {
	background-color: #9ecaee;
}

.cssmenu #LeftMenu li.here a {
	background-color: #2e97db;
	color: #fff;
}

/* sub menus */

/* don't display sub menus */
.cssmenu #LeftMenu li ul li {
	display:none;
}
/* unless they have the hover class */
.cssmenu #LeftMenu .hover ul li{
	display: block;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0;
	padding-bottom:0;
	/* Ensure that the menus actually display over form elements rather than under.*/
	position:relative;
	z-index: 1;
}

.cssmenu #LeftMenu li ul li a, .cssmenu #LeftMenu li.here ul li a {
	/* no spacing between submenus */
	margin-bottom:0px;
	background-image:none;
	background-color:#e9f3fb;
	font-size:0.9em;
}

.cssmenu #LeftMenu li ul li a span.corners {
	background-image:none;
	padding: 7px 0px 7px 10px;
}

.cssmenu #LeftMenu li ul li.first-child a {
	background: url('/zc/modules/VAS/images/round_t.gif') no-repeat top left;
}

.cssmenu #LeftMenu li ul li.last-child a {
	background: url('/zc/modules/VAS/images/round_b.gif') no-repeat bottom left;
}
.cssmenu #LeftMenu li ul li.nothere a {
	background-color: #e9f3fb;
	color: #000;
}

.cssmenu #LeftMenu li ul li.here a, .cssmenu #LeftMenu li ul li.here a:hover {
	background-color: #2e97db;
	color: #fff;
}

.cssmenu #LeftMenu li ul li.nothere a:hover {
	background-color: #9ecaee;
	color: #000;
}

.cssmenu #LeftMenu li.haschildren
{
	position: relative;
}

.cssmenu #LeftMenu li.haschildren ul
{
	position: absolute;
	top: 0;
	left: 85%;
}

/** end left menu **/

#headerad {
	float: right;
	margin-right: 8px;
	position: relative;
	top: 10px;
}

/* Top nav bar
*/
#bodytopnav {
	width: 825px;
	background-image: url(/zc/modules/VAS/images/topnavbg.gif);
	background-position: center center;
	background-repeat: repeat-x;
	background-color: white;
	vertical-align: middle;
	/* IE 6 and 7 don't support min height so instead height is defined in the ie css files */
	min-height: 35px;
	height:auto;
}

/* row of pictures at the top */
#bodytoppicturebar {
	width: 825px;
	height: 49px;
	background: url(/zc/modules/VAS/images/picturebar.jpg) no-repeat;
}

/* Nav links part of top nav bar
*/
#bodytopnavcenter {
	padding: 5px 0px 5px 0px;
	text-align: right;
	vertical-align: middle;
	font-size: 0.8em;
	color: black;
	height: 31px;
	line-height: 1.0;
	clear: all;
}
#bodytopnavcenter ul {
	float: right;
	margin: 0px 16px 0px 0px;
	padding: 0;
	height: 31px;
	list-style: none;
}
#bodytopnavcenter li {
	display: block;
	float: left;
	min-width: 90px;
	width: auto !important;
	width: 90px;
	height: 31px;
	margin-left: -16px; /* for the overlapping background images */
	padding: 0;
	vertical-align: middle;
}
#bodytopnavcenter a:link, #bodytopnavcenter a:visited {
	float: left;
	display: block;
	padding: 0;
	text-align: center;
	cursor: pointer;
	min-width: 90px;
	width: auto !important;
	width: 90px;
	height: 31px;
	text-decoration: none;
	z-index: 1;
}
#bodytopnavcenter a:hover, #bodytopnavright a:hover {
	text-decoration: none;
}
#bodytopnavcenter a span.topnavouter {
	position: relative;
	display: block;
	height: 100%;
	z-index: 2;
	padding: 0px 20px 0px 20px;
	width:70px;
}
#bodytopnavcenter a span.topnavinner {
	position: absolute;
	top: 25%;
	right:0;
	margin:0 auto;
	width:100%;
}


a#topnav_home {
	background: #2e97db url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% 0px;
	color: #fff;
}
a#topnav_who {
	background: #4ca3e0 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -31px;
	color: #fff;
}
a#topnav_contact {
	background: #7fbae8 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -62px;
	color: #fff;
}
/* discussion taken out of the top navigation, and membership moved across to have its colours. RT3123 */
/*
a#topnav_discussion {
	background: #9ecaee url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -93px;
	color: #2e97db;
}
a#topnav_membership {
	background: #bedbf4 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -124px;
	color: #56a8e1;
}
*/
a#topnav_membership {
	background: #9ecaee url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -93px;
	color:#fff;
}
a#topnav_search {
	background: #deecf9 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -157px;
	color: #7fbae8;
}

a#topnav_home:hover {
	background: #deecf9 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -157px;
	color: #7fbae8;
}
a#topnav_who:hover {
	background: #bedbf4 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -124px;
	color: #2e97db;
}
a#topnav_contact:hover {
	background: #9ecaee url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -93px;
	color: #56a8e1;
}
a#topnav_discussion:hover {
	background: #7fbae8 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -62px;
	color: #fff;
}
a#topnav_membership:hover {
	background: #4ca3e0 url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% -31px;
	color: #fff;
}
a#topnav_search:hover {
	background: #2e97db url(/zc/modules/VAS/images/topnav_tableft.gif) no-repeat;
	background-position: 0% 0px;
	color: #fff;
}

a#topnav_home span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% 0px;
}
a#topnav_who span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -31px;
}
a#topnav_contact span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -62px;
}
/* Discussion taken out of top navigation, membership moved over in its place. RT3123.
a#topnav_discussion span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -93px;
}
a#topnav_membership span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -124px;
}
*/
a#topnav_membership span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -93px;
}
a#topnav_search span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -186px;
}

a#topnav_home:hover span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -157px;
}
a#topnav_who:hover span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -124px;
}
a#topnav_contact:hover span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -93px;
}
a#topnav_discussion:hover span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -62px;
}
a#topnav_membership:hover span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -31px;
}
a#topnav_search:hover span.topnavouter {
	background: url(/zc/modules/VAS/images/topnav_tabright.gif) no-repeat;
	background-position: 100% -217px;
}

/* FOOTER */
#bodyfooterbar {
	padding: 5px;
	margin: 0;
	height: 32px;
	clear: both;  /* Don't let columns go over footer */
	background-color: white;
	font-size: 0.8em;
	color: #333;
	vertical-align: middle;
	text-align: right;
	background-image: url(/zc/modules/VAS/images/footerbg.gif);
	background-position: center center;
	background-repeat: repeat-x;
}

#bodyfooterlogos {
	border-top: solid black 1px;
	background-color: white;
	margin: 0;
	padding: 0;
}
#bodyfooterlogos ul {
	margin: 0;
	padding: 5px;
}
#bodyfooterlogos li {
	display: inline;
}

#bodyfooterlinkbar {
	background-image: url(/images/gl/footer/bg.gif);
	background-position: center center;
	background-repeat: repeat-x;
	height: 35px;
	margin: 0;
	padding:0;
}
#bodyfooterlinks {
	text-align: right;
	font-size: 0.8em;
	margin: 0;
	padding: 6px 0 0 0;
}
#bodyfooterlinks ul {
	margin: 0;
	padding: 5px;
}
#bodyfooterlinks li {
	display: inline;
}
#bodyfooterlinks a:link, #bodyfooterlinks a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #0033cc;
}
#bodyfooterlinks a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #0033cc;
}

#footercredit {
	margin: 3px 0 3px 0;
	text-align: right;
	color: #888888;
	font-size: 7pt;
	font-weight: normal;
}
#footercredit a:link, #footercredit a:visited {
	color: #888888;
	font-size: 7pt;
	font-weight: normal;
	text-decoration:none;
}
#footercredit a:hover {
	color: #888888;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: underline;
}


/* Left column */
#vasleftbar {
	margin: 0;
	float: left;
}
#vasleftbarinner {
	margin: 5px;
	padding: 0;
}
#vasleftbarinner div {
	/*padding-left: 20px;*/
}

/* center column */
#vascontent {
	margin-left: 230px;
}

.vascontentwithrightbar {
	margin-right:170px;
}

/* right column */
#vasrightbar {
	float: right;
	width: 150px;
}
#vasrightbarinner {
	padding: 8px;
	margin: 0;
}

#vasrightbarinner ul{
	margin:0;
	padding:0;
	margin-left:12px;
}
/** make tda stuff match site theme **/

.box_admin {
	border:none #fff 0;
}

td.dbadeven {
	background-color:#e9f3fb;
}

/** FAQ **/
.deptname {
background-color:#2e97db;
}
.question {
	background-color:#e9f3fb;
}
.funders-logos img {
	vertical-align:middle;
}

#vascontent table{
	margin-bottom:2%;
}

/* forms */
/*
form#FrmEnquiry fieldset label {
	margin:0;
	padding:0 0 10px 0;
}
form#FrmEnquiry fieldset input {
	margin:0;
	padding:0 0 10px 0;

}
*/

p.docconversiondisclaimer{
	font-weight:bold;
}

/** events lists **/
.eventslistlong #upcoming-events{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#eventdetails #eventdatecaption {
	margin-top:1em;
	margin-bottom:0;
}
#eventdetails ul#eventdates {
	margin-top:0;
}
/** end events lists **/