body 
{
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	background-color: #efefef;
}

a, a:link, a:visited
{
	text-decoration:none;
	color:#00f;
}

a:hover, a:active
{
	text-decoration:underline;
}

form
{
	margin: 0;
	padding: 0;
}

	form div.dataitem
	{
	clear: both;
	margin: 8px 0;
	}

	form div.dataitem label
	{
		float: left;
		width: 14em;
		background-color: #F9F4EB;
		padding: 3px;
		margin: 0 5px 0 0;
		border: solid 1px #DCCFB7;
	}

fieldset 
{
	margin-top: 10px;
	padding: 0.5em 1em 0.5em 1em;
}

legend
{
	color: #133364;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 6px 0 6px;	
}

select, textarea
{
	border: solid 1px black;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
}

input.entryfield
{
	border: solid 1px black;
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
	height: 1.3em;
}

input.searchfield 
{
	font-size:11px;
	height: 11px;
	border: solid 1px black;
	width: 104px;
	margin: 0 0 4px 0;
}

input.button 
{
	border: solid 1px black;
	background-color: #133364;
	font-size: 1em;
	font-weight: bold;
	color: white;
	margin-top: 4px;
}

p.first 
{
	margin-top: 0;
}

.item
{
	background: white url(/images/page/v-dots.gif) repeat-x;
	padding-top: 16px;
}

.divider
{
	background: white url(/images/page/v-dots.gif) repeat-x;
	line-height: 1px;
	margin: 2em 0 1em 0;
}

/* IE 5.5 font size hacks because this isn't inherited correctly */
td, th
{
	font-size: 1em;
}

table.datatable th, table.datatable tr.header
{
	background-color: #F9F4EB;
	padding: 3px;
	border: solid 1px #DCCFB7;
	text-align: left;
	color: black;
}

table.datatable th.narrow {
	width: 100px;
}

table.datatable th.justright {
	text-align: right;
}

table.datatable td
{
	padding: 3px;
}

tr.alternate td 
{
	background-color: #ECECEF;
}

tr.recordheader th
{
	font-weight: normal;
	color: #97793E;
	text-align: left;
	border-bottom: dotted 1px #133364;
	padding-top: 10px;
	padding-bottom: 6px;
	font-size: 0.9em;
}

tr.recordheader th.headertotal
{
	background-color: #F9F4EB;
	border-left: solid 1px #E9DFCD;
	border-right: solid 1px #E9DFCD;
}

td.record
{
	border-bottom: dotted 1px #133364;
}

td.recordtotal
{
	border-bottom: dotted 1px #133364;
	border-left: solid 1px #E9DFCD;
	border-right: solid 1px #E9DFCD;
	background-color: #F9F4EB;
	text-align: right;
	padding-right: 8px;
}

td.plaintotal
{
	border-bottom: none;
	background-color: #F9F4EB;
	text-align: right;
	padding-right: 8px;
	border-left: solid 1px #E9DFCD;
	border-right: solid 1px #E9DFCD;
}

td.totalbase
{
	background-color: #F9F4EB;
	text-align: right;
	padding-right: 8px;
	border-left: solid 1px #E9DFCD;
	border-right: solid 1px #E9DFCD;
	border-bottom: solid 1px #E9DFCD;
}

ul.fauxTable {
	margin-left: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

	ul.fauxTable li {
		padding: 3px;
		margin: 0;
	}

	ul.fauxTable .alt {
		background-color: #ccc;
	}

div.msg 
{
	font-weight: bold;
	margin-top: 10px;
}

	div.msg ul, div.msg li
	{
		list-style: none;
		color: green;
		margin: 0px;
		padding: 0px;
	}

div.error 
{
	font-weight: bold;
	margin-top: 10px;
}

	div.error ul, div.error li, div.error p, p.error
	{
		list-style: none;
		color: red;
		margin: 0;
		padding: 0;
	}

.panel
{
	border: solid 1px #133364;
	padding: 8px
}
	
.attention 
{
	font-weight: bold;
	color: #004359;
}

.clearing 
{
	height: 1px;
	clear: both;
}

.highlight 
{
	color: #FF0000;
	font-family: verdana,arial,helvetica,sans-serif; 
}

.oldbrowser
{
	display: none;
}
	
/* ==================================================================================
	LAYOUT IDs
================================================================================== */	
#header 
{
	background: black url(/images/page/headBg.gif) repeat-x;
	padding: 0;
	text-align: right;
	height: 51px;
}

	#tools 
	{
		height: 29px;
		margin: 0;
		padding: 0;
		line-height: 29px;
		vertical-align: middle;
	}
	
		#tools .welcome {
			color: #fff;
			font-weight: bold;
			margin: 0;
			padding: 0;
			line-height: 29px;
			vertical-align: middle;
		}
		
		#tools .link {
			color: #fff;
			padding-right: 10px;
			line-height: 29px;
			vertical-align: middle;
			font-size: 0.8em;
		}
		
			#tools .link a {
				color: #fff;	
			}
		
		#tools img {
			vertical-align: middle;
		}
	
	#utility 
	{
		width: 340px;
		float: right;
		background-color: black;
		text-align: left;
	}

	#header a
	{
		color: #004359;
	}
	
	
#wrapper
{
	background: white url(/images/page/leftColumnBg.gif) repeat-y;
	padding: 0 0 10px 0;
	display: inline-block;
	min-width: 740px;
	width:expression(document.body.clientWidth < 700 ? "690px" : "100%" );
}

#wrapperinner
{
	background-color: white;
	background-image: none;
	padding: 0 0 10px 0;
	display: inline-block;
}

	#container 
	{
		width: 100%;
		float: right;
		margin-left: -207px;
		display: inline-block;
	}

		#content 
		{
			background-color: white;
			margin: 0 0 0 207px;
			font-size: 1em;
			display: inline-block;
		}
		

			h1#pagetitle 
			{
				margin: 0 0 10px 0;
				padding: 18px 0 5px 20px;
				background: #F9F4EB url(/images/page/pageTitleBg.gif) repeat-x top;
				border-bottom: solid 4px #133364;
				font-family: Times New Roman, Serif;
				color: #133364;
				font-size: 2.6em;
			}

			h1#inntitle 
			{
				font-size: 1.2em;
				margin: 10px 20px 10px 20px;
				background: #94b0ce url(/images/store/searchBg.gif) repeat-x;
				border: solid 1px #133364;
				padding: 2px;
			}

			div.indent 
			{
				margin: 0 30px 40px 30px;
				display: inline-block;
			}

			div#pagecontent 
			{
				margin: 0 30px 40px 30px;
				display: inline-block;
			}

				div#pagecontent h2
				{
					color: #133364;
					font-size: 1.6em;
					font-weight: bold;
					margin: 25px 0 0.5em 0;
				}

				div#pagecontent h2.titlebar 
				{
					font-size: 1.2em;
					margin: 1.5em 0 6px 0;
					background: white url(/images/store/searchBg.gif) repeat-x;
					border: solid 1px #133364;
					padding: 2px;
				}

				div#pagecontent .sectionhead 
				{
					border-bottom: solid 1px black;
					margin: 26px 0 1px 0;
					padding: 1px 0 1px 0;
				}
				
				div#pagecontent h3
				{
					color: #133364;
					font-size: 1.4em;
					font-weight: bold;
					margin: 1em 0 0.5em 0;
				}

				div#pagecontent h4
				{
					color: #133364;
					font-size: 1.2em;
					font-weight: bold;
					margin: 1em 0 0.5em 0;
				}


				div#pagecontent h5
				{
					color: #133364;
					font-size: 1em;
					font-weight: bold;
					margin: 1em 0 0.5em 0;
				}

				div#pagecontent p 
				{
					line-height: 1.5em;
				}

				
				div#breadcrumb ul
				{
					margin-left: 0;
					padding-left: 0;
					display: inline;
					border: none;
				} 

				div#breadcrumb ul li
				{
					margin-left: 0;
					padding-left: 2px;
					border: none;
					list-style: none;
					display: inline;
				}
				
				div#relatedlinks 
				{
					width: 170px;
					float:right;
					margin: 2px 0 0 10px;
					background-color: White;
				}
				
					div#relatedlinks ul 
					{
						margin: 10px 0 5px 0;
						padding: 0;
						list-style: none;
					}

					div#relatedlinks ul li
					{
						border-bottom: dotted 1px #ccc;
						padding: 2px;
					}
				
				div#childlinks 
				{
				}

					div#childlinks ul 
					{
						margin: 10px 0 10px 0;
						padding: 0;
						list-style: none;
					}

					div#childlinks ul li
					{
						border-bottom: dotted 1px #ccc;
						padding: 2px 0 5px 0;
					}

							
				.navright 
				{
					float: right;
				}

					.navright a, .navright a:visited
					{
						font-weight: bold;
						color: #881526;
						text-decoration: none;
						padding: 2px 6px 2px 6px;
					}
					
					.navright a:hover
					{
						text-decoration: underline;
					}

				#itemlist li
				{
					padding: 4px;
				}
				
			div#uppercontent 
			{
				width: 100%;
				border-top: solid 1px black;
				border-bottom: solid 3px black;				
				background: white url(/images/page/RtColumnBg.gif) repeat-y top right;
				padding-bottom: 1em;
				font-size: 0.9em;
			}

				div#mainfeature 
				{
					float:left;
					padding: 0 9px 0 9px;
					margin: 0;
					width: 220px;
					width/* */:/**/202px;
					width: /**/202px;
				}

					div#featuretext 
					{
						background: #F9F4EB url(/images/homepage/mainFeatureBg.gif) repeat-y;
						padding: 10px 10px 0 10px;
					}

					div#icaption {
						border: solid 1px black;
						padding: 4px;
						background-color: #133364;
						color:white;
						font-size: 0.9em;
						
					}

				div#mainnews
				{
					margin: 0 135px 0 220px;
					padding: 0;
				}
				
					h1.news 
					{
						background: white url(/images/homepage/newsBg.gif) repeat-x;
						margin: 16px 0 10px 0;
						padding: 0;
					}

				div#mainpanel 
				{
					float: right;
					padding: 0;
					width: 125px;
				}

					div.loginpanel
					{
						background-color: #ACC2D9;
						border-left: solid 3px black;
						padding-left: 8px;
					}

					div.loginpanel input.entry 
					{
						border: solid 1px black;
						width: 90px;
						font-size:10px;
					}

					div.loginpanel ul 
					{
						padding: 10px 0 10px 0;
						margin: 0;
						list-style-type:none;
					}

						div.loginpanel ul li
						{
							margin: 0;
							padding: 0;
							border-bottom: solid 1px #89A5C3;
							border-top: solid 1px #CCDBEB;
							border-left: solid 1px #CCDBEB;
						}
						
						div.loginpanel ul a, div.loginpanel ul a:visited
						{
							display: block;
							padding: 2px 0 2px 2px;
							background-color: #BBCDDF;
							font-weight: normal;
							color: #133364;
						}
						
						div.loginpanel ul a:hover
						{
							background-color: #133364;
							color: white;
							text-decoration: none;
						}
				
					div.panelcontent
					{
						padding-left: 8px;
					}
				
			div#lowercontent 
			{
				width: 100%;
				clear:both;
				font-size: 0.9em;
			}

				.navmapleft
				{
					float: left;
					width: 33%;
					padding: 0;
				}			

				.navmap 
				{
					padding: 0;
					margin: 0 34% 0 34%;
					margin/* */:/**/0 33% 0 33%;
					margin: /**/0 33% 0 33%;					
				}

				.navmapright
				{
					float: right;
					width: 33%;
					padding: 0;
				}			

				div#lowercontent h1 
				{
					background-color: #133364;
					color: white;
					font-size: 1em;
					margin: 0;
					padding: 0 0 0 9px;
				}
				
				div#lowercontent p
				{
					margin: 0;
					padding: 12px 9px 10px 9px;
					background: #F9F4EB url(/images/page/navMapBg.gif) repeat-x top left;
					color: #491D0A;
				}

				ul.navlist
				{
					display: inline-block;
					margin: 10px 0 15px 10px;
					padding: 0;
				}

					ul.navlist li 
					{
						list-style: none;
					}
					
					ul.navlist li a 
					{
						padding: 0 0 0 10px;
						background: white url(/images/page/listbullet.gif) no-repeat 0 4px;
					}

/* STORE */				
			div#storesearch {
				margin: 1.5em 0 0 0;
				background: #A7BFE3;
				border: solid 1px #133364;
				padding: 5px 10px;
				z-index: 10;
			}
			
			
				div.searchinner {
					float: left;
					margin: 1em 1em 1em 0;
				}
				
				div#storesearch h1 {
					color: #133364; 
					font-weight: bold;
					font-size: 14px;
					z-index: 100;
					margin: 0;
					float: none;
					width: 100%; 
				}
				
				div#storesearch p {
					margin-bottom: 1em;
					width: 100%;	
				}
				
				div#storesearch div.clearing {
					clear: both !important;
					width: 100%;
					height: 20px;
					float: none;
					padding: 1em 0;
				}
			
			ul#categorylist
			{
				margin-top: 0;
				margin-bottom: 0;
			}
			
				ul#categorylist li 
				{
					list-style-type: square;
				}

			div.product
			{
				border-top: dotted 1px #ccc;
				margin-right: 20px;
				padding: 10px 4px 0 4px;
				width: 40%;
				float: left;

			}
			a.thumbnail img, img.thumbnail
			{
				float: left;
				margin: 0 10px 20px 0;
			}

/* ADMIN */
				
			div#helpblock 
			{
				background-color: #F9F4EB;
				border: solid 1px #CBB27F;
				padding: 4px;
				margin: 0 0 10px 0;
				font-size:0.9em;
			}

			div#helptag 
			{
				text-align: right;
			}
			
			div#helpcontent
			{
				display:none;
			}
				
			div#tabs 
			{
				border-bottom: 1px solid #000;
				margin: 16px 0 26px 0;
				padding-bottom: 3px;
			}

				div#tabs ul
				{
					margin: 0;
					padding: 0;
					display: inline;
				} 

				div#tabs ul li
				{
					margin-left: 5px;
					margin-bottom: 0;
					padding: 2px 15px 3px 15px;
					border: 1px solid #000;
					list-style: none;
					display: inline;
					background-color: #133364;
					font-weight: bold;
				}

					div#tabs ul li a
					{
						color: white;
					}
					
					div#tabs ul li a:hover
					{
						text-decoration: none;
					}

				div#tabs ul li.thatone
				{
					border-bottom: 1px solid #fff;
					list-style: none;
					display: inline;
					background-color: #fff;
				}
				
					div#tabs ul li.thatone a
					{
						color: #133364;
					}

				div#treecrumbs
				{
					background-color: #F6F7F8;
					padding: 4px 0 0 0;
					margin: 20px 0 0 0;
					border-top: solid 1px #D3DCE6;
					border-left: solid 1px #D3DCE6;
					border-right: solid 1px #D3DCE6;
				}
					
				div#treecrumbs ul
				{
					margin: 0 0 0 20px;
					padding: 0;
				}

				div#treecrumbs ul li
				{
					padding: 2px 0 0 0;
					margin-top: 3px;
					list-style-type:none;
				}
				
					div#treecrumbs ul li.last
					{
						margin-top: 8px;
					}
					
					div#treecrumbs ul li.last a
					{
						background-color: #E9D3A7;
						padding: 2px 8px 2px 8px;
						color: #133364;
						font-weight: bold;
						border-top: solid 1px #CBB27F;
						border-right: solid 1px #CBB27F;
						border-left: solid 1px #CBB27F;
					}

				div#treechildren 
				{
					border-top: solid 4px #E9D3A7;
					border-bottom: solid 2px #E9D3A7;
					background-color: #FDFBF7;
					margin: 0 0 10px 0;
					padding-top: 4px;
				}

				div#treechildren ul
				{
					margin: 0;
					padding: 0;
					list-style: none;
				}

				div#treechildren ul li
				{
					margin: 0;
					padding: 8px 8px 8px 18px;
					list-style: none;
					border-bottom: dotted 1px #BDA169;
				}
				
				div#treechildren ul li.last
				{
					border-bottom: solid 2px #E9D3A7;
				}

				div#treechildren .treechilditem {
					display: block;
					height: 1.3em;
					overflow:hidden;
					margin-right: 2em;
				}
				
				div.controls
				{
					text-align: right;
					float: right;
					width: 20em;
					height: 1.5em;
				}
				
				div.controls a, div.controls a:visited, .simplebutton
				{
					padding: 1px 4px 1px 4px;
					border: solid 1px #133364;
					color: #133364;
					background-color: #F9F4EB;
					margin: 2px;
					font-size: 10px;
				}
							
				div.controls a:hover
				{
					background-color: #D3DCE6;
					text-decoration: none;
				}

				div#destination ul 
				{
					margin: 0;
					padding: 0;
					list-style: none;
				}

				div#treechildren ul li.plain
				{
					border-bottom: dotted 2px #EADFC8;
				}
	

				div#treechildren ul li.underline
				{
					border-bottom: solid 2px #133364;
				}



#sidebar
{
	width: 207px; 
	float: left;
}

	div#sidebar div.mainmenu 
	{
		margin: 0;
		background: #D3DCE6 url(/images/page/mainMenuBg.gif) repeat-y;
		padding: 20px 0 20px 0;
		font-weight: bold;
	}

		div#sidebar div.mainmenu div.loginForm {
			width: 177px;
			padding-left: 17px;
		}

		div#sidebar div.mainmenu span.loginTitle {
			text-indent: -9999px;
			width: 177px;
			height: 17px;
			padding-left: 17px;
			background: transparent url(image/memberLogin.gif) no-repeat 17px 0;
			display: block;
		}

		div#sidebar div.mainmenu div.loginForm div.inner {
			background-color: #f9f4eb;
			padding: 5px 10px;
		}
		
		div#sidebar div.mainmenu div.loginForm a {
			color: #133364;
		}

	div#menu
	{
		padding: 0 0 20px 8px;
		background: url(/images/page/horizontalDots.gif) repeat-x bottom;
	}

	div#sidebar div.mainmenu ul
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		div#sidebar div.mainmenu ul li
		{
			margin: 0 0 0 0;
			padding: 0 0 2px 0;
			list-style: none;
		}
		
		div#sidebar div.mainmenu ul#toplevel a,
		div#sidebar div.mainmenu ul#userLinks a
		{
			display:block;
			padding: 0 0 0 17px;
			margin: 0;
		}
		
		div#sidebar div.mainmenu ul#userLinks a {
			text-indent: -9999px;
			width: 177px;
			height: 17px;
		}
		
			div#sidebar div.mainmenu ul#userLinks li.myPage a {
				background: url(image/myPage.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.myInns a {
				background: url(image/visitWebsite.gif) no-repeat 17px 0; 	
			}			
			div#sidebar div.mainmenu ul#userLinks li.memberDirectory a {
				background: url(image/memberDirectory.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.store a {
				background: url(image/store.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.membersOnly a {
				background: url(image/membersOnly.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.theBencher a {
				background: url(image/theBencher.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.myDownloads a {
				background: url(image/myDownloads.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.reports a {
				background: url(image/reports.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.boardResources a {
				background: url(image/boardResources.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.officerResources a {
				background: url(image/leadershipResources.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.staffResources a {
				background: url(image/staffResources.gif) no-repeat 17px 0; 	
			}
			div#sidebar div.mainmenu ul#userLinks li.innAdministration a {
				background: url(image/innAdministration.gif) no-repeat 17px 0; 	
			}
			
			div#sidebar div.mainmenu ul#userLinks li a:hover {
				background-position: 0 0;	
			}
		
		div#sidebar div.mainmenu ul#toplevel a:hover,
		div#sidebar div.mainmenu ul#userLinks a:hover
		{
			border-left: solid 17px #133364;
			padding-left: 0;
		}		

			div#sidebar div.mainmenu ul#toplevel ul 
			{
				margin: 0 13px 3px 17px;
				font-size: 0.9em;
			}

			div#sidebar div.mainmenu ul#toplevel ul li
			{
				background-color: #F9F4EB;
			}

				div#sidebar div.mainmenu ul#toplevel ul a
				{
					display:block;
					padding: 1px 2px 1px 10px;
					margin: 0;
					color: #133364;
				}
				
				div#sidebar div.mainmenu ul#toplevel ul a:hover
				{
					border-left: none;
					padding-left:10px;
					color: #133364;
				}

	
	div#services
	{
		background-color: #133364;
		padding: 4px 0 6px 0;
		margin-bottom: 12px;
	}	
	
	div#sidebar div#services {
		background-color: transparent;
		padding: 0;
		margin: 0;
	}
	
	div#services ul
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}

		div#services ul li
		{
			margin: 0;
			padding: 0;
			list-style: none;
			border: solid 1px #133364;
		}
		
		div#sidebar div#services ul li {
			border: none;	
		}
				
		div#services a, div#services a:visited
		{
			display: block;
			background: #133364 url(/images/page/menuBullet.gif) no-repeat 0 5px;
			padding: 1px 2px 1px 24px;
			color: white;
			text-decoration:none;
			font-size: 10px;
			font-weight: bold;
		}
		
		div#sidebar div#services a {
			background: transparent;
			padding: 0;	
		}
		
		div#services a:hover
		{
			text-decoration: none;
			color: #E9D3A7;
		}

	div#sidefeature 
	{
		font-size: 0.8em;
		font-weight: normal;
		padding: 6px 26px 18px 14px;
		background: #F9F4EB url(/images/homepage/presBg.gif) no-repeat bottom;
		margin: 0 1px 10px 0;
		border-top: solid 1px #133364;
	}
	
		div#sidefeature img
		{
			float: right;
			margin-left: 6px;
		}
		
	div#sideaddress 
	{
		font-size: 0.8em;
		font-weight: bold;
		color: #133364;
		margin: 0 0 20px 14px;
	}

	div#adminmenu
	{
		margin: 10px 0 10px 0;
		padding: 6px;
	}

		div#adminmenu ul
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}

		div#adminmenu ul li
		{
			margin: 2px;
			padding: 0;
			list-style: none;
			border: solid 1px #133364;
		}
	
		div#adminmenu .indent
		{
			margin: 0 0 0 10px;
			padding: 0;
		}
	
		div#adminmenu a 
		{
			display: block;
			margin: 0;
			padding: 4px;
			color: #133364;
			font-weight: bold;
			font-size: 10px;
		}		

		div#adminmenu a:hover
		{
			text-decoration:none;
			background-color: #133364;
			color: white;
		}

		div#adminmenu ul li.on
		{
			margin: 2px;
			padding: 0;
			list-style: none;
			border: solid 1px #133364;
			background-color: #133364;
		}
	
		div#adminmenu li.on a 
		{
			color: white;
		}		

		
#footer 
{
	background: #214174 url(/images/page/footBg.gif) repeat-x;
	padding: 18px 30px 18px 30px;
	font-size: 10px;
	color: white;
	text-align: center;
}

	#footer a 
	{
		color:white;
	}
	
div.selected {
	background-color: #D3DCE6;	
	padding: 2px; 
	display: inline;
}