/* CSS Document */
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=steelblue,endColorStr=#003366);*/ 

html, body{ 
	background: #091054 url(../images/bg_blue.png) repeat-x;)
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	height:100%;
	margin:0;
	padding:0 0 50px 0; 
	text-align: center;
}
a:link { color: #006699; }
a:visited { color: #993300; }
a:hover, a:focus { color: #3399CC; }
a:active { color: #3399CC; text-decoration: none; }

.MainContainer{ 
	background-color:#EFF0E1;
	min-height:600px; 
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0;
	width:900px; 
}
.LogoArea { 	
	/*background-color:#091054; */
	background-color: #333333;
	border-bottom:#CCCCCC ridge;
	border-top: #CCCCCC ridge; 
	Width:900;
	height:86px;
}
.SeperatorBar{ 
	background-color: #333333;
	color:#FFFFFF;
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-weight:bolder;
 	height:18px; 
	width:900px
}
.leftColumn{ 
	width:300px;
}
	.InfoBanner{ 
	/* background:#CCC url(../images/SeattleXSmall.png)/100% auto;*/
	background-image:url(../images/Seattle_Small.png); background-size:100px;
		height:100px; 
		top:0;
		width:300px;
	}
		#tic {
		  /* enter any styles for the ticker below */
		 /* background-color:#FFFFFF; */
		  border: 0em #CEC3AD solid; 
		  font-family:Arial, Helvetica, sans-serif;
		  font-size:16px;
		  font-weight:bold;
		  padding-top:25px;
		  margin:auto;
		  width:210px; height:40px;
		  line-height:20px;
		  color:#FFFF66;
		  text-align:center;
		}
		.Oversize{ font-size:24px}
		#tic * {
		  /* this will hide all children tags */
		  ont-size:16px;
		  margin:0px;
		  padding:0px;
		  display:none;
		}
		#tic a {
		  /* add more tags to this list if you wish to display them inside the children */
		  display:inline;
		}
	.ContactInfo{ 
		background-image:url(../images/BoxHeader.png); 
		background-position:top; 
		background-repeat:no-repeat;
		background-color: #F7F4DF;
		color: #000066; 
		border:1px #CCCCCC solid; 
		clear: both;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		font-weight:bold;
		left:0px;
		padding:11px 3px 5px 3px; 
		position:relative;
		text-align:right;
		width:135px;
	}
	.Book{
		background-image:url(../images/BoxHeader.png); background-position:top; background-repeat:no-repeat; 
		background-color:#FFFFFF;
		border:1px #CCCCCC solid;
		clear: left; 
		font-family:Arial, Helvetica, sans-serif;
		padding:0px 3px 5px 3px;
		left:0px;
		width:135px;
	}
		.Book h1{ 
			font-size:12px;
			font-weight:bold;
			font-style:italic;
			text-align:center;
			margin-top:10px;
			margin-bottom:5px
		}
	.NewsFeed{
		background-image:url(../images/BoxHeader.png); background-position:top; background-repeat:no-repeat; 
		border:1px #CCCCCC solid;
		clear: left; 
		font-family:Arial, Helvetica, sans-serif;
		padding:0px 3px 5px 3px;
		left:0px;
		width:135px;
	}
		.NewsFeed h1{ 
			font-size:12px;
			font-weight:bold;
			font-style:italic;
			text-align:center;
			margin-top:10px;
			margin-bottom:5px
		}				
	.PracticeArea{
		/*background-image:url(../images/BoxHeader.png); background-position:top; background-repeat:no-repeat; */ 
		background-color: #003366;
		border:1px #CCCCCC solid;
		clear:right;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		left:151px;
		padding-top:0px;
		padding-bottom:5px;
		top:0px; 
		width:155px;
	}
		.PracticeArea h1{
			font-size:14px;
			font-weight:bold;
			text-align:center;
			margin-top:10px;
			margin-bottom:5px
		}
		.PracticeArea ul{ 
			display:block;
			font-size:.9em; 
			font-weight:bold;
			margin:0px;
			padding:1px;
		} 
			.PracticeArea li{ 
				background-color:#003366; 
				border-bottom:1px #999999 solid;
				list-style:none; padding:3px;
				text-align:left;
			}
			.PracticeArea li:hover{
				background-color: #333333;
				color:#000066;  
			}
				.PracticeArea li:first-child{ 
					border-top:1px #FFCC00 solid;
					list-style:none; padding:3px;
				}
				.PracticeArea a:link {color: #FFCC00; text-decoration:none }
				.PracticeArea a:visited {color:#FFCC00; }
				.PracticeArea a:hover, a:focus {color:#FFCC00; }
				.PracticeArea a:active {color:#FFCC00; text-decoration: none; }
	.Article{
		background-image:url(../images/BoxHeader.png); background-position:top; background-repeat:no-repeat; 
		background-color:#F0F0F0;
		border:1px #CCCCCC solid;
		clear:right; 
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		padding-top:10px;
		top:0px;
		left:151px;
		width:155px;
	}
		.Article h2{
			font-size:1em;
			font-weight:bold;
			margin-bottom:0px;
		}
			.Article ul{
				color:#006699;
				font-weight:bold; 
				list-style-type:none;
				margin:0 4px 0 0;
				padding-left:12px;
				text-align:left;	
			}
				.Article li{ 
					padding-top:3px;
					padding-bottom:3px
				}
.ContentMain{ 
	border:1px gray solid;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	margin-right:-1px;
	min-height:645px; padding-top:10px;
	width:595px;
}
	.SubjectItem{
		float:left; margin-top:-1px;
		padding:2px 5px 5px 5px;
		text-align:left;
		width:585px;
		font-size:1.2em; 
		line-height:1.25em;
	}
		.SubjectItem h1{
			color:#000033;
			text-align:center;
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-weight:bold; 
			font-size:16px; 
			margin-bottom:2px;
		}
	
		.SubjectItem h2{ 
			color:#000066;
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-weight:bold; 
			font-size:14px; 
			margin-bottom:3px;
		}
		.SubjectItem img{ border:none}
.copyright{ 
	color: #CCCCCC; 
	font-size:10px; 
	margin-left:auto;
	margin-right:auto; margin-top:20px;
	text-align:center;
}
.copyright a{ color:#FFFFFF}

/* the horizontal menu starts here */
div#listmenu {
	width:100%; 	/* makes the div full width */
	float: none; /*makes the div enclose the list */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;	/* SET FONT-SIZE HERE */
	background-color: #333/* colors the div */
	}
div#listmenu ul {
	margin:0 0 0 75px;/* indents ul from edge of container */ 
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color: #333333; /*sets the background of the menu items */
	border-right:2px solid #CCC; /* creates dividing lines between the li elements */ 
	min-width:12em;
	}
div#listmenu li:first-child {
	border-left:2px solid #CCC; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color: #CCCCCC; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color: #FFFFFF;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#000066;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:15em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding:0 0 1px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  top:-1px;
  left:10em;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:70px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   body div#listmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */