/* Do you know the way? */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

* { margin: 0; padding: 0; border: 0 }

body {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	color: #172F47;
	background-color: #EFEFDE;
	border-bottom-width: #990000;
	background-image: url(#B5D5FF);
}

/* Banner across top of page that says the name of the whole site */

#banner {											/* banner */
	background-color: #172F47;
	color: #EFEFDE;
	margin: 10px 10px 0px 10px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#banner h1 {
	margin: 0;
	font-size: 2.7em;
	border-bottom: solid 1px #172F47;
	line-height: 0.7em;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#banner h2 {
	margin: 0 0px 15px 0;
	font-size: 1.3em;
	height: 109px;
	font-weight: bold;
	text-align: right;
	font-style: italic;
	background-color: #172F47;
	background-image: url(images-v2/lawbooks.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0;
	border-top: solid .4em #EFEFDE;
}
#banner img {
	display: none;
}



h1 {
	margin: 10;
	font-size: 1.3em;
	padding: 10px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 1px;
}

h2 {
	font-size: 1.1em;
	background-color: #E2BA2B;
	line-height: 0.85em;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: right;
	border-bottom: solid 1px #900;
	padding-top: 10px;
	padding-right: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

h4 {
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	font-style: italic;
	line-height: 1.2em;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#right-column p.photoCaption, #wideRight p.photoCaption {
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
h3 {
	color: #237AA5;
	margin: 10px;
}

ul.popanswer {	
	border: solid 1px #EFEFDE;
	font-weight: bold;
	padding: 3px;
}
ul li span {
	line-height: 1em;
	display: none;
	color: #172F47;
}
.popanswer li { padding-right: 50px; border: solid 1px transparent;}
.popanswer li:hover { background-color: #CEDECE; border-color: #900; } 
li:hover span {
	margin-left: 1.5em;
	margin-right: 10px;
	font-weight: normal;
	margin: 0; margin-right: 10px;
	top: 235px;
	display: block; position: absolute; 
	width: 221px;
	right: 0;
	background-color: #CEDECE;
	border: solid 1px #900;
	line-height: 1.2em;
	padding: 0.5em;
}
li:hover span ul { line-height: 1em; font-weight: normal; }
li:hover span ul li {border-color: #CEDECE; margin-right: 0; padding-right: 5px; font-weight: normal;}
* html li span { display: block; margin-left: 20px; font-weight: normal;}           /* poor handiacapped IE */
* html li span ul li, * html li span ul { }           /* poor handiacapped IE */
* html .popanswer ul li span 

p, ul, ol, table {
	margin-top: .5em;
	margin-left: 0;
	margin-right: 0;
	font-size: 0.9em; 
}

p {
	margin: 10px;
	font-size: 0.9em;
	line-height: 1.2em;
}

ol, ul {
	margin-left: 25px;
	margin-bottom: 0.5em;
	list-style: none;
}

a {
	color: #237AA5;  
	font-weight: bold;
}
a img {
	border: solid 1px #172F47;
	padding: 5px;
	float: right;
	vertical-align: top;
	margin-bottom: 10px;
} 
a.small, a.small:link, a.small:visited { font-size: .9em; color: #990000; }
a:link, a:visited { text-decoration: underline;}

a:hover {
	text-decoration: none;
}

/* Styles for the navbar on the left side. */

#left-menu {
	float: left;
	overflow: hidden;
	background-color: #BD9C24;
	width: 160px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
#left-menu .gt { display: none; }
#left-menu ul { 
	margin: 0.5em; 
	border: solid 1px #4d4d62;
	background-color: inherited;
	padding: 10px;	
}
#left-menu ul li {
	border-left: solid 1px #990000;	border-bottom: solid 1px #990000;	
	border-top: solid 1px transparent; border-right: solid 1px transparent;
	text-align: left;
	line-height: 20px;
	font-size: 1em;
	margin-bottom: 15px; margin-top: 7px;	
	list-style-type: none;
}
#left-menu ul li:hover { border-color: black; border-top-color: transparent; border-right-color: transparent;}
#left-menu a { 
	line-height: 1em;  display: block;
	text-decoration: none;
	padding: 0 0 3px 3px;
	width: 110px;  
}
#left-menu a:link, #left-menu a:visited {	color: #000; }
#left-menu a:hover, #left-menu a.current { text-decoration: none;
	color: #990000; 
}
#left-menu ul li ul { 
	display: none; 
	background-color: #E2BA2B;
	border: 0; margin: 0; padding: 0;
	margin-left: 15px; 	margin-top: .3em;
}
#left-menu ul li ul li { border: 0; margin: 0 ; padding: 0; background-color: inherited;	 }
#left-menu ul li ul li a {  background-color: transparent; padding: 3px 0; border: 0; text-decoration: underline; }
#left-menu ul li ul li a:link, 
#left-menu ul li ul li a:active,
  { color: #4d4d62; }
#left-menu ul li ul li a:hover { color: #990000; }
#left-menu ul li ul li a:visited { color: #333; }
#left-menu ul li.on { display: block; padding: 2px 0; background-color: #E2BA2B; border-color: #990000;}
#left-menu ul li.on ul { display: block; }
#left-menu ul li.on a:hover { }
#left-menu .pop { display: none; }

/* Styles for the main text on the page. */

#main-text, #narrowMain {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 210px;
}
#main-text	{
	margin-right: 270px;
}
#narrowMain	{
	margin-right: 370px;
}

#main-text h1, #narrowMain h1 {
	background-color: #172F47;
	color: #EFEFDE;
	margin-top: 10px;
	line-height: 0.8em;
	border-bottom: solid 1px;
	border-bottom-color: #BD9C24;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px;
}

/* in the news */

h4.newsItem	{
	font-weight: bold;
	background-color: #E2BA2B;
	padding-left: 10px;
	padding-bottom: 5px;
	border-left: solid 4px #900;
	border-top: solid 1px #900;
	padding-top: 5px;
	padding-right: 5px;
	font-size: 0.95em;
	line-height: 1.5em;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-style: normal;
}

/* Styles for the pullquote on the right side. */

#right-column, #wideRight {
	position: absolute;
	top: 180px;
	right: 0;
	margin: 20px 10px 20px 20px;
	background-color: #CEDECE;
	border: solid 2px #172F47;
}
#right-column	{
	width: 220px;
}
#wideRight	{
	width: 320px;
}
#right-column p, #wideRight p {
	line-height: 1.5em;
	font-size: 0.9em;
}

#right-column strong, #wideRight strong {
	color: #cc6600;
	font-style: italic;
}
#right-column ul, #wideRight ul {
	margin: 5px;
} 
#right-column li, #wideRight li {
	margin: 5px;
	font-size: 0.95em;
	line-height: 1.1em;
}
/* Styles for the footer at the bottom of the page */

#footer {
	text-align: center;
	background-color: #172F47;
	color: #EFEFDE;
	margin-top: 50px;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 0.8em;
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
}

#footer a {
color: #EFEFDE;
}

#footer a:hover {
color: default;
text-decoration: underline;
}
.floatright {
	float: right;
	border: solid 1px #990000;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1.1em;
	margin-left: 0.5em;
	padding: 0.3em;
}
p.attribution {
	color: #4d4d62;
	font-style: italic;
	text-align: right;
}

dl dt {
	/*background-color: #E2BA2B;
	border-bottom: solid 1px #BD9C24;
	border-left: solid 1px #BD9C24;*/
	font-weight: bold;
	background-color: #E2BA2B;
	padding-left: 10px;
	padding-bottom: 5px;
	border-left: solid 4px #900;
	border-top: solid 1px #900;
	padding-top: 5px;
	padding-right: 5px;
	font-size: 0.95em;
	line-height: 1.5em;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
dl dd {
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.1em;
}
dl.cv dt { background-color: transparent;  }
dl.cv  {
	margin: .5em;
	font-weight: bold;
	width: 12em;
	font-size: .95em;
}
dl.cv dd {
	margin: 0;
	display: block;
	width: 30em;
	position: relative;
	margin-left: 8em;
	margin-top: -2.1em;
	font-size: 0.9em;
	line-height: 1.2em;
}

/* in the news */

h4.newsItem	{
	font-weight: bold;
	background-color: #E2BA2B;
	padding-left: 10px;
	padding-bottom: 5px;
	border-left: solid 4px #900;
	border-top: solid 1px #900;
	padding-top: 5px;
	padding-right: 5px;
	font-size: 0.95em;
	line-height: 1.5em;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-style: normal;
}


.pullquote {
	position: absolute;
	top: 200px;
	right: 0px;
	padding: 10px;
	width: 160px;
	font-size: 1em;
	border: solid 1px #172F47;
	background-color: #CEDECE;
	font-style: italic;
	margin: 10px;
	line-height: 1.25em;
}
.pullquote h1 { margin: 5px; padding: 0; line-height: 1.3em; }
.pullquote img {
	border: solid 1px #172F47;
	padding: 3px;
	margin: 10px;
}
* html .pullquote { width: 140px; }   /* good ole IE needs help */
.action {
	margin: 10px;
	font-size: 1.1em;
	background-color: #CEDECE;
	border: solid 1px #172F47;
	padding: 0.5em;
	clear: right;
}
.date {
	font-variant: normal;
	font-weight: bold;
	font-size: 0.95em;
	text-transform: capitalize;
	line-height: 2em;
	color: #172F47;
}
p.quote {
	margin: 0 1em 1em 2em;
	font-family: "Courier New", Courier, mono;
	font-size: .9em;
}
#main-textWide {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 210px;
	margin-right: 220px;
}
#main-textWide h1 {
	background-color: #172F47;
	color: #EFEFDE;
	margin-top: 10px;
	line-height: 0.8em;
	border-bottom: solid 1px;
	border-bottom-color: #BD9C24;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px;