html {
height: 100.1%;
}

html,body {
margin:0;
padding:0;
}

body {
font: 13px/1.5 arial,helvetica, sans-serif;
background: #eef3f5;
padding-top: 4px;
}

h1, h2, h3, h4 {
margin: 0 0 .5em 0;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1;
color: #252a3d;
}

h1 {
font: normal 20px Georgia, "Times New Roman", Times, serif;
border: none;
background-color: #fff;
}

h2 {
font-size: 20px;
}

h2 span {
font-size: 12px;
}

h3 {
font-size: 17px;
}

h4 {
font-size: 15px;
}

p {
margin: 0 0 1em;
}

a {
color: #000;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted;
}

a:visited {
color: #333;
}

a:hover,
a:focus,
a:active {
color: #26424b;
border-bottom: 1px solid;
}

#content ul {
list-style: none;
margin: 0 0 1em;
padding: 0;
}

#content ul li {
background: url(../images/arrow_mini_right.gif) no-repeat 2px 4px;
padding-left: 20px;
}

#content ol {
margin: 0 0 1em;
padding: 0 0 0 30px;
}

div#container {
width: 952px;
margin: 0 auto;
background-color: #fff;
color: #000;
border: 1px solid #CFE0E6;
padding: 4px;
}

div#header {
height: 7em;
background: #fff url(../images/logo_sm.png) no-repeat 10px 20px;
padding: 20px 10px;
border-bottom: 1px solid #CFE0E6;
}

div#main {
float: left;
width: 666px;
padding: 20px 0;
clear: both;
}

body.wide div#main {
width: 940px;
}

div#navigation {
width: 188px;
float: left;
}
div#notes {
padding: 5px;
font-size: 90%;
}
div#content {
width: 468px;
float: right;
}

body.wide div#content {
width: 742px;
}

div#rail {
float: right;
width: 274px;
padding: 20px 0;
font-size: 12px;
}

div#footer {
clear:both;
margin: 10px 0 0;
padding: 10px;
border-top: 1px solid #CFE0E6;
font-size: .9em;
color: #000;
background: #a6c2cb;
height: 1%; /* IE fix */
}

div#header h1 {
text-align: right;
color: #407080;
background-color: transparent;
padding-right: 285px;
}

div#header p {
text-align: right;
margin: 1em 0;
font: 16px/1.3 Georgia, "Times New Roman", Times, serif;
color: #252a3d;
padding-right: 285px;
}

div#navigation ul {
width: 180px;
border-top: 1px solid #000; /* Makes top border on flyouts */
background: #4b8395;
list-style: none;
margin: 0 0 10px 0;
padding: 0;
font-size: 13px;
}

div#navigation li {
position: relative;
border-left: 1px solid #000; /* side button borders */
border-right: 1px solid #000; /* side button borders */
border-bottom: 1px solid #000; /* bottom button borders */
vertical-align: bottom; /* for IE5-Win */
display: block;
/*height: 2em;
*/
}

div#navigation ul a {
display: block;
padding: 0 10px;
vertical-align: bottom; /* needed for IE5-Win */
border-bottom: none;
color: #fff;
position: relative;
/*height: 2em;
*/line-height: 2em;
}

div#navigation ul a.last {
display: block;
padding: 0 10px;
vertical-align: bottom; /* needed for IE5-Win */
border-bottom: none;
color: #fff;
position: relative;
/*height: 2em;
*/line-height: 2em;
}

div#navigation ul a:hover {
color: #26424b;
background-color: #fff;
}

div#navigation ul a span {
position: absolute;
top: 0;
right: 2px;
color: #ddd;
}

div#navigation ul ul {
background: #a6c2cb;
position: absolute;
left: -3000px;
font-size: 12px;
width: 190px;
} 

div#navigation ul li:hover ul,
div#navigation ul li.over ul {
left: 178px;
top: -1px;
} /* make flyout appear when the LI is hovered */

div#navigation ul ul a {
color: #000;
padding: 0 10px;
}

div#navigation ul ul a:hover {
color: #26424b;
background-color: #fff;
}

/*** for IE Mac ***/

/* \*/ /*/
div#navigation ul ul {position: static;}
/* */


#rail h2,
#rail h3,
#rail h4 {
color: #407080;
}

#rail h3 {
font-size: 16px;
}

div.box {
background: #f2f2f2;
border: 1px solid #CFE0E6;
padding: 10px;
margin-bottom: 10px;
}

div.box ul {
padding: 0;
margin: 1em 0;
list-style-type: none;
}
div.box li {
margin-bottom: 6px;
padding-left: 4px;
text-indent: -4px;
}

img {
padding: 4px;
background-color: #f2f2f2;
border: 1px solid #CFE0E6;
margin-bottom: 5px;
}

img.right {
float: right;
margin-left: 10px;
}

img.left {
float: left;
margin-right: 10px;
}


/* admin */
body.admin div#main {
width: 952px;
}
body.admin div#content {
width: 752px;
}

/* admin forms */
form.admin {
width: 746px;
border: 1px solid #CFE0E6;
}
form.admin fieldset {
border: none;
padding: 10px;
margin: 0;
}
form.admin legend {
color: #252a3d;
font: bold 14px Georgia, "Times New Roman", Times, serif;
padding: 1em 0;
}
form.admin div {
overflow: hidden;
padding-bottom: 1em;
}
form.admin label {
font-weight: bold;
font-size: 11px;
}
form.admin input.txt,
form.admin select {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 1px 2px; 
width: 300px;
border: 1px solid #CFE0E6
}
form.admin select#time {
width: 12em;
}

/* calendar table */
#calendar {
border-collapse: collapse;
border: 1px solid #CFE0E6;
margin: 1px;
}
#calendar td {
width: 50px;
border: 1px solid #CFE0E6;
}
.prev { text-align: left; }
.next { text-align: right; }
.day, .today, .month, .weekday, .prev, .next { text-align: center; }
.weekday { font-weight: bold; }
.today { background: #CFE0E6; }
.blank { }

/* calendar preview table */
#preview,
#public {
background-color: #fff;
border-collapse: collapse;
border: 1px solid #CFE0E6;
margin: 1px;
}
#preview td,
#public td {
width: 100px;
height: 75px;
border: 1px solid #CFE0E6;
vertical-align: top;
padding: 4px;
}
#preview .prev,
#public .prev { text-align: left; height: 2em; }
#preview .next,
#public .next { text-align: right; height: 2em; }
#preview .month,
#public .month {height: 2em;}
#preview .day, 
#preview .today, 
#preview .month, 
#preview .weekday, 
#preview .prev, 
#preview .next,
#public .day, 
#public .today, 
#public .month, 
#public .weekday, 
#public .prev, 
#public .next { text-align: center; }
#preview .weekday,
#public .weekday { font-weight: bold; height: 2em; }
#preview .today,
#public .today { background: #CFE0E6; }

#preview span.day,
#public span.day {
display: block;
float: right;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 11px;
background-color: #444;
color: #fff;
}
#preview span.event,
#public span.event {
display: block;
clear: both;
font-size: 10px;
text-align: left;
padding-left: 5px;
text-indent: -5px;
}
#public span.event {
font-size: 11px;
}
#preview span.event a,
#public span.event a,
#public .prev a,
#public .next a {
display: block;
text-decoration: none;
border: none;
}
#preview span.event a:hover,
#public span.event a:hover,
#public .prev a:hover,
#public .next a:hover {
color: #900;
}

/* admin tables */
table#admin  {
border: 1px solid #CFE0E6;
border-collapse: collapse;
margin: 1em 0;
}
#admin th {
text-align: left;
}
#admin th, #admin td {
border: 1px solid #CFE0E6;
padding: 4px 8px;
}

/* admin forms */
form.admin {
width: 746px;
border: 1px solid #CFE0E6;
}
form.admin fieldset {
border: none;
padding: 10px;
margin: 0;
}
form.admin legend {
color: #252a3d;
font: bold 14px Georgia, "Times New Roman", Times, serif;
padding: 1em 0;
}
form.admin div {
overflow: hidden;
padding-bottom: 1em;
}
form.admin label {
font-weight: bold;
font-size: 11px;
}
form.admin input.txt,
form.admin select {
font: normal 12px Arial, Helvetica, sans-serif;
padding: 1px 2px; 
width: 300px;
border: 1px solid #CFE0E6
}
form.admin select#time {
width: 12em;
}

/* user forms */
form.user fieldset {
border: 1px solid #aaa;
margin-bottom: 1em;
}
form.user legend {
border: 1px solid #aaa;
background: #eef3f5;
padding: 2px 4px;
font-weight: bold;
}
form.user label {
font-size: 11px;
font-weight: bold;
}
form.user label span {
font-size: 11px;
font-style: italic;
color: #666;
font-weight: normal;
}
form.user div {
margin-bottom: 5px;
}
form.user input.txt {
border: 1px solid #aaa;
padding: 2px;
width: 320px;
}

/* general classes */
.statement {
font: bold 1.25em Georgia, "Times New Roman", Times, serif;
}
.warning {
font: bold 12px Arial, Helvetica, sans-serif;
color: #901808;
}
p.warning {
padding-left: 20px;
background: url(../images/error.png) no-repeat left center;
}