/*@import url("../../eco_info/topics/climate/anti_idling/antiidling_styles.css");*/
@charset "utf-8";
/*trash browser formatting*/
body, dev, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
margin:0; 
padding:0;
}

table, td, tr, th {
	font-size: 100%;
}

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
}

/* Removes list-style from lists */
ol, ul
{ list-style: none; font-size: 100%}


/*global, all site*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#000066;
	font-size: 62.5%;
}
/* was .8em; */
p 	{
	padding:0px 0px 0px 0px;
	margin:.2em 0px 1.1em 0px;
	line-height:17px;
	font-size: 1.2em;
}
p + h2, h3, h4, h5, h6 {
	margin-top:0em;
}

/*--------------------------*/
/*links*/
/*--------------------------*/
a:link { 
	color: #669900;
	}
a:visited { 
	color: #FF3300;
	}
a:hover { 
	color: #006600;
	}
a:active { 
	color: #FFCC00;
	}

/*--------------------------*/
/*bottom text links*/
/*--------------------------*/
.text_links {
	font-size: 1em;
	color: #FFFFCC;
}
.text_links a:link {
	color: #FFFFCC;
}
.text_links a:hover {
	color: #FFFFCC;
}
.text_links a:visited {
	color: #FFFFCC;
}
.text_links a:active {
	color: #FFFFCC;
}

/*--------------------------*/
/*IMAGES*/
/*--------------------------*/
/*all purpose float right for images*/
.imgFloatRight{ float:right; margin-left:10px; display:inline; }

/*all purpose float left for images*/
.imgFloatLeft{ float:left; margin-right:10px; display:inline;}

/*apply to IMG, not overall div*/
/*extra text-align is for IE*/
IMG.imgCentre { display: block; margin-left: auto; margin-right: auto; text-align: center; }

/*image with caption floating right*/
.capImgRight { float: right; margin-left: 5px; }
/*image with caption floating left*/
.capImgLeft { float: left; margin-right: 5px; }
/*caption floating left*/
.capText { font-style: italic; font-size: 1em; }
/*--------------------------*/
/*SPECIFIC TEXT FORMATTING*/
/*--------------------------*/
/* to color Hs and copy*/
.darkblue { color: #000066; }
/* to color Hs and copy*/
.darkgreen { color: #006600; }
/* to color Hs and copy*/
.darkred{ color: #990000; }
/* to color Hs and copy*/
.orange{ color: #CC9900; }
/* to color Hs and copy*/
.lightblue { color:#3366CC; }
/*breadcrumb*/
.crumb { font-size: 1.1em; line-height: 1em;}
/*small italicized text for captions*/
.captiontext { font-size: .9em; font-style:italic; }
/*small copy for footers etc.*/
.footertext { font-size: .9em; }
/*center text*/
.textAlignCenter { text-align: center; }
/*right text*/
.textAlignRight { text-align: right; }
/*serif modifyier*/
.serif { font-family:Georgia, "Times New Roman", Times, serif; }
/*horizontal menu*/
.inlinemenu { display:inline; }

/*--------------------------*/
/*HEADERS*/
/*--------------------------*/
h1 { font-size: 36px; padding: 0; margin: 0em 0em .6em 0em; }
h2 { font-size: 1.9em; padding: 0; margin: 0em 0em .6em 0em; }
h3 { font-size: 1.6em; padding: 0; margin: 0em 0em .5em 0em; }
h4 { font-size: 1.4em; padding: 0; margin: 0em 0em .4em 0em; }
h5 { font-size: 1.2em; padding: 0; margin: 0em 0em .3em 0em; }
h6 { font-size: 1.2em; padding: 0; margin: 0em 0em .3em 0em; }

/*--------------------------*/
/*LISTS*/
/*--------------------------*/
/*keep left margin and padding required to equalize indent in IE and others*/
ul { 
list-style-position: outside; 
padding: 0 0 1em 0; 
margin: .2em 0 0 35px; 
list-style: circle; 
}

ul li li {
	margin-bottom: .2em; 
}

/*same as size for P tags*/
ul li { 
	font-size: 1.2em; 
	margin-bottom: .3em; 
	padding-bottom: 0;
}

li li { font-size: 1em; margin-bottom: .3em; padding-bottom: 0;}

ol { 
list-style-position: outside; 
padding: 0 0 1em 0;
margin: .4em 0 0 25px; 
list-style:decimal; 
}

ol li { 
font-size: 1.1em; 
margin-bottom: .4em;
}

/*--------------------------*/
/*STRUCTURAL ELEMENTS*/
/*--------------------------*/
/*small spacer*/
.clearsmall { height: 5px; clear: both; }
.clearsmall br { height: 0px;}
/*mid-sized spacer*/
.clearmid { height: 20px; clear: both; }
/*large spacer*/
.clearlarge { height: 40px; clear: both; }
/*no clearing, jsut adds minimum reasonable height to pages with almost no content*/
.minheightpage { height: 350px; }

/*--------------------------*/
/*CALLOUTS*/
/*--------------------------*/
/*95% callout box for eco-info pages*/
.callout450 { width: 450px; border: 1px dashed #66CC33; margin: 5px auto 12px auto; padding: 5px 5px; }
/*95% callout box for large pages*/
.callout560 { width: 560px; border: 1px dashed #66CC33; margin: 5px auto 12px auto; padding: 5px 5px; }
/* small 1/4 callout box*/
.callout220 { width: 220px; border: 1px dashed #66CC33; margin: 5px 0 12px 0; padding: 5px 5px; }

/*COLUMNS*/
.collumn-left-small {
	width: 230px;
	float: left;
	margin-right: 15px;
}
.collumn-right-small {
	width: 230px;
	float: right;
	margin-left: 15px;
}
.collumn-left-mid {
	width: 270px;
	float: left;
	margin-right: 15px;
}
.collumn-right-mid {
	width: 270px;
	float: right;
	margin-left: 15px;
}

/*colour sets to apply to callouts-will be deleting this*/
/* blue*/
.backgroundBlue { background-color: #e1edff; }
.bdr_blue { border-color: #0099CC; }
/*orange*/
.backgroundOrange { background-color: #FFCC33; border-color: #FFCC00; }
/*green*/
.backgroundGreen { background-color: #99FF33; border-color: #99CC33; }

/*all purpose left right floats*/
/*.floatleft { float: left; margin-right: 8px; }*/
/*.floatright { float: right; margin-left: 8px;}*/

/*--------------------------*/
/*DIVIDERS*/
/*--------------------------*/

/*red dashed divider*/
.divider_red {
	width: 98%;
	height: 10px;
	clear: both;
	border-bottom: 1px dashed #990000;
	margin-bottom: 5px;
}
/*blue dashed divider*/
.divider_blue {
	width: 98%;
	height: 10px;
	clear: both;
	border-bottom: 1px dashed  #003399;
	margin-bottom: 5px;
}
/*green dashed divider*/
.divider_green {
	width: 98%;
	height: 10px;
	clear: both;
	border-bottom: 1px dashed #006600;
	margin-bottom: 5px;
}

/* white copy,should be found and deleted, pretty much useless except home page */
.light_text {
	font-size: 10px;
}

/*copy on various side navs in tables*/
/*not in use but still in markup*/
.side_nav {
font-size: .8em;
}

/*--------------------------*/
/*footer area*/
/*--------------------------*/
.footerarea {
	width: 760px;
	color: #FFFFCC;
	padding-top: 10px;
	text-align: center;
	height: 90px;
	font-size: .9em;
}
.footerarea a:link {
	color:#FFFFCC;
}
.footerarea a:visited {
	color: #FFCC00;
}
.footerarea a:hover {
	color: FFFFCC;
}
.footerarea a:active {
	color: #FFFFCC;
}
.footerarea ul {
	list-style:none;
	margin-left: 100px;
	padding:0px;
	
}
.footerarea ul li{
	display:inline;
	margin:0px;
	padding:0px;
}

/*--------------------------*/
/*Browse topics menu in use throughout site*/
/*--------------------------*/
.browse_menu {
	width: 140px;
	margin: 0px 5px 10px 5px;
	border-bottom: 1px dashed #6699CC;

}
/*this left margin controls indent of bullet only*/
.browse_menu ul {
	margin-top: 5px;
	padding: 0 0 5px 0;
	margin-left: 4px;
	list-style: none;

}

.browse_menu li {
 	background-image: url(../utility/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 0 0 11px;
	margin-bottom: 4px;
	
}
.browse_menu h5 {
	margin-bottom: 0;
}
/*OLD*/
/*this left margin controls indent of bullet only*/
.multicolumnlist {
	float: left;
	margin-right: 20px;
	width: 260px;
}

