/* CSS Document */

body {
	font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 0 0; padding: 0 3px 5px 0; color: #000; background: none; display: block;
}

div {font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px;}

a {	color: #00529F;	text-decoration: none;}
a:hover { color: #00529F; background: inherit; text-decoration: underline; cursor: pointer;}
h1 { font: normal 13pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 0 0; padding: 2px 0 1px 2px; font-weight: bold; color: #FFFFFF; background: #F26522; display: block;}
	/*.h1_orange {background-color: #FF9900;}*/

h2 { font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 0 0; font-weight: bold;  color: #000000; display: inline-block; padding: 2px 2px 2px 2px;}
h3 { font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 0 0; font-weight: bold; color: #000000; display: inline-block; padding: 2px 2px 2px 2px;}
h4 { font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 5px 0; color: #000000; font-weight: bold;}
h5 { font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 2px 0; font-weight: bold; color: #999999; font-style: italic;}
h6 { font: normal 14pt Arial, Sans-Serif; letter-spacing: 0px; margin: 5px 0 0 0; padding: 0 0 0 5px; font-weight: bold; color: #FFFFFF; background-color: #34559b; display: block;}
p { font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 0 0; padding: 0 3px 5px 0; color: #000000; background: none; display: block;}
.quote {font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 10px 5px 20px; padding: 0 3px 0 0; color: #666666; font-style: italic;}
.strapline {font: normal 8pt Arial, Sans-Serif; letter-spacing: 0px; margin: 3px 0 10px 0; color: #999;}
.comment {font: normal 8pt Arial, Sans-Serif; letter-spacing: 0px; margin: 3px 0 3px 0; color: #999; text-align: center;}
ul { margin: 0 0 0 10px; padding : 0 0 0 10px; list-style : disc outside none;}
ol { margin: 0 0 0 10px; padding : 0 0 0 10px; }
li { font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px; margin: 0 0 0 0; padding: 0 0 0 1px; color: #000000; list-style: disc;}
.li_subsection {margin: 0 0 0 10px; list-style: none;}
.li_page {margin: 0 0 0 20px; list-style: none;}

.subnav li {list-style: none;}
.h3_nobackground {background: none;}
img {padding: 0px; border: none;}



.linebreak {width: 100%; border: none; border-top: 1px dashed #bfd8f0;}
.pagebreak {page-break-after: always;}

form {margin: 0px;}
.borderbottom {border-bottom: 1px dashed #bfd8f0;}

.image {float: left; margin: 5px 5px 5px 0;}
.image_right {float: right; margin: 5px 5px 5px 0;}

.cornertab {background: #34559b url(/site/images/corner_tab.gif) no-repeat top right;}
.show_tab {background: #34559b url(/site/images/corner_tab_down.gif) no-repeat top right;}
.hide_tab {background: #34559b url(/site/images/corner_tab_up.gif) no-repeat top right;}
.changes { margin: 0; margin-left: 5px; padding : 0; list-style : square; list-style-position: outside;}
.arrow {background:url(/site/images/newarrow1.gif) no-repeat;background-position:0px 3px;padding:0px 0px 0px 11px}
.arrow:hover {background:url(/site/images/newarrow2.gif) no-repeat;background-position:0px 3px;padding:0px 0px 0px 11px}

.noborder {border: none;}

/*.askquestion li {
	list-style: none outside url(/site/images/questionbullet.gif);
	margin: 0 0 5px 0;
}*/

ul.rss{
	list-style:none;
	padding:0 5px 0 2px;
	margin:8px 0 0 20px;
}
ul.rss li{
	list-style: none;
	list-style-image: url(/site/images/feed.gif);
	font-weight:bold;
	padding:0px 0px 0px 5px;
	height:18px;
	vertical-align: middle;
}

.more_link {text-align: right; font-weight: bold;}
.clearfix {clear:both;}

.fleft {float: left;}
.fright {float: right;}
.center {text-align: center;}

.myunionlogin {display: inline;  vertical-align: middle; color: #000000; font: normal 9pt Arial, Sans-Serif;}
	.myunionlogin a {font-weight: normal;}
	.myunionlogin input {
		border: 1px solid #999999;
		width: 90px;
		height: 15px;
		font-size: 8pt;
		vertical-align: middle;
	}




.site {
	float: left;
	width: 975px;
	margin: 0 0 0 12px;
	padding: 0px;
	/*border-right: 1px solid #000;*/
	/*background: #fff url(/site/images/blueback.jpg) ;*/
	/*background: #dbdbdb;*/
	background: #fff;
}



.header { 
	height: 60px;
	background: #F26522;
	color: #ffffff;
	margin: 10px 0px 6px 0px;
	padding: 0 5px 0 15px;

	clear: both;
}

	.header_image {float: left;}
	
	.salamander {padding: 0 0 0 100px; float: left;}
	
	.accessibility { height: 8px; font-size: 7pt; text-align: right; width: 100%;}
		.accessibility a {color: #000;}
		.accessibility a:hover {color: #000;}

.header p {font-size: 8pt;}

	.header p {text-align: right; color: #fff; margin-bottom: 2px; padding-bottom: 0px; vertical-align: bottom;}
	.header input {height: 13px; width: 150px; font-size: 8pt; color: #999; margin: 4px 0 0 0;}
	
	.top_info a{color: #FF9900;}
	.top_info a:hover{color: #FF9900;}
	
	.banner {
		float: left;
		width: 555px;
		color: #808080;
		padding: 0 0px 10px 0px;
		margin-left: 240px;
	
	}
		.banner img {
			float: left;
		}

.navigation { 
	clear: both;
	font-size: 14pt;
	font-weight: bold;
	height: 25px; 
	color: #FFF;
	margin: 0px 0px 0px 0px; 
	/*background: #FF9148;*/
	background-color: #eee;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	
}
	.navigation ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	.navigation li { 
		margin: 0; 
		padding: 4px 12px 4px 12px;
		color: #FFEADC;
		font-size: 9pt;
		font-weight: bold;
		background: #ff9900 url(/site/images/corner.gif) no-repeat top right;
		float: left; 
		margin-left: 1px;
		margin-right: 1px;
		list-style: none;
	}
	.navigation li.nav_highlight {
		background: #ed1c24 url(/site/images/corner.gif) no-repeat top right;
	}
	
	.navigation li.active { 
		background: #34559b url(/site/images/bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 4px 12px 4px 12px;
	}
	.navigation li.active:hover { 
		background: #34559b url(/site/images/bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 4px 12px 4px 12px;
	}
	
	.navigation li:hover {
		background-color: #E0691A;
	}
	

	
	.navigation li a { 
		font-weight: bold;
		color: #FFF; 
		background: none;
		text-decoration: none;
	} 
	
	.navigation li a:hover { 
		color: #ffffff; 
		background: inherit;
		background: none;
	} 
	
	.navigation li.browse_category{
		background: #ff9900;
	}
	.navigation li.browse_category:hover{
		background: #ff9900;
	}


.newnavigation {
	width: 975px;
	/*border-top: 1px solid #999;
	border-bottom: 1px solid #999;*/
	background: url(/site/images/newnavback.gif) repeat-x top;
	margin: 0 0 0px 0px;
}
	.newnavigation .box {
		/*width: 127px;*/
		/*padding: 2px 8px 4px 4px;*/
		margin: 0 0px 0 0;
		padding: 0;
		float: left;
		/*border-right: 1px dashed #999;*/
		height: 114px;
	}
	.newnavigation .noborder {border: none;}
	.newnavigation h1 {font: normal 9pt Arial, Sans-Serif; font-weight: bolder; color: #000000; letter-spacing: 0px; margin: 0 0 0 0; padding: 2px; background: none; display: block; color: #fff;}
	.newnavigation h1 a {background: none; color: #fff;}
	.newnavigation h1 a:hover {background: none; color: #fff;}
	.newnavigation ul { margin: 0 0px 0 8px; padding : 0 4px 0 8px; list-style : none;}
	.newnavigation li {font: normal 8pt Arial, Sans-Serif; color: #000000; letter-spacing: 0px; margin: 0 0 0px 0; padding: 0 0 0px 0; background: none; display: block; list-style: none;}
	.newnavigation a {color: #000; text-decoration: none; background:url(/site/images/newarrow1.gif) no-repeat; background-position:0px 3px; padding:0px 0px 0px 11px;}
	.newnavigation a:hover {color: #000; background: inherit; text-decoration: underline; background:url(/site/images/newarrow1.gif) no-repeat;background-position:2px 3px;padding:0px 0px 0px 11px}

		

.content {
	width: 975px;
	padding: 0px;
	margin: 0 0 0 0;
	background: inherit;
	padding: 0px 0 0 0;
}



.footer { 

	background: #F26522;
	color: #fff;
	margin: 15px 0px 0px 0px;
	padding: 10px 0 0 0;
	clear: both;
	text-align: center;
	/*border-top: 1px dashed #999999;*/
}
	.footer p {
		font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px;
		color: #fff;
	}
	.footer a {
		font: normal 9pt Arial, Sans-Serif; letter-spacing: 0px;
		color: #fff;
		font-weight: bold;
	}
	.footer a:hover {
		font: bold 9pt Arial, Sans-Serif; letter-spacing: 0px;
		color: #fff;
		text-decoration: underline;
	}
.HForm {width: 1px;
		height: 1px;
		visibility: hidden;
		display: none;
}

.spamCheck {
	margin: 10px 0 10px 0;
	width: 350px;
	padding: 5px;
	border: 1px dashed #f90;
}
	.spamCheck h3 {
		font: normal 11pt Arial, Sans-Serif;
		letter-spacing: 0px;
		margin: 5px 0 0 0;
		font-weight: bold;
		color: #000;
	}
	
	.status {width: 285px; padding: 10px 10px 10px 10px; border-bottom: 1px dashed #bfd8f0;}
		
		.addstatus {background: #bfd8f0;}
		.addstatus:hover {background: #bfd8f0; cursor: auto;}
		.box305 .statush1 {height: 0px; background: #F26522 url(/site/images/hwusaupdates.jpg) no-repeat; margin: 0;  padding: 28px 0 0 0; overflow: hidden;}
		.status img {margin: 0 0 0 5px; padding: 0 5px 0 0; float: left;}
		.status p {font-family: arial; font-size: 10pt; color: #000; margin: 5px 2px 0px 0;}
		.status .minitime {font-size: 8pt; color: #999999; margin: 0px 0 0 0;}
		.status_del {float: right; margin: 0; padding: 0;}
		.status_del p {font-size: 5pt;}
		.status_del a:hover {text-decoration: underline;}
		.status a:hover {text-decoration: underline;}
	
	.news_article {width: 285px; padding: 10px 10px 10px 10px; border-bottom: 1px dashed #bfd8f0;}
		.news_link {color: #000;}
		.news_article:hover {background: #FFE0C1; cursor: pointer;}
			.bump {}
			.news_article a {text-decoration: none;}
			.news_article a:hover {text-decoration: none;}
		
			.news_article p {margin: 0px; padding: 0px; color: #000;}
			.news_article h1 {font-family: Arial; font-size: 9pt; color: #fff; font-weight: normal; background: #00529F; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;}
			.news_article h3 {display: block;}
			/*.news_image {overflow: hidden; width: 200px; height: 200px; text-align: center; vertical-align: middle;}*/
			.news_image {width: 85px; text-align: center; background: #fff; float: left; margin: 0 8px 2px 0; text-align: left;}
		.news_article .provider {font-weight: normal; font-style: italic;}
	
	.blog {width: 285px; padding: 10px 10px 10px 10px; border-bottom: 1px dashed #bfd8f0;}
		.blog:hover {background: #FFE0C1; cursor: pointer;}
			.blog_link {color: #000;}
			.blog_link:hover {color: #000;}
			.bump {}
			.blog a {text-decoration: none;}
			.blog a:hover {text-decoration: none;}
		
			.blog p {margin: 0px; padding: 0px; color: #000;}
			.blog h1 {font-family: Arial; font-size: 9pt; color: #fff; font-weight: normal; background: #00529F; display: block; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;}
			/*.news_image {overflow: hidden; width: 200px; height: 200px; text-align: center; vertical-align: middle;}*/
			.blog_image {width: 85px; text-align: center; background: #fff; float: left; margin: 0 8px 2px 0; text-align: left;}
		
	/*.box305 .newsh1 {height: 0px; background: #F26522 url(/site/images/hwusanews2.png) no-repeat; margin: 0;  padding: 29px 0 0 0; overflow: hidden;}
		.box305 .newsh1 img {margin: -48px 0 0 0;}*/
	.box305 .newsh1 {height: 28px; background: #F26522; margin: 0;  padding: 0 0 0 0; overflow: hidden;}
	
	.box305 .blogh1 {height: 0px; background: #F26522 url(/site/images/blogs.jpg) no-repeat; margin: 0;  padding: 28px 0 0 0; overflow: hidden;}
	.box305 .statush1 {height: 0px; background: #F26522 url(/site/images/hwusaupdates.jpg) no-repeat; margin: 0;  padding: 28px 0 0 0; overflow: hidden;}
	.box305 .galleriesh1 {height: 0px; background: #F26522 url(/site/images/galleries.jpg) no-repeat; margin: 0;  padding: 28px 0 0 0; overflow: hidden;}
	
	.croppedframe {width:85px; height: 85px; overflow: hidden; position: relative; float: left; margin: 0 8px 0 0;}
		.croppedimage {position: relative; background: #000;}