#wholepage {width: 90em;
  margin: auto;
  padding: 0;
  text-align: left;
  border-width:  0px 0px 0px 0px;
  border-color:  black;
  border-style:  solid;
  
}

#header {
  color: black;
  background: maroon; /* No "ruby" defined in HTML color names! */
  font-size: 24pt;
  padding: 0.25em;
  margin-bottom: 0;
}

#nav {
  color: black;
  font-size: 12pt;
  font-weight: bold;
  background: #ccc;
  padding: 0.5em;
}

#nav a, #nav a:visited  {
  color: maroon;
  text-decoration: none;
}

#nav a:hover {
  border-bottom: 2px dotted maroon;
}


#content {
  height: 100%;
  width: 100%;
  background:  white;
  padding: 0em;
}

#content h1 {
  font-size: 18pt;
}

/* Form Styles */
fieldset {
        background: #ddd;
}

legend {
        color: white;
        background: maroon;
        padding: .4em 1em;
}

label{
        width: 10em;
        float: left;
        text-align: right;
        margin-right: 0.2em;
        display: block;
}
.form_row{
        white-space: nowrap;
        padding-bottom: .5em;
}
.submit {
        margin-left: 15em;
}

/* Error Reporting Styles */
.fieldWithErrors {
        margin: 2px;
        padding: 2px;
        background-color: red;
        display: table;
}
#errorExplanation{
        border: 2px solid red;
        padding: 7px;
        padding-bottom: 12px;
        margin-bottom: 20px;
        background-color:#f0f0f0;
}
#errorExplanation h2 {
        text-align: left;
        font-weight: bold;
        padding: 5px 5px 5px 15px;
        font-size: 12pt;
        margin: -7px;
        background-color: #c00;
        color: #fff;
}
#errorExplanation p {
        color: #333;
        margin-bottom: 0;
        padding: 5px;
}
/* Flash Notice Style */
#notice{
        border: 1px solid green;
        padding: 1em;
        margin: 1em;
        background-color: lightgray;
        font: bold smaller sans-serif;
}

table
        {
        width: 100%;
        border-collapse: collapse;
        background-color: white;
        color: black;
        font: 10pt verdana, arial;
        margin-bottom: 1%; /* %, px, em, ex ? */
        }

tr.subhead
        {
        background-color: #cccccc;
        }

th
        {
        padding: 0 3%;
        }

th.alt
        {
        background-color: black;
        color: white;
        padding: 3% 3% 2%;
        }

td
        {
        padding: 0 3%;
        }

tr.alt
        {
        background-color: #eeeeee;
        }


#outer{
        min-height:100%;
        color: #000000;
        position:relative;
}

* html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/
#left {
        position:relative;/*ie needs this to show float */
        width:125px;
        float:left;
}
* html #left {margin-right:-3px;}/*fix gap in ie next to float - 3 pix jog*/

#right {
        position:relative;/*ie needs this to show float */
        width:125px;
        float:right;
}
* html #right {margin-left:-3px;}/*fix gap in ie next to float - 3 pix jog*/

div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
        position:relative;
        margin-left:125px; 
        margin-right:125px;
}
/* mac hide\*/
* html #centrecontent {height:1%;margin-left:127px;margin-right:127px}/* combat IE's 3 pixel jog */
/* end hide */

#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:60px;			/* Height of the footer */
		background:#6cf;
}



 .teaser {
                padding:0 0 0 11px;
                margin:10px;
                background:url("/images/tsr-l.gif") top left no-repeat;
        }
        .teaser h3 {
                background:url("/images/tsr-r.gif") top right no-repeat;
                margin:0;
                padding:8px 0 0.5em 0;
        }
        .teaser p {
                padding:20px;
                font:76%/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
                margin:0 0 0 -11px;
                padding:0 11px 0.5em;
                border:1px solid #d8d8d8;
                border-width:0 1px;
                background:#fff;
        }
        .teaser div {
                margin:0 0 0 -11px;
                padding-left:11px;
                background:url("/images/tsr-l.gif") bottom left no-repeat;
        }
        .teaser a.more {
                display:block;
                text-align:right;
                padding:0 10px 10px 0;
                background:url("/images/tsr-r.gif") bottom right no-repeat;
        }
       
.navcontainer { margin-left: 30px; }

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
}

.navcontainer li { margin: 0; }

.navcontainer 
{
display: block;
color: #333;
background-color: Lightgrey; 
width: 940px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
font-size: 14px;
font-weight: BOLDER
}

.navcontainer a:hover
{
background-color: #ddd;
color: #333;
border-right: 10px solid #aaa;
padding: 2px 1px 2px 10px;
}

.navcontainer ul ul
{
margin-left: 40px;
padding: 0;
list-style-type: none;
}

.navcontainer li li a
{
display: block;
color: #333;
background-color: transparent;
width: 510px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 1px solid #aaa;
text-decoration: none;
font-size: 12px;
}

tr.d0 td {
	background-color: #ffffcc; color: black;
}
tr.d1 td {
	background-color: #blue; color: black;
}


table.example {
	border:1px solid black;
	border-collapse:collapse;
}
table.example th, table.example td {
	border:1px solid #aaaaaa;
	padding: 2px 15px 2px 15px;
}
table.example thead th {
	background-color:#ccccff;
}
table.example tfoot td {
	background-color:ffccff;
}

table.example tr.tbody_header {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

table.example a.pagelink {
	padding-left:5px;
	padding-right:5px;
	border:1px solid #666666;
	margin:0px 5px 0px 5px;
}
table.example a.currentpage {
	background-color:yellow;
}
/* Striping */
tr.alternate {
	background-color:#ffffcc;
}

/* Sorting */
th.table-sortable {
	cursor:pointer;
	background-image:url("/images/sortable.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
}
th.table-sorted-asc {
	background-image:url("/images/sorted_up.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("/images/sorted_down.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-filtered {
	background-image:url("/images/filter.gif");
	background-position:center ;
	background-repeat:no-repeat;
}
select.table-autofilter {
	font-size:smaller;
}

/* Examples which stray from the default */
table.altstripe tr.alternate2 {
	background-color:#ccffff;
}

dl {
		width: 240px;
		margin: 0 0 20px 20px;
		padding: 0;
		}

	dt {
		margin: 0 0 10px 0;
		padding: 10px;
		font-size: 130%;
		color: #fff;
		border-bottom: 1px solid #fff;
		}
	
	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 90%;
		}
		
	#blue dt {
		background-color: #69c;
		}
	
	#blue {
		background-color: #9cf;
		}
	
	#red dt {
		background-color: #933;
		}
	
	#red {
		background-color: #c99;
		}
	
	#green dt {
		background-color: #9c6;
		}
	
	#green {
		background-color: #cf9;
		}

.calendar a {
  text-decoration: none;
}
.calendar td {
  padding: 0;
  border-color: #888;
}
.calendar td div {
  padding: 0.4em 0;
}
.calendar .row-week td a {
  padding: 0.4em 0;
}
.calendar .day-today {
  background-color: #69c;
}
.calendar .day-today a {
  color: #fff;
}
.calendar .day-selected {
  background-color: #369;
  color: #fff;
}
.calendar .header-month {
  background-color: #bbb;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ccc;
}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}

a:hover {
  color: #ff4500;
  text-decoration: underline;
}