/* @override 
	http://www.cmsdev.site/cms/templates/liss/sitepage.css
	http://www.localdev3.site/cms/templates/sitepage.css
*/

html{
	height: 100%;
}

body {
	text-align: center;	
	color: #003300;
	background: #5290d3;
	height: 100%;
	margin: 0;
}

body,td,p {
	font-family: "Comic Sans MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	color: #221c8d;
	background-image: none;
	font: 16px "Trebuchet MS";
}

h2 {
	color: #352bcb;
	font: 14px "Trebuchet MS";
}

h4{
	color: #221c8d;
	margin: 12px 0 4px;
	font: bold 9pt "Trebuchet MS";
}

h5{
	margin: 4px 0 24px;
	font: bold 9pt "Trebuchet MS";
}


.error{
	color: white;
	background-color: red;
	width: 100%;
	padding: 2px;
}

#mainblock, #footer, #content, #spacer, #header { width: 801px; margin: 0px auto 0px auto; text-align: left; }

a:hover  { color: #ff8000; }

#spacer {
	height:  8px;
}

#header {
	height:  100px;
}

#header p {
	font: 12px "Trebuchet MS";
	width:800px;
	height:  100px;
	vertical-align: middle;
	color: #221c8d;
	margin: 0px;
	padding: 0px;
	text-align: right;
	text-indent: 120px;
	top: -100px;
	position: relative;
}

#contentstuff {
	background: transparent;
	height: 100%;
}

#contentstuff table tbody {
	border-spacing: 0px;
}

#contentarea {
	background: #fcdc9d;
	width: 678px;
	height: 100%;
	vertical-align: top;
}

#bodyBody{
	padding: 4px;
	height: 100%;
}

#navarea {
	background: transparent;
	width: 122px;
	vertical-align: top;
	padding: 0;
}

#footer {
	height: 24px;
	font-size: 9px;
	clear:both;
 }

#footer ul 	{ list-style-type:none; margin:0px; padding:0px; }
#footer ul li { display:block; float:left; line-height:20px; color:#221c8d; }
#footer ul li a { text-decoration:none;	padding-right: 4px; padding-left: 4px; }

.download {
	background-color: #e9e9ff;
	padding: 4px;
}

.download #summary {
	vertical-align: top;
	border-right: 1px solid #717ab7;
}
.left               { float:left; text-indent:5px; } 
.right              { padding-right:3px; float:right; }

div.fillbox{
	margin-top: 8px;
	width: auto;
}

.fillbox div{
	background-color: #fff8ed;
	float: none;
	padding: 8px;
}

.fillbox a{
	float: right;
	font-size: 8pt;	
	font-weight: bold;
}

.fillbox #head{
	font: 11pt "Trebuchet MS";
	background-color: #f1c781;
	float: none;
	margin: 0;
	color: #221c8d;
	text-decoration: none;
	text-indent: 0px;
	left: 0;
	padding: 6px;
	font-variant: normal;
	font-style: normal;
}

table.eventcalendar  {
	border-top: 1px solid silver;
	background-color: white;
	border-spacing: 0px;
	width: 100%;
}

.eventcalendar td {
	padding: 4px;
	border-bottom: 1px solid silver;
	vertical-align: middle;
}

.eventcalendar td#icons {
	vertical-align: bottom;
	text-align: right;
}

.eventcalendar th {
	font: 12px bold "Trebuchet MS";
	padding: 4px;
	border-bottom: 1px solid silver;
	vertical-align: bottom;
}
table.messagebox tr td {
	color: white;
	background-color: #244578;
	padding: 4px;
	border-style: none;
}

table.messagebox tr td table tr td {
	color: #244578;
	background-color: white;
	padding: 10px;
}