/*<![CDATA[*/

/* --- base style sheet for bureau pages -------------------------------------- */
/* Author: vlw 30/06/06 */
/* Updated: vlw 07/05/07 */
/* change log: /watl/standard/common.txt */

@import url("header-footer-AMDISS.css");
/* @import url("symbols.css"); */
@import url("section-menu.css");

/* --- for bare-bones display ----------------------------------------------- */

.no-bb {display:none;}
#right-block{display:none;}
#content-block.print-right div#right-block{display:block;}
@media screen{.no-bb{display:block;}#bb{display:none;}#right-block{display:block;}}
#section-nav img{display:none;}
@media all{#section-nav img{display:inline;}.bb{display:none;}}
@media print {#bb{display:none;}}

/* --- HTML ------------------------------------------------------------------ */
body {background-color:#fff;color:#000;margin:0; padding:0; font-size:76%;font-family: Arial, Helvetica, Verdana, sans-serif;}
ul, dl {font-size:1.0em; margin: 0.2em 0.2em 0.2em 1.8em; padding:0;}
ul, ul.bullet, .box-feature ul.bullet{list-style:none; list-style-image:url(../images/bullet.gif); list-style-position:outside;}

ul + ul{list-style:none; list-style-image:url(../images/bullet-sub.gif);}
ol{font-size:1.0em; margin: 0.2em 0.2em 0.2em 2.4em; padding:0;}
dl {margin-left:0;padding-left:0;}
dt{font-size: 1.1em;font-weight: bold;color: #663;}
dd {margin:0 auto 1em 1em;}

ul.links{list-style-type:none;list-style-position:outside; list-style-image: url(../images/link-goto.gif);}
ul.links a:link, ul.links a:visited{text-decoration:none;}
ul.links a:hover, ul.links a:active, ul.links a:focus{text-decoration:underline;}
/*font-family added to assist dynamic form element scaling */
table, li, p, td, tr, th, form, select, input {font-size:1.0em;font-family:Arial,Helvetica, Verdana, sans-serif;}

select{height:auto; width:auto; }
h1, h2, h3, h4, h5, h6 {padding:1.0em 0.2em  0.1em 0.2em; margin:0;font-weight:bold; color:#000;text-align:left;font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:1.5em; padding:0 0 0.2em 0;}
h2 {font-size:1.2em; color:#006699;}
h3 {font-size:1.1em;color:#006699;}
h4 {font-size:1.0em;color:#006699;}
h5 {font-size:1.0em;}
h6 {font-size:1.0em;}

p {padding:0.2em 0.2em 0.6em 0.2em; margin:0;}
.normal, .copy {font-weight:normal; color:#000; font-size:1.0em;}
li {margin:0; padding:0 0 1px 0;}
pre, code {font-size:small;}
sup,sub {font-size:0.8em;}

a:link, a:active {color:#000099;}
a:visited {color:#006699;}
a:hover, a:active, a:focus {color:#FF6633; text-decoration:underline;}
/* check anchors re: a:active */
 
a.external{padding: 0 20px 0 0;
 background-image: url(../images/link-external.gif);
 background-repeat: no-repeat;
 background-position: right;
}
@media print{a.external{background-image:none;padding:0}}

/* --- images + container divs to contain options of images, image captions, feature text --- */
@media all {img { color: inherit; border:none;}} /* hide from N4 */

/* reconcile */
.box-left{float:left; margin:0.2em 0.2em 0.2em 0;}
.box-right{float:right; margin:0.2em 0 0.2em 0.2em;}
.box-centre{clear:both; margin:0.2em;}
.image-left img, img.image-left {float:left;margin:0.2em 0.2em 0.2em 0.2em;}
.image-right img, img.image-right{float:right;margin:0.2em 0.2em 0.2em 0.4em;}
.image-centre img, img.image-centre {display:block; clear:both; text-align:center;margin:0.4em 0.2em;}
.box-left, .box-right, .box-centre {text-align:center;color:#666666;padding:0.2em; width:auto;}
.box-left, .box-right, .box-centre p{font-size:90%;padding-bottom:0.2em;margin-bottom:0;} 
img.image-inline{float:none;display:inline;}

/* add class to content-block container div for images to inherit or apply to specific images */
.image-border img, img.image-border{border:1px solid #ccc; margin:0.2em;}
.image-shadow img, img.image-shadow{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:3px solid #ccc; border-bottom:3px solid #ccc;margin:0.2em;}
.border {border:1px solid #ccc;}
/* quarrantine from banner */
table.align-top tr, table.align-top td {vertical-align:top;} 
#content-block form, #left-block form, #site-search form {padding:0; margin:0;}
/* end quarrantine */

textarea, input {font-family:Arial, Helvetica, Verdana, sans-serif; /*font-size:0.9em;*/}
fieldset{margin:0 0 0.2em 0; padding:0.2em; border:1px solid #CCCCCC;}
fieldset h2, fieldset h3{margin:0.2em 0;}
legend {color:#999999; font-weight:bold;}


/* ----------- adjusters ------- */
/* --- font size --- */
.smallest{font-size:0.76em;} /* was .small */
.smaller {font-size:0.8em;}
.bigger {font-size:1.2em;}
.biggest {font-size:1.4em;}

/* --- spacing --- */
.nospace {margin:0; padding:0;}
.nospace-top {margin-top:0; padding-top:0;}
.nospace-bottom {margin-bottom:0; padding-bottom:0;}
.gaps a{padding:1px;}/* to space inline links with | separators */
.gaps{color:#CCCCCC;}

.space{margin:1.0em}
.space-top{margin-top:1.0em}
.space-bottom{margin-bottom:1.0em}
.space-left{margin-left:1.0em}
.space-right{margin-right:1.0em}

/* --- align set --- */
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-justify{text-align:justify;}
.align-top {vertical-align:top;}
.align-middle {vertical-align:middle;}
.align-bottom {vertical-align: bottom;}

/* --- some common formats --- */
.date,.dt, .annotation, .pid, caption{color:#666;padding:0 0.2em;margin:0;}
/* product id = p-id*/ /* resolve redundancy with above */
.p-id, .date-modified {padding-top:0.6em; font-size: 0.9em; color:#999;clear:both;}

.annotation{font-size:0.9em;}
.citation {}

/* --- top of page link ---*/
.top, p.top{font-size:0.9em; text-align:right; background-image: url(../images/link-top.gif); background-repeat:no-repeat; background-position:right; padding:0 16px 0 0; clear:both;}
.top a:link, .previous a:link , .next a:link, .top a:visited, .previous a:visited , .next a:visited {text-decoration:none;}
.top a:active, .previous a:active , .next a:active, .top a:hover, .previous a:hover , .next a:hover, .top a:focus, .previous a:focus , .next a:focus   {text-decoration:underline;}

/* --- accessiblity set --- */
abbr, acronym {font-style:normal; border-bottom:none;}
abbr {speak:normal;}
acronym {speak:spell-out;}
a.access-info{
position:absolute;
left:-10000px;
z-index: 2;
background-color:#fff;
}

a:hover.access-info,  a:active.access-info,  a:focus.access-info {
 left: 4px;
 top:11em;
 color: #006699;
}
.silent{speak:none;}

/* --- display/media --- */
.invisible {display:none;} /* for elements to be hidden from screen + print - e.g. for screen readers */
.do-print{display:none; speak:none;} /* as above but to be visible in print */
/* ------------------------------------- legacy-browser warning --------------------- */
@media all {#browser-support{display:none; speak:none;}} 
/* ------------------------------------- layout ------------------------------------- */

@media screen{
#page {
	margin:0;
	text-align:left; 
	min-width:760px;
	width:995px;
	}
	}
/* page2 for 2 col pages, remove #page2 post audit */
#page2, #page-2col{width:800px;margin-left:8px;}
#nav-path, #breadcrumbs {margin:0.3em; font-size:0.9em; color:#666;}
#nav-path a, #breadcrumbs a{text-decoration:none; border-bottom:dotted 1px #FFF;}
#nav-path a:hover, #nav-path a:active, #nav-path a:focus, #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus  {text-decoration:none; border-bottom:solid 1px #CCC; }

#page-info {background-image:url(../images/about.gif); background-repeat:no-repeat; background-position:0 0.3em; padding:0.3em 0 0.4em 18px; font-size:0.9em; color:#666666; line-height: 1.8em;} 
#page-info a:link, #page-info a:visited {text-decoration:none;}
#page-info a:hover, #page-info a:active, #page-info a:focus{text-decoration:underline;}

#left-block {margin:0.3em 0; width:185px; float:left;}

#content-block {
	position:relative; 
	float:right;
	min-width:800px; 
	width:800px; 
	background-color:#fff; 
	margin:4px 0 0 0;
	padding:0;
	text-align:left;
}

#right-block, .right-block {width:200px; float:right; border:1px solid #CCCC99; text-align:left; margin:0;}
#right-block h2, .right-block h2 {background-color:#CCCC99; color:#000000; font-size:1.0em; margin:0; padding:0.2em;}
#right-block h3, .right-block h3 {background-color:#f3f4ef; color:#655E30;font-size:1.0em; margin:0; margin-bottom: 0.2em; padding:0.2em;border-top: #E5E5C3 1px solid;}
#right-block ul, .right-block ul {padding:0 0.2em; margin-left:1.8em;
list-style-position:outside; list-style-image: url(../images/link-goto.gif)
}

@media print{#right-block ul, .right-block ul{list-style-type:disc;list-style-image:none;padding-left:0;}}

#right-block p.subhead, .right-block p.subhead{color:#999;padding:0 0.2em;font-weight:bold; margin-bottom:-0.4em;}
#right-block p, .right-block p {padding:0.2em 0.2em 0.4em 0.2em; margin:0;}
#right-block a:link, #right-block a:visited, .right-block a:link, .right-block a:visited {text-decoration:none;}
#right-block a:hover, #right-block a:active, #right-block a:focus, .right-block a:hover, .right-block a:active, .right-block a:focus{ text-decoration:underline;}

.middle-col{width:590px; position:relative;float:left;}
.box-tab, .fullwidth-col {width:100%;clear:both;}
@media print{.box-tab{width:630px;}}

/* --- kludges to force divs to clear floats --- */
.clearfix {clear:both; margin:0;padding:0; height:0; display:block; visibility:hidden;line-height:0;}
.clearboth{clear:both;}
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* --- box for top of page, apply modifiers for more generic application --- */
.box {border:solid 1px #CCC; margin:0;} 
.box p, .box h2,.box-feature p, .box-feature h2,.page-menu p, .page-menu h2 {margin:0; padding:0.2em;}


.bg-grey {background-color:#f5f5f5;}

.box-feature, .page-menu {background-color:#f5f5f5; border:2px solid #CCC; margin-bottom:0.2em;}
.box-feature p, .page-menu p{margin:0.3em; padding-bottom:0;}
.page-menu p{margin-bottom:0; font-weight:bold;}
.page-menu p:first-child+p {font-weight:normal;}

.box-feature ul, .page-menu ul{margin:0 0.3em 0.1em 1.70em;list-style-type:none;list-style-position:outside; list-style-image:url(../images/link-page.gif);}

/* for about info fea*/
#box-side {margin-top:1em;}
#box-about img{display:block;}
#box-about p{font-weight:bold;font-size:100%; background-color: #CCCC99; padding: 0.2em}
#box-about a:link, #box-about a:visited {text-decoration:none;}
#box-about a:hover{text-decoration:underline;}

div.link-up{border-bottom: 1px solid #ccc;}

div.link-up ul, li.link-up {
height:1%;
font-weight:bold;
list-style-image: url(../images/link-up.gif);
}

li.link-up li {font-weight:normal;}
li.link-up a{text-decoration:none;}
/*
li.link-up {list-style-image: none; background-image:url(../images/link-up.gif); background-repeat:no-repeat; background-position: 0 0; list-style-position:outside;}
li.link-up span{padding:0.4em 0 0 20px;}
*/

@media print{.box-feature ul, .page-menu ul{list-style-type:disc;list-style-image:none;} .page-menu{display:none;}}
.page-menu a:link, .page-menu a:visited{text-decoration:none;}
.page-menu a:active, .page-menu a:focus, .page-menu a:hover {text-decoration:underline;}

/* --- this table is for natural text rather than data ---*/
.table-text {border:1px solid #ccc; border-collapse:separate;empty-cells:show; margin-bottom:0.6em;background-color:#fff;}
.table-text tr{text-align:left; }
.table-text th, .table-text td {padding:0.1em;border-bottom:solid 1px #efefef;vertical-align:top;}
.table-text td {background-color:#fff; }
.table-text th{background-color:#f5f5f5;}
.columns{border-collapse: collapse;border:1px solid #efefef;}
.columns td,.columns th{border-right:1px solid #efefef;border-left:1px solid #efefef;border-collapse: collapse;}
.table-text caption{background-color:#f5f5f5;color:#999;font-weight:bold;text-align:left;padding:0.2em; border:1px solid #ccc;border-bottom:none;}

.noborder{border:none;}
.divlabel{font-weight:bold; color:#999999; background-color:#FFFFFF; position:relative; top:-8px; display:inline; margin-left:8px;}
label.normal{font-weight:normal;color:#000000;}/*use for radio button display if grouped under a 'label'*/
label:hover, label:focus, label:active {
text-decoration:underline;
}
 
legend.light {color:#999999;}
.jsalert {color:#FF6600; margin-bottom:0.8em;font-size:1.2em;font-weight:bold;}
.alert{color:#FF6600; font-weight:bold;}
.alert-strong{color:#FF6600; font-weight:bold;font-size:1.2em;}
.highlight{color:#FF6600;}
.bold{font-weight:bold;}
noscript{}
/* print styles, review right-block display and generic widths */
@media print{
.do-print {display:block;}
#left-block, #content-block {float:none;}
#left-block,#right-block, .right-block, #nav-path, #services-nav, .no-print,#page-info, .top {display:none;}
#page, #content-block, #page2, #page-2col {width:630px; margin:0; padding:0;} 

#page-info {margin:0; padding:0; background-image:none;}
.middle-col{width:100%; text-align:justify;}

.box,.box-feature, .page-menu {width:100%; margin:0;}
fieldset{width:auto;}
.align-justify{text-align:left;} /* for IE */
#page, #page2,#page-2col{min-width:620px; width:99%; max-width: 99%;}
#content-block{width:100%; min-width:620px; max-width: 99%;}
#content-block.print-right div#right-block, #content-block.print-right div.right-block{display:block;min-width:200px; width:25%;}
#content-block.print-right div.middle-col{width:67% !important; float:left;}
abbr, acronym{border:none;}
}

/* most generic items, below moved from weather.css , weather.css to be unlinked from common.css*/
.max {color:#CC0000;}
.min {color:#0066FF;}
/* .contrast is for text that needs to be highlighted. Useful in natural language for data in tables. Italic for accessibility */
.contrast {color:#999900; font-style:italic;}

#print-head{display:none;}
@media print{#print-head{display:block; border:1px solid #000; margin-bottom:1em; min-height:75px;}}
.handheld{display:none;}

/* 26.9.07 moved from watl-home.css */
.content-item {border: 1px #CCCCCC solid; margin:1px;text-align:left;}
.content-item h2, .content-item h3 {color:#655E30;/*#666633;*/ background-color:#E5E5C3; font-size:1.0em; margin:0; padding:0.2em;}
.content-item ul{margin:0 0 2px 0;padding:0; list-style-type:none;list-style-position:inside; list-style-image:url(../images/map.gif); line-height:1.3em;} 
.content-item ul ul {margin-bottom:0; padding:0 0 0 1.4em; list-style-image:none; list-style-type:circle;  list-style-position:inside;}
.content-item a:link, .content-item a:visited{text-decoration:none;}
.content-item a:active, .content-item a:hover, .content-item a:focus{text-decoration:underline;}


/*]]*/