body {
   color : #000;
   background-color: #fff;
   font: 90% Candara, Verdana, Helvetica, Arial, sans-serif;
   margin: 0;
}

img {border-style: none;}

p {padding:0; margin: 0 0 1em;}

p + ul {margin: 0;}

#container {
   position: relative;
   width: 781px;
   left: 50%;
   margin-left: -390px;
   background: #fff url(/images/css/bg.gif) repeat-y center;
   overflow: visible;
   z-index: 100;
}

#intro {
	position:relative;
	padding-bottom:14px;
	height:auto !important;
	height:1%;
}

#pageHeader {
	width:781px;
	margin: 0px auto;
	height:245px;
	background:url(/images/css/court_header.jpg) no-repeat right;
}

div.page {
   margin: -1.5em 0 0;
   padding: 0 2em 0;
}

#footer	{
   font-size: 0.9em;
   background-color : inherit;
   color: #777;
}

#extraDiv1 {
	position:relative;
	left:50%;
	margin-left:-390px;
	background:url(/images/css/bottom.gif);
	width:781px;
	height:42px;
}

#extraDiv2 {
	width:49%;
	position:absolute;
	top:0;
	left:0;
	height:127px;
	background:url(/images/css/topLeft_bg.gif) repeat-x;
	z-index:10;
	}
#extraDiv3 {
	width:49%;
	position:absolute;
	top:0;
	right:0;
	height:141px;
	background:url(/images/css/topRight_bg.gif) repeat-x;
	z-index:10;
	}

.ahem {display : none;}


/*
p, ul, ol, table, label,
*/

h1, h2, h3, h4, h5 {
  font-family: Constantia, Georgia, serif;
  letter-spacing: -0.2px;
  padding: 0.5em 0 0 0;
}

h1.title {
   display: none;
   font-size : xx-large;
   text-align : center;
}

h2 {
  border-bottom: 1px double #8e2800;
}

h3 {
  border-bottom: 1px solid #8e2800;
  width: 70%;
}

/* form elements */
select {
   font-size: 96%;
}

/* side menu */
.menu {
   text-align : left;
   border : 1px solid #000;
   color: #000;
   height: 100%;
}

.menu a {
   color : black;
   background-color : inherit;
   text-decoration : none;
   position: relative;
   z-index: 0;
}

.menu a:hover {
   color : #eee;
   background-color : #577;
   text-decoration : underline;
   position: relative;
   z-index: 0;
}

.menu strong {	font-size : large; }

.menu h3	{
	font-family: Corbel, Verdana, Arial, sans-serif;
   padding: 3px;
   margin: 5px 0 2px;
   font-size: 0.8em;
   text-align: left;
   color: #c3babe;
   letter-spacing: -0.1em;
   background-color: #557278;
}

a[href $='.pdf'] { 
 padding-right: 20px;
 background: transparent url(/images/icons/icon_pdf.gif) no-repeat center right;
}
a[href $='.doc'] { 
 padding-right: 20px;
 background: transparent url(/images/icons/icon_doc.gif) no-repeat center right;
}
a[href $='.xls'] { 
 padding-right: 20px;
 background: transparent url(/images/icons/icon_xls.gif) no-repeat center right;
}
a[href$='.pps'] { 
	padding-right: 20px;
	background: transparent url(/images/icons/icon_pps.gif) no-repeat center right;
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'] { 
	padding-right: 20px;
	background: transparent url(/images/icons/icon_archive.gif) no-repeat center right;
}
a[href ^="mailto:"] {
	padding-right: 20px;
    background: transparent url(/images/icons/icon_mailto.gif) no-repeat center right;
}
/* making sure images don't get icons */
.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

.other {
   text-align : center;
	border : 1px solid #600;
	background-color : inherit;
	color : black;
}



div.roundcorners {
   margin-bottom: 0.5em;
}

/* rounded corners */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

/* transparency */
/* Parent box with background image */
#bg {
	background: url(/images/css/slo_gc3.jpg) no-repeat;
}

/* This is the white transparent area the text will be within */
#transbox {
	width: 175px;
	margin: 0 25px;
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

/* '*' means 'every child' basically a wildcard for every child of #transbox */
#transbox * {
	position: relative;
}

/* Styles the text of the div  */
#transbox div {
	padding: 20px;
	color: #000;
}

div.box {
   border: 1px solid #222;
   border-left: 5px solid #630000;
   padding:10px;
   background-color: #a19a7b;
   font-size: 90%;
}

/* style the sidebar */
div.menu ul {
  line-height: 1em;
  padding: 0;
  margin: 0.5em 0 0 1em;
  font-size: 85%;
  list-style-image: none;
}

div.menu ul ul {
  font-size: 100%;
}

div.menu ul li {
  list-style: none;
  background: transparent url(/images/css/tocdot2.gif) 0 0.45em no-repeat;
  margin: 0;
  padding: 0 0 0 0.4em;
}

/* styles for definition lists */

/*
dt {
   border-bottom: 1px dashed #ddd;
}
*/

/* for tables */
table,th,td{
	border:1px solid #666;
	border-collapse:collapse;
   vertical-align: top;
}
table{
	border:none;
	border-top:1px solid #000;
}
thead th{
	background:url(/images/css/greenchrome.gif) top left repeat-x #fff;
	padding:5px 10px;
	font-size:90%;
   font-variant: small-caps;
	color:#333;
}
tbody tr td,tbody th{
	font-size:95%;
	padding:5px 10px;
	background:#eee;
	border:1px solid #666;
}
tbody th {
   /* was greychrome.gif */
	background:url(/images/css/bluechrome.gif) top left repeat-x #fff;
   font-variant: small-caps;
	color:#333;
}
tbody tr.odd td {
	background:#ddd;
}
tbody tr.focused td {
	background:#8b93b2;
}
tbody tr.completed td {
	color: #888;
}
.hilite {
	background:#ffff60;
}
tbody tr.hilite td {
	background:#ffff60;
}
tbody tr.odd th {
	background:url(/images/css/greychrome.gif) top left repeat-x #fff;
	color:#333;
}
tfoot td,tfoot th {
	border:none;
	padding-top:10px;
}
caption {
	font-family: Constantia,Cambria,Corbel,Tahoma,sans-serif;
	text-align:left;
   font-variant: small-caps;
	font-size:130%;
	padding:10px 0;
	color:#036;
}
table a:link {
	color:#334096;
}
table a:visited {
	color:#888;
}
table a:hover {
	color:#000;
	text-decoration:none;
}
table a:active {
	color:#000;
}

/* for Notes (DokuWiki syntax plugin) */

.noteclassic, .noteimportant, .notewarning, .notetip, .message {
  margin: auto;
  width: 70%;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 2em;
  padding-left: 70px;
  background-position: left;
  background-repeat: no-repeat;
  margin-top: 1em;
  margin-bottom: 1em;
}
 
.noteclassic, .message {
  border: 1px solid #99D;
  background-color: #eef;
  background-image: url(/images/css/note.png);
}
 
.noteimportant {
  border: 1px solid #ff0;
  background-color: #ffd;
  background-image: url(/images/css/important.png);
}
 
.notewarning {
  border: 1px solid #d99;
  background-color: #fee;
  background-image: url(/images/css/warning.png);
}
 
.notetip {
  border: 1px solid #9d9;
  background-color: #efe;
  background-image: url(/images/css/tip.png);
}

/* BUTTONS http://particletree.com/features/rediscovering-the-button-element/ */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive {
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative {
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* custom classes added by James Van Lommel */
.floatleft {
   float: left;
   margin-right: 1.5em;
}

.floatright {
   float: right;
   margin-left: 1.5em;
}

.centered {
   text-align: center;
}

/* Layout - used to be screenlayout.css */
.pagetitle {
margin-top : 0.5em;
width : 98%;
padding: 0em;
z-index : 0;
visibility: hidden;
}

.sidebar {
  position : absolute;
  top : 5em;
  right : 5px;
  width : 10em;
  z-index : 1;
  padding : 0em;
}

.menu {
   padding : 0.5em;
	/* margin-bottom : 0.5em; */
}

/*
.menu a {display : block;}
*/
.menu .delimiter {display : none;}

.topbottommenu{	display : none}

.other {
   padding :0.5em;
}

.footerinc {
   width: 80%;
}

.reqd {
   color: #e00;
}

.indent {
   margin-left: 3em;
}

/* Design - from design.css used on wiki */
.logo {
	font-size:80%;
	font-weight:bolder;
	text-align:left;
	vertical-align:middle;
   margin: 0 1.5em 0 3em;
}

.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {
	color:#aaf;
	text-decoration:none;
	font-variant:small-caps;
	letter-spacing:2pt;
}

/* breadcrumbs also defined in ie.css to cover for IE6 and IE7 browsers */
div.breadcrumbs{
  padding: 1em 0 2em;
  clear: both;
}