/* ****** TEMPLATE STRUTURE ***** */
body
{
	margin: 10px 0;
	padding: 0;
	font: 76% "trebuchet ms", verdana,arial, helvetica, sans-serif;
	background-color: #efefef;
}

#container
{
	position:relative;
	width: 780px;
	margin: auto;
	/* centre for compliant browsers*/
	text-align: left;
	background-color: #0298b6;
	background-image: url(images/sidenav_bkgd.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#header
{
	width:780px;
	height: 170px;
	background: #6A0700;
	text-align: center;
}

#menu
{
	width:100%;
	height: 34px;
	margin: 0;
	padding: 0;
	background-color: #6A0700;
	/*#981A02;*/
	
}

#topbluebar
{
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 0;
	background-color: #0298b6;
}

#contentwrapper
{
	background: #ffffff;
	/* background colour of right column */
	margin-left: 140px;
	/*this is the space for the left column */
	z-index:0;
}

#sidenav
{
	margin-left: -139px;
	/*must be 1 pixel less than width */
	float: left;
	width: 140px;
	/* this width is the same as the margin on #middle */
	position: relative;
	left: -2px;
	/* line it up exactly without losing pressure on footer*/
	color: #981A02;
	z-index:0;
}

#content
{
	width: 100%;
	float: left;
	margin-right: -1px;
	z-index:0;
}

/* contain cleared elements from clearing other floats*/
#footer
{
	clear: both;
	border-top: 1px solid #600;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #6A0700 url("images/templates/footer_bkgd.jpg") no-repeat bottom left;
}


/* clear without structural mark-up from PIE website*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display:inline-block; }

/* mac hide \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide */
/* do not change or amalgamate clearfix styles*/



a.external{
  padding-right:14px;
  background:url('../images/templates/external_link.png') no-repeat top right;
}
a.pdf{
  padding-right:14px;
  background:url('../images/templates/pdf.png') no-repeat top right;
}
a.powerpoint{
  padding-right:14px;
  background:url('../images/templates/powerpoint.png') no-repeat top right;
}
a.word{
  padding-right:14px;
  background:url('../images/templates/word.png') no-repeat top right;
}
a.excel{
  padding-right:14px;
  background:url('../images/templates/excel.png') no-repeat top right;
}



/* ******  ELEMENT MARKUP ***** */
p, ul, li, ol, a, sup, td{
font-size:1em;
line-height:1.4em;
font-family:verdana, sans-serif;
}

p {
margin:3px 10px 5px 10px;
padding:0;
text-indent:0;
}

td { vertical-align:top;}
a {color:#ffb444; font-size:100%;}
a:link, a:visited {
	color:#EA9807;/*#a66b04;*//*#ffb444;*/
	text-decoration:underline;
}
a:hover, a:active {
	color:#FF6600; /*#d59e58;#d99a3b;*/
	text-decoration:underline;
}

a.nb img{
border:none;
}
a img {border:none;}
ul {	
	margin:0px 10px 30px 0px;
	padding:0px;
	list-style:square;
}
ol {	
	margin:0px 10px 30px 0px;
	padding:0px;
}

li {	
	margin:3px 10px 5px 20px;
	padding:0px;
}
ol li ol{
	list-style:lower-alpha;
}
dd {
	margin:3px 10px 5px 20px;
	padding:0px;
}
dt {
	margin:3px 10px 5px 20px;
	padding:0px;
}
h1 {
	margin:0 auto 10px auto;
	font-size:1.4em;
	font-family:georgia, serif;
	font-style:italic;
	font-weight:bold;
	color:#EA9807; /*#094DA3; 00586a;*/
	text-align:center;
}
h2 {
	margin:16px 10px 10px 10px;
	font-size:1.3em;
	font-weight:bold;
	color:#630e01;
}
h3 {
	margin:10px 10px 5px 10px;
	font-weight:600;
	font-size:1.2em;
	color:#0298b6;
}
h4 {
	margin:10px 10px 5px 10px;
	font-weight:600;
	font-size:1.1em;
	color:#1D1EA7;
}
h5 {
	margin:10px 10px 5px 10px;
	font-weight:600;
	font-size:1em;
	color:#e95348;
}
sup {
	margin:0;
	padding:0;
	font-size:.8em;
	line-height:.8em;
}

hr {width:96%;height:1px;color:#cfcfcf;background-color:#cfcfcf;}


/* ****** STRUCTURE MARKUP ***** */




/* ---------- Top Blue Bar -------------- */
#topbluebar p
{
	color: #fff;
	margin: 0 0 0 140px;
	text-align: center;
	padding: 3px 0 0 0;
}

#topbluebar a:link, #topbluebar a:visited
{
	color: #fff;
	text-decoration: none;
}

#topbluebar a:hover, #topbluebar a:active
{
	color: #fff;
	text-decoration: underline;
}


#footer p
{
	font-size:11px;
	color:#f3cc7a; /*#FFB444;*/
	text-align: center;
	margin: 0;
	padding-top: 2px;
}
#footer div.copyright {	
	width: 400px;
	float:left;
	margin:10px 0 0 10px;
	padding:0;
}
#footer div.address {	
	width: 300px;
	float:right;
	margin:0 10px 0 0;
	padding:0;
	text-align:right;
}
#footer a, #footer a:link,#footer a:visited {
color:#f3cc7a;
}

/* CLASS MARKUP ------------------------------------------------- */
.border {
	border:solid 1px black;
}

.center {text-align:center; margin-left:auto;margin-right:auto;}
.right {text-align:right; padding-right:40px;}
.clear {width:100%;height:1px; margin:-1px 0 0 0; padding:0; clear:both;}
.randomquote {
	margin:0 5px 10px 20px;
	font-size:1.2em;
	font-family:georgia, serif;
	font-style:italic;
	font-weight:bold;
	color: #FFB444;
	text-align:left;
	z-index:0;
	}

#nav p.menugroup{
	font-size:1.1em;
	line-height:1.4em;
}

.no_thumbnail {
	width:120px;
	height:120px;
}
.no_thumbnail p {
margin:0 auto;
font-size:.9em;

}
.speakers a {
font-size:.8em;
padding:0 5px;
}

.photo_box {
width:250px;
float:right;
margin:0 15px 10px 15px;
padding:0;
text-align:center;
}
.photo_box300 {
width:300px;
float:right;
margin:0 15px 10px 15px;
padding:0;
text-align:center;
}
.photo_box p, .photo_box300 p {font-size:.9em;}

.photo_box_timeline {
width:120px;
float:right;
margin:20px 15px 10px 10px;
padding:0;
text-align:center;
}

.educ_box {
width:200px;
float:right;
margin:0 15px 10px 15px;
padding:0;
text-align:center;
border:2px solid #c00;
}

table.twocol {
		width:500px;
		margin:10px auto;
		padding: 0;
	}
table.twocol td {padding:3px;}

table.courtchart {
		width:630px;
		margin:10px auto;
		padding: 0;
		text-align:left;
	}
table.courtchart td {
	height:24px;
	padding:0;
	margin:0;
	width:70px;
	font-size:.9em;
}

table.news {
		width:500px;
		margin:10px auto;
		padding: 0;
		text-align:left;
		border: 1px solid #e8e8e8;
	}
table.news td{height:30px;}

 tr.tdDark { background-color:#efefef; }
 tr.tdLight { background-color:#ffffff; }

a.top:link, a.top:visited {
	color:#00A5C6;
	text-decoration:underline;
}
a.top:hover, a.top:active {
	color:#00A5C6;
	text-decoration:none;
}
.lessonplans p{
margin-bottom:12px;
}
.removepaypalgif{
margin:10px;
}
.removepaypalgif form img {
border:none;
}

/*Home page ------------------------------------------------- */

#randomquote
{
	margin: 0 auto 12px auto;
	width: 550px;
	background-color: #F6DAAA;
	
	
}
#randomquote .topcorner {
	width:100%;
	height:16px;
	margin: 0;
	padding: 0;
	background-image: url(images/templates/quote_box_top2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index:0;

}
div.botcorner
{
	width: 100%;
	height: 18px;
	margin: 0;
	padding: 0;
	background-image: url(images/templates/quote_box_bot2.gif);
	background-repeat: no-repeat;
	z-index:0;
	
}
#randomquote .qcontent
{	width: 100%;
	margin: 0;
	padding:0;
	background-image: url(images/templates/quote_box_mid2.gif);
	background-repeat: repeat-y;
	z-index:0;
}

#randomquote .qcontent p
{
	font-size: 1.2em;
	font-family: georgia, serif;
	font-style: italic;
	color: #630e01;
	text-align: center;
	margin: 0;
	padding: 0 10px;
	z-index:0;
}

/* WOMEN and Law page ------------------------------------------------- */

table.women_law {
margin:0 auto;
padding:0;
}
table.women_law td {
width: 25%; /* set width to # of columns */
height:150px;
margin: auto;
padding:0 3px 15px 3px;
text-align:center;
vertical-align:middle;
}

.imgFloat {
float:right;
margin:0 20px 10px 20px;
}
.footnotes p {
font-size:.8em;

}
.note  {
font-size:.8em;

}
.selectbox {
width:300px;
margin:40px auto 20px;
}
.selectboxsessions  {
width:400px;
margin:10px auto;
text-align:center;
}
.sessions_top {
font-size:1.1em;
}

/* BIOS PAGE ------------------------------------------------- */



/* Court Homes PAGE ------------------------------------------------- */


/* History Timeline page ------------------------------------------------- */

table.timeline {
width: 400px;
margin:20px auto;
padding:0;
}
table.timeline td {
margin: auto;
padding:0 3px 15px 3px;
text-align:left;
vertical-align:top;
}
table.timeline td.yr{
width: 120px;
margin: 0;
padding:0;
text-align:left;
vertical-align:top;
}
.selectbox {
width:300px;
margin:40px auto 20px;
}

.timelinerow {
background-color:#f6dbaa;
}
/*PORTRAITS PAGE ------------------------------------------------- */

table.portraits {
margin:0 auto;
padding:0;
}
table.portraits td {
width:auto;
margin:0;
padding:5px;
text-align:left;
vertical-align:top;
font-size:.9em;
}

table.portraits td.portrait_thumb {
width:120px;
vertical-align:middle;
text-align:center;
margin:0 auto;
}
table.portraits hr {width:96%;height:1px;color:#cfcfcf;background-color:#cfcfcf;}

/*PORTRAITS PAGE ------------------------------------------------- */

.list_box {
margin:10px auto 20px auto;
padding:0;
}
.list_box img {float:right; margin:0 10px; border:1px solid #000;}

/*SPEECHES-VIGNETTES PAGE ------------------------------------------------- */

table.speeches_vignettes {
width:96%;
margin:0 auto;
padding:0;
}
table.speeches_vignettes td {
width:auto;
margin:0;
padding:0 5px 0 5px;
text-align:left;
vertical-align:top;
font-size:.9em;

}
table.speeches_vignettes td.padbot {
padding-bottom:10px;
}

/*SPECIAL SESSIONS PAGE ------------------------------------------------- */

table.sessions {
width:98%;
margin:0 auto 20px auto;
padding:0;
}
table.sessions td {
width:auto;
margin:0;
padding:0 5px 10px 5px;
text-align:left;
vertical-align:top;
font-size:1em;
}
table.sessions th {
text-align:center;
}
table.sessions td.right {
text-align:right;
padding-right:10px;
}
table.sessions td a{font-size:100%;}
/*QUIZ PAGE ------------------------------------------------- */

#quiz
{
	width: 500px;
	margin: 0 auto 0 auto;
}
#quiz input { background-color: #fcfcfc;
	
}
#quiz label
{
	background-color: #fff;

}
#quiz textarea {
background-color: #fcfcfc;
height:24px;
margin:3px 0 18px 0;
}
#quiz p.spacer
{
	width: 100%;
	height:10px;
	margin: 0;
}
#quiz .hint { font-size: .9em; }

/* Verdict of History page ------------------------------------------------- */
.casebox {
	width:100%;
	border-bottom:1px solid #efefef;
	margin:10px 10px 20px 10px;
}
.casebox h4 {
	color:#000;font-weight:bold;
}
.caseboxitemsdiv {
	width:94%;
	margin:0 auto;
}
.caseboxitems {
	width:240px;
	float:left;
	height:35px;
	margin:0;
}

.verdictDiv {
	width:350px;
	height:35px;
	margin:10px auto;
	text-align:center;
	padding: 0;
	background-image: url(images/bkgd_verdictDiv.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index:0;

}

.verdictDiv a {
	font-size:1.5em;color:#a66b04;
}
.verdictDiv a:hover {
	color:#bd8b4c;
}

.crumb {
	font-size:.85em;	
}
/** FORM CLASS **/
.formclass
{
	
	margin: 10px auto;
}
.formclass td
{

	margin: 0;
	padding: 5px;
	text-align:left;
}
.formclass td.col1
{
	margin: 0;
	padding: 3px 10px 3px 10px;
	text-align:right;
}
.formclass td.col2
{
	margin: 0;
	padding: 3px 5px 3px 10px;
	text-align: left;
}
.formclass .form_error {
	white-space:nowrap;
	color:red;
}
/* for nested radios */
.formclass table  
{
	margin: 10px 0;
}