html, body {padding:0;margin:0;font-family: Verdana, Arial, Helvetica, sans-serif;}
/* HEADER */

/* OLD image-based: .nav_bar {background-image: url(/images/nav/cws/breadcrumb_blend.gif); background-repeat: repeat-x;float: left; height: 25px; padding-left: 6px; margin:0;}  */

.nav_bar {width:99%; background-color: #c8ded2; float: left; height: 22px; padding: 0 6px; margin:0; border-top: #ffffff solid 3px; border-bottom: #b7cbc0 solid 1px;}

.breadcrumb {font-size:65%; margin: 7px 5px 2px 3px;float: left;width: auto;}
.breadcrumb a {display: inline;}
.global {font-weight: bold;font-size:65%; padding: 2px 0.2em 0 5px;float: right;width: auto;}
.global div {float: left; margin: 5px; padding:5px;}
.global a {text-decoration: none;padding: 6px 0px 0px 5px;}
.global a:link, a:active{text-decoration: none;}
.global a:hover {text-decoration: underline;}
input.search {font-size: 11px; height: 12px;padding: 1px; margin: 0px;color: #336699; background: #FFFFFF;}
input.submit {padding: 0px;font-size: 10px;margin: 0px;width: 18px;height: 18px;text-align: left;}
/* for style definitions for search box in global nav, find "searchpanel" below */ 
a.globalsearchsubmit { font-weight: bold; }

.qlinks {font-size: 11px;margin-top: 5px;}
.lmspcr {float: left; clear:both;margin:0;padding:0;height: 1px;line-height:1px;}
.clrspcr {clear:both;margin:0;padding:0;height: 5px;line-height:3px;float: left;}

/* TAB NAVIGATION */
#tabs {position:relative;margin:0 0 0 5px;padding:0; display:inline; float: left; clear: none; z-index: 2000;}
ul.horizontal, ul.horizontal li {margin:0;padding:0;list-style-type:none;font-size:85%;}
ul.horizontal {z-index: 2000;position: relative;width: auto; top: 0;left: 0;}
ul.horizontal li {float: left;position: relative; display: inline; padding:0; margin: 3px 1px 0 1px;}
ul.horizontal ul {z-index:2020;position:absolute;width:160px;margin:0;top:auto;left:-1000em;padding:0;
 font-size:90%;
}
ul.horizontal ul li {width:160px;margin:0;}
ul.horizontal a, 
ul.horizontal a:visited {
	font-weight : normal;
	padding: 3px 5px 3px 5px;
	display: block;
	text-decoration: none;
	margin:0;
	white-space: nowrap;
	}
ul.horizontal ul a, 
ul.horizontal ul a:visited {
	height: auto;
	padding: 2px 3px 3px 2px;
	text-decoration:none;
	width: 160px;
	display: block;
	white-space: normal;
	font-size: 110%;
	}
ul.horizontal ul a:hover, 
ul.horizontal ul a:focus, 
ul.horizontal ul a.rollover, 
ul.horizontal ul a.rollover:visited {
	padding: 2px 3px 3px 2px;
	background-image: none;
	display: block;
	}
#tabin ul a, 
#tabin ul a:visited {
	height: auto;
	padding: 2px 3px 3px 2px;
	text-decoration:none;
	width: 160px;
	display: block;
	white-space: normal;
	font-size: 110%;
	}
#tabin ul a:hover, 
#tabin ul a:focus, 
#tabin ul a.rollover, 
#tabin ul a.rollover:visited {
	padding: 2px 3px 3px 2px;
	background-image: none;
	display: block;
	}
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { display:block; }

#tabin a {text-decoration: none; padding: 3px 5px 3px 5px;}
.tabimglft {position:absolute;top:0;left:0;display: block;border:0 none;z-index: 2021;}
.tabimgrght {position:absolute;top:0;display: block;border:0 none;right:0 !important; right:-1px;}
.tabimgrght img , .tabimglft img {padding:0; margin:0;border:0;}
.bluspcr {float:left; clear:both; height: 1px; line-height:1px; width: 100%;}

/* MAIN TABLE */

#main {background-color: #ebf4fc; empty-cells: show; width: 760px;clear: both;float: left;margin:0;padding:0;}

#menucol {display: block; padding: 0; margin: 0; background-color: #ebf4fc;  height: 100%;  width: 160px; vertical-align: top; }
#menucol img {padding: 0; margin: 0; clear:both; line-height: 0;}
img.menumarginspacer {float:left; clear:both; margin:0;padding:0;height:0;  width:160px; border:0; line-height: 0;}

#searchmenucol {display: block; padding: 0; margin: 0; background-color: #ebf4fc;  height: 100%;  width: 40px; vertical-align: top; }

img.searchmenumarginspacer {display: block; height:1px; width:40px; border:0;}


/* MENUS*/
.nav {top:0;margin-top: 0; vertical-align: top;width:160px;margin-bottom: 1px;}
ul.dynamic {z-index: 1000;position: relative;width: 160px; top:1px;left:-1px;}
ul.dynamic, ul.dynamic li {margin:0;padding:0;list-style-type:none;font-size:80%;}
ul.dynamic li {
	position:relative;
	text-align:left;
	width:160px;
	margin:0;
	list-style-image:none;
	}
ul.dynamic ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:160px;
	margin:10px 0 0 160px;
	margin:0 0 0 160px;
	top:-100em;
	left:0;
	padding:1px 0 0 0;
	}
ul.dynamic ul li {width:160px;}
ul.dynamic ul ul {margin: 15px 0 0 160px;}
ul.dynamic a, ul.dynamic a:visited {
	height: auto;
	display:block;
	padding: 2px 1px 3px 9px;
	text-decoration:none;
	background-image: url(/images/nav/cws/nav_links/right_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	margin: -1px 0 0 0;
	}
ul.dynamic ul a, ul.dynamic ul a:visited {
	height: auto;
	display:block;
	padding: 2px 1px 3px 9px;
	text-decoration:none;
	background-image: none;
	}
ul.dynamic a:hover, 
ul.dynamic a:focus, 
ul.dynamic a.rollover, 
ul.dynamic a.rollover:visited {padding: 2px 1px 3px 9px;background-image: url(/images/nav/cws/nav_links/red_right_arrow.gif);
	}
ul.dynamic ul a:hover, 
ul.dynamic ul a:focus, 
ul.dynamic ul a.rollover, 
ul.dynamic ul a.rollover:visited {
	padding: 2px 1px 3px 9px;
	background-image: none;
	display: block;
	}
@media screen, projection {
	* html ul.dynamic li {
		display:inline; 
		float:left; 
		background:#ffffff; 
		}
	}
* html ul.dynamic li { position:static; }
* html ul.dynamic a { position:relative; }
ul[class^="dynamic"] ul { display:none; }
ul[class^="dynamic"] ul { display:block; }

/* Static classes */
li.static {margin:0;padding:0;position: relative;width: 160px;top:0;left:0;}
li.static ul {margin:0;padding:0;position:absolute;text-align:left;width:160px;
 font-size:110%;
}
li.static ul li {margin:-1px 0 0 0;}
li.static a, li.static a:visited {
	height: auto;
	margin:0 0 -1px 0;
	display:block;
	padding: 2px 1px 3px 9px;
	text-decoration:none;
	background-image: url(/images/nav/cws/nav_links/down_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	}
li.static ul li a, li.static ul li a:visited {
	height: auto;
	display:block;
	padding: 2px 1px 3px 9px;
	margin:-1px 0 0 0;
	text-decoration:none;
	background-image: none;
	}
li.static a:hover, 
li.static a:active, 
li.static a:focus, 
li.static a.rollover, 
li.static a.rollover:visited {padding: 2px 1px 3px 9px;background-image: url(/images/nav/cws/nav_links/down_arrow.gif);}
li.static ul li a:hover, 
li.static ul li a:focus, 
li.static ul li a.rollover, 
li.static ul li a.rollover:visited {padding: 2px 1px 3px 9px;background-image: none;}
li.static ul {position:static;top: 0;left: 0;}
li.static ul li {position:relative;top: 0;left: 0;padding: 0;margin: 0;}
li[class^="static"] ul { display:block; }
li[class^="static"] li { display:block; }
a.active {font-weight: bold;}
/* End of static classes*/

/* CONTENT AREA */
#contentcol {background-color: #ffffff; vertical-align:top; width:100%}
#content {font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFF; float: left;clear: both;vertical-align: top; padding: 5px 9px 5px 9px !important;padding: 12px 9px 5px 9px;}
#content h1 {font-size: 130%; font-weight: bold; margin-bottom:0;}
#content h3 {font-size: 90%;}
#content p, #content blockquote {font-size: 90%;line-height: 1.4em;}
#content div.researchinterests {font-size: 90%; line-height: 1.4em;}
#content b, em, i, strong {font-size: inherit;}
#content ul {list-style-image: url(/images/nav/cws/bullet.gif);font-size: 90%;clear: both;}
#content strong {font-size: 90%;}
#content strong, #content em, #content b {font-family: inherit; font-size: inherit;}
#content ul li {line-height: 1.4em; padding:3px 0 3px 0;}
#content ol {font-size: 90%;clear: both;}
#content ol li {line-height: 1.4em;padding:3px 0 3px 0;}

#content dl {clear: both; margin: 0; padding:0; }
#content dt { font-size: 90%; line-height: 1.4em; margin-bottom: 0.4em; }
#content dd { font-size: 90%; line-height: 1.4em; margin-left: 2.8em; margin-bottom: 0.6em;}
#content dd small {font-size: 80%;}
#content form {padding: 0; margin: 0;}


div.global form {font-family: Verdana, Arial, Helvetica, sans-serif; }
div.global form input.mysearch {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 2px; font-weight: normal; text-decoration: none; }




div.searchdetails { padding: 0.8em 0 1em 0; font-size: 90%; font-style: italic; color: #c76519;}
div.searchstars {width: 65px;}
div.searchnav { padding: 1.5em 0 0.5em 0; font-weight: normal; font-size: 90%; color: #c76519;text-decoration: none; }
span.resultsintro { font-weight: normal; font-style: italic; color: #c76519;}
div.resultspages { color: #000063; font-weight: bold; text-decoration: none; border: 0;}
div.resultspages a { color: #c76519; font-weight: normal; text-decoration: none; }
div.resultspages a em { color: #c76519; font-weight: normal; text-decoration: none; }
div.resultspages a:link, div.resultspages a:visited  { color: #c76519; font-weight: normal; text-decoration: none; }
div.resultspages  a:active, div.resultspages a:hover  { color: #c84900; font-weight: normal; }

#content hr {height: 1px; border: 0px; clear: both;}
#content img {padding:5px 5px 5px 5px; border: 0 none;}
#content dt img {padding: 3px 0 0 0; border: 0 none;}
#content img[name="search"] {padding: 3px 0 0 0; border: 0 none;}

#content .left{text-align:left;}
#content .right{text-align:right;}
#content .center{text-align:center;}
#content .fltleft {float: left;}
#content .fltright {float: right;}

#feature .left {text-align:left; float:left;}
#feature .right {text-align:right; float:right;}
#feature .center {text-align:center;}
#feature .fltleft {float: left;}
#feature .fltright {float: right;}


/* Subheaders */
div.subheader {padding:0px}
.subheader div {float: left;position: relative;}
.subheader h2 {vertical-align: middle;text-align: left;font-size: 85%; padding: 1px 30px 2px 4px;margin:0;width: auto;}
.subline {clear:both;height:1px; line-height:1px; width:100%; min-width:100%}
.subspcr {clear:both;display: block;}
#content>div.subspcr{height:1px;} 
.superspcr {clear:both;display:block;padding-top:0px !important;padding-top:15px;}
#content>div.superspcr{height:15px;} 
.wt {background-image:url(/images/nav/cws/wt.gif); background-position:top right; background-repeat:no-repeat;}

/* Back to Top */
.bt {background-color: #FFFFFF;float: right;}
.bt a {color: #8B951B;font-size: x-small;text-decoration: none;padding: 3px 0 0 0;background-color:#FFFFFF;}
.bt a:hover {text-decoration: underline;}

/* Layout tables */
table.layout td {font-size: 90%; line-height: 1.4em;}
table.layout td p, table.layout td ul, table.layout td ol {font-size: 100%;}
table#unpadded {margin: 0;}
table#unpadded td {padding: 0; margin: 0; line-height: 1.4em; }
table#unpadded td p, table#unpadded td ul, table#unpadded td ol {font-size: 100%; line-height: 1.4em}
table#unpadded td ul li, table#unpadded td ol li {padding: 3px 0 3px 0;}

/* Data tables */
table.tabledata_blue {font-size: 90%; text-align: left; border-left: 1px solid #C2CDDE; width: 100%; margin-bottom: 10px; margin-top: 5px;}

.tabledata_blue caption {font-weight:bold; text-align:left; padding: 3px 3px;}

.tabledata_blue th {border-collapse:inherit; font-weight:bold; color:#FFF; background-color:#DE7921; border-right: solid #C2CDDE 1px; border-top: solid #DE7921 1px; border-bottom: solid #DE7921 1px;}
 
.tabledata_blue td {border-collapse:inherit;background-color:#EBF4FC; border-bottom: solid #EBF4FC 1px;; border-right:solid #C2CDDE 1px; vertical-align:text-top; margin:3px 3px;}

.tabledata_blue .white td {border-right:solid #C2CDDE 1px; border-bottom: solid #ffffff 1px; background-color:#ffffff; margin:3px 3px;}


table.tabledata_mixed {font-size: 80%; text-align: left; width: 100%; margin-bottom: 10px; margin-top: 5px;} 

.tabledata_mixed caption {font-weight:bold; text-align:left; padding: 3px 3px;}

.tabledata_mixed th {padding: 2px; vertical-align: top; font-weight:bold; color:#FFF; background-color:#DE7921;}
.tabledata_mixed td {padding: 2px; vertical-align: top; border: solid #C2CDDE 1px;}

.tabledata_mixed td.coloured {vertical-align: top; border: solid #C2CDDE 1px; background-color: #dee7ef;}

	
.tabledata_mixed td p, .tabledata_blue td p {line-height: normal;}	

/* FEATURE TABLE and ITEMS*/
#feature {background-color: #ffffff; width: auto;vertical-align: top;padding-right: 5px;}

/* #feature {width: 170px;vertical-align: top;padding-right: 5px;} */
.pagetools {width: 160px;margin-top: 8px;margin-bottom: 8px;margin-left: 5px;}
.pagetools img {border:0;}
.pagetools div {float:left; background: #fff no-repeat 0 0; list-style: none;}
.pagetools span {display:none}
.pagetools a {display:block;width:20px}
.pagetools .mail a {background: url("/images/nav/cws/email.gif") no-repeat 0 0;}
.pagetools .print a {background: url("/images/nav/cws/print.gif") no-repeat 0 0}
.pagetools .default a {background: url("/images/nav/cws/smallA.gif") no-repeat 0 0}
.pagetools .large a {background: url("/images/nav/cws/bigA.gif") no-repeat 0 0}
.pagetools .textsize {background: url("/images/nav/cws/defaulttext.gif") no-repeat 0 0}
.pagetools .mail a:hover, .pagetools .print a:hover, .pagetools .default a:hover, .pagetools .large a:hover {background-position: 0 -20px}

/* FEATURE ITEM */
.featureitem {margin-top:10px;margin-bottom:10px;clear:both;font-size: 80%;}
.featureitem h3 {font-weight: bold;padding: 3px 3px 3px 3px;text-align: center;margin-top:0;margin-bottom:0;font-size: 80%;}
.featureitem p {font-size: 80%;padding: 0px 8px 0px 8px;}
.featureitem ul {list-style-image: url(/images/nav/cws/bullet.gif);margin: 5px 0 5px 12px;padding:3px 0 3px 12px;}
.featureitem ul li {padding:2px 0 2px 0;}
.featureitem ol {margin: 5px 0 5px 12px;padding:3px 0 3px 12px;}
.featureitem ul li {padding:2px 0 2px 0;font-size: 80%;}
.featureitem img {border:0;margin:3px 3px 3px 3px;}
.featureitem a:link, .featureitem a:hover, .featureitem a:active {color:#000063;}
.featureitem a:visited {color:#395780;}
div.noborder {border:0 none #fff;}

/* FOOTER*/

.footertrim1 {clear:both;margin:0;padding:0;height: 2px;line-height:2px;background-color:#ffba00;} 
.footertrim2 {clear:both;margin:0;padding:0;height: 1px;line-height:1px; background-color: #ffffff;}


/* div.foottrim {border: #00ff00 solid 1px; width: auto; clear:both; margin:0;padding:0;height: 3px;line-height:3px; background-image: url(/images/nav/cws/footerbg.gif); background-repeat: repeat-x; } */

div.footer { clear:left;
height: 56px; 
width: auto;
background-image: url(/images/nav/cws/logosbg.gif); background-repeat: repeat-y; 
background-color: #5A79A5;
overflow: visible;
padding-bottom: 0.1em;}

div.footer img {float: left; padding-top: 3px; margin-bottom:1px;}

div.footercopy {margin-bottom: 0.2em;  height: auto; width: auto; position: relative;  display: block; clear:none; float:right; vertical-align: top; text-align: right; padding: 0.4em 15px; font-size: 60%; color: #ffffff; }
div.footercopy a, div.footercopy a:link {color: #fff;}
div.footercopy a:hover,div.footercopy a:active  {color: #000063;}
div.footercopy a:visited {color:#fff;}


td img.decor {display: block;width: 1px;height: 1px;border:0;}
.form_red {color: #FF0000;}