/* CSS Document */

/*------------------------------------------------------------------------
PAGE CONTAINER STRUCTURE
------------------------------------------------------------------------*/

#container-page {
	width: 995px; /* formatted for browser width of 1024x768 */
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/IMG_columns.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	}
	
#container-head {
	width: 995px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/HDR_main_WQA.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	}
	
#container-head-inner {
	width: 995px;
	height: 135px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/HDR_inner_WQA.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	}
	
#container-body {
	width: 995px;
	margin: 0px;
	padding: 0px;
	clear: both;
	}
#container-footer {
	width: 985px;
	margin: 0px;
	padding: 10px 5px 0px;
	background-color: #0D1A47;
	clear: both;
	}
	
/*------------------------------------------------------------------------
HEAD DIV PAGE STRUCTURE
------------------------------------------------------------------------*/
#head-main {
	width: 725px;
	margin: 0px;
	padding: 15px 10px 0px;

	}
	
#head-sidebar {
	width: 245px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
	
/*------------------------------------------------------------------------
BODY DIV PAGE STRUCTURE
------------------------------------------------------------------------*/
#body-main {
	width: 750px;
	margin: 0px;
	padding: 0px;
	}
	
#body-sidebar {
	width: 231px;
	float: right;
	text-align: center;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	}


/*------------------------------------------------------------------------
PAGE TAG ELEMENTS DEFAULT STYLES
------------------------------------------------------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #0D1A47;
	}
h1 {
	color: #004990;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
	}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	}
p {
	margin: 0px;
	padding: 0px 0px 10px;
	}
ul {
	list-style: none;
	list-style-image: url(../images/IMG_listArrows_blk.gif);
	}	
	
table {
		border: none;
		margin-bottom: 10px;
		
	}
thead td {
	background-color: #004990;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 5px;
	}

tbody td {
	
	padding: 2px;
	font-size: .8em;
	}
tbody td.alt_td {
	background-color: #C7D3DD;
	padding: 2px;
	font-size: .8em;
	}
tfoot {
	
	font-style:italic;
	font-size: .7em;
	}
a {
	color: #004990;
	text-decoration: none;
}

a:hover {
	color: #004990;
	text-decoration: underline;
	}	 
img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
form {
	margin: 0px;
	padding: 0px;
	}	
input.textbox {
	margin: 0px 0px 5px;
	padding: 0px 4px;
	border: 1px solid #0D1A47;
	height: 18px;
	}
	
/*------------------------------------------------------------------------
HEAD DIV STYLES
------------------------------------------------------------------------*/
#container-head, #container-head-inner  {
	color: #FFFFFF;
}
#container-head a, #container-head-inner a {
	color: #FFFFFF;
	text-decoration: none;
}

#container-head a:hover, #container-head-inner a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

#head-main {
	text-align: right;
	}
	
/* search box */
#head-main input.textbox  {
	width: 150px;
	}
	
#btn-submit  {
	margin: 0px;
	}
	
/* top navigation */

#container-head ul, #container-head-inner ul {
	list-style: none;
	list-style-image: none;
	margin: 10px 0px 0px;
	padding: 0px;
	font-size: .8em;
	line-height: 1.1em;
	}
	
/* member login */
#head-login {
	margin: 10px 5px 5px;
	}
#form-login {
	width: 200px;
	margin: 0px auto;
	font-size: .7em;
	}
#form-login p {
	float: left;
	text-align: left;
	}
#btn-login {
	float: right;
	}	

#head-sidebar input.textbox  {
	width: 100px;
	}

.form-row {
	width: 200px;
	text-align: right;
	}


/*------------------------------------------------------------------------
BODY DIV STYLES
------------------------------------------------------------------------*/

/* sidebar banners */

#body-sidebar a img {
	margin-bottom: 10px;
	}
#tagline-bar {
	margin: 0px;
	padding: 0px;
	}
	
/* body content area */	

#content {
	margin: 20px 90px 30px 188px;
	}
h1.news-head {
	font-size: .9em;
	font-weight: bold;
	color: #004990;
	margin: 0px;
	padding: 0px;
	line-height: 1.1em;
	}
h1.news-head a {
	color: #004990;
	text-decoration: none;
	}
	
h1.news-head a:hover {
	text-decoration: underline;
	}
	
p.news-text {
	font-size: .8em;
	line-height: 1.1em;
	margin: 0px 0px 10px;
	padding: 0px;
	}
/*------------------------------------------------------------------------
MAIN BUTTON NAVIGATION STYLES
------------------------------------------------------------------------*/
#menu {
	width: 750px;  
	margin: 0px; 
	padding: 0px;
	border: 0px;
	width: 750px;
	color: #004990;
	font-size: .75em;
	background-image:url(../images/IMG_menu_columns.gif);
	background-position: 0px 0px;
	background-repeat:repeat-y;
	}

#menu-member, #menu-commercial, #menu-consumer, #menu-media {
	 width: 186px; 
	 margin: 0px; 
	 padding: 0px; 
	 float: left; 
	 border-right: 2px solid #ffffff;
	}

#menu div.last {
	border-right: none;
	}
#menu-clear {
	width: 750px;
	height: 1px;
	clear: left;
	}
	
#menu a {
	color: #004990;
	text-decoration: none;
	}
	
#menu a:hover {
	text-decoration: underline;
	}
#menu ul {
	list-style-image:url(../images/IMG_listArrows.gif);
	margin: 10px 10px 10px 20px;
	padding: 0px;
	}
	
/*------------------------------------------------------------------------
SECONDARY NAVIGATION STYLES
------------------------------------------------------------------------*/

#submenu{
	float: left;
	width: 160px;
	margin: 20px 10px 20px 10px;
	font-size: .9em;
	}
	
#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
	}	
	
#submenu ul li {
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 2em;

	}	

#submenu ul li a {
	font-weight: bold;
	text-decoration: none;
	
	}	
/* member colors */
#submenu-member a {
	color: #3F753F;
	}
#submenu-member li {
	border-bottom: 1px solid #3F753F;
	}
/* commercial colors */	
#submenu-commercial a {
	color: #314451;
	}
#submenu-commercial li {
	border-bottom: 1px solid #314451;
	}
		
/* consumer colors */	
#submenu-consumer a {
	color: #3D3A25;
	}
#submenu-consumer li {
	border-bottom: 1px solid #3D3A25;
	}		

/* media colors */	
#submenu-media a {
	color: #272237;
	}
#submenu-media li {
	border-bottom: 1px solid #272237;
	}
	
	
/* inner menu */
#submenu ul li ul {
	list-style-image:url(../images/IMG_listArrows_blk.gif);
	margin: 0px 0px 10px 20px;
	padding: 0px;
	}
#submenu ul li ul li {
	font-size: .8em;
	border-bottom: none;
	line-height: 1.5em;
	}
#submenu ul li ul li a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}
	
#submenu ul li ul li a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}
/*------------------------------------------------------------------------
BREADCRUMB NAVIGATION STYLES
------------------------------------------------------------------------*/

#breadcrumb-menu {
	clear: left;
	width: 740px;
	padding: 2px 5px 0px;
	height: 21px;
	color: #FFFFFF;
	font-size: .75em;
	font-weight: bold;
	}
	
.breadcrumb-member	{
	background-color: #376840;
	}
		
.breadcrumb-commercial	{
	background-color: #314451;
	}
	
.breadcrumb-consumer	{
	background-color: #3D3A25;
	}
	
.breadcrumb-media	{
	background-color: #272237;
	}
	
#breadcrumb-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#breadcrumb-menu li {
	color: #FFFFFF;
	display: inline;
	}
#breadcrumb-menu li a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	}
	
#breadcrumb-menu li a:hover {
	text-decoration: underline;
	}
/*------------------------------------------------------------------------
FOOTER DIV STYLES
------------------------------------------------------------------------*/
#container-footer {
	font-size: .7em;
	color: #FFFFFF;
	}
#container-footer p {
	margin: 0px;
	padding: 0px;
	}

#container-footer ul {
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	}
#container-footer li {
	color: #FFFFFF;
	display: inline;
	}
#container-footer li a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#container-footer li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}