/* CSS Document */

/* Suggested settings to provide default cross-browser behaviours */
html,
body,
p,
ul,
ol,
li,
a,
input,
label,
form,
table,
tr{
	margin:0px;
	padding:0px;
	border:0px;
}

a{
	text-decoration:none;
}

img{
	border:none;
}

ul{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
}

table, tr, td { border-collapse:collapse; } 

fieldset {
	border:none;
	margin:0px;
	padding:0px;
}

html body
{
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}

h1,h2,h3{
	text-transform:uppercase;
	padding:0;
	margin:0;
}

div h1{								/* This is needed for info semantics but should not be displayed */
	position:absolute;
	top:-100px;
	left:-600px;
	color:#000;
	font-size:115%;
}

h2{
	color:#a72818;
	font-size:112%;
}

.globalContainer {
	text-align:left;
	margin:0 auto;
	width:984px;
}

.topContainer{
	padding:0px;
	width:984px;
}

.topContainerInner{
	float:left;
	padding:0px 6px 0 7px;
}

.navContainer{
	float:left;
	width:220px;
	padding-top:50px;
	padding-bottom:20px;
}





.mainContainer{
	clear:both;
	float:left;
	width:100%;
	
}

.mainTopContainer{
	float:left;
}

.row{
	clear:both;
}

.column{
	float:left;
}

.columnsOne .column{
	width:758px;
}

.columnsOne02 .column{width:710px;height:293px;}
.columnsOne03 .column {width:984px;height:293px; }
.columnsOne03 .column .content { padding:0px 7px; }
.columnsOne04 .column {width:984px;}
.columnsOne04 .column .content { padding:20px 50px 0 267px; }


.columnsOne .content{
	padding:25px 68px 20px 0;
}


.columnsThree { padding-left:50px; padding-top:20px;}
.columnsThree .column{
	width:280px;
	margin-right:20px;
}




.columnsThree .columnStyle01{
	width:230px;
}

.columnsThree .contentStyle01{
	background-color:#FF3300;
}

.columnsThree .contentStyle01a{
	padding-right:0px;
	background-color:#FF9900;
}

div.middleContainer{
	float:left;
	
}



.columnsThreeAlternative .column{
	float:left;
	width:250px;
	background-color:#FFFF66;
}

.columnsThreeAlternative .columnStyle01{
	width:230px;
}

.columnsThreeAlternative .content{
	margin-right:20px;
	background-color:#00CC99;
}

.columnsThreeAlternative .contentStyle01{
	background-color:#FF3300;
}

.columnsThreeAlternative .contentStyle01a{
	margin-right:0px;
}

.columnsThreeAlternative .contentStyle01a{
	background-color:#FF9900;
}

.rhsContainer{
float:left;

}

/* footer containers */
.bottomContainerInner  {
	float:left;
	padding:10px 10px;
}


/*change the size*/


.columnsOne .column .content { padding-left:30px;}
.columnsOne03 .column .content { padding-left:7px;}

/* modifications to environment landing page to accommodate longer submenu */
#environment .mainContainer02 {width:75%;clear:none !important}
#environment .mainContainer02 .column {width:200px !important}


/*modifications to sitemap lists to control font size */
#site-map .content ul ul {font-size:100%}

#smap, #smap ul li {list-style:none !important}
#smap a {text-decoration:none}
#smap h3, #smap h4, #smap h5 {font-size:110%;font-weight:bold;margin:10px 0 0 0;color:#002D62;padding-bottom:0}
#smap h3 a, #smap h4 a, #smap h5 a {color:#002D62}

/*modifications to home page to align text left*/
.homecontent {padding: 20px 50px 0 50px; text-align:left}
.homecontent p {margin-bottom:0;color:#747373;font-size:80%}

.homedivs h3 {background:url(../_img/logos/transp-logo-20.png) center left no-repeat;padding-left:20px;padding-bottom:0 !important;margin-bottom:5px;line-height:1.5em}

h2.withlogo {background:url(../_img/logos/transp-logo-30.png) center left no-repeat;padding-left:37px;padding-bottom:0 !important;margin-bottom:12px;line-height:32px;font-family: "Times New Roman", serif;font-size:160%}

.clearphoto{clear:both;margin:20px 0;float:left;width:100%}
img.alignright {float:right;padding-left:10px;}
img.alignleft {float:left;padding-right:10px;}
.attribution {clear:both;font-size:90%;font-style:italic}

.column ul.media li {list-style: none;margin:5px 0}
.column ul.media {padding-left:0;margin:0}