body {
	background-color: #f6f6f6;
}

body, td, th, input { /* redundant rules for bad browsers  */
	font-family: verdana, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0.2em 0;
	border-bottom: 1px solid #ccc;
	font-family: arial, verdana, sans-serif;
}

li h1, li h2, li h3, li h4, li h5, li h6 {
	border: none;
}

#central .portal-box-interior {
	background: url(./i/header.jpg) top left no-repeat;
}

#central .portal-box-header {
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 120px;
	height: 120px;
}

/* Portal page box */

.portal-box {
	background: #fff url(./i/portal-box-sides.png) repeat-y;
	width: 744px;
	margin: 1em auto 0 auto;
	color: #5F6775;
}

.portal-box-header {
	min-height: 20px;
	padding: 30px 30px 0 30px;
}

.portal-box-header h1 {
	border: 0;
	font-weight: bold;
	color: #bd1d01;
	font-size: 200%;
	margin: 0;
}

.portal-box-contents {
	background: url(./i/portal-box-bottom.png) no-repeat bottom left;
	padding: 0 30px 30px 30px;
}

.portal-box-contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

.portal-box-contents p {
	line-height: 1.5;
	margin: 1em 0;
}

hr {
	display: block;
	background: #fff url(./i/divider.png) no-repeat top center;
	height: 5px;
	margin: 1em 0 2em 0;
	border: none;
	clear: both;
}

* html hr { /* Just for IE */
	height: 1px;
	color: #f0f0f0;
}

.portal-box-contents h3 {
	font-size: 100%;
	border: none;
	margin: 1em 0;
}


/* Footer */

.portal-page #footer {
	border: none;
	width: 720px;
	margin: 1em auto;
	padding: 0;
	font-size: 80%;
	color: #AAA;
}

.portal-page hr {
	display: none;
}

.portal-page .portal-box hr {
	display: block;
}

.portal-page #footer a:link,
.portal-page #footer a:visited {
	color: #999;
}

.portal-page #footer a:hover,
.portal-page #footer a:active {
	color: #666;
}

/* Portal Button */

.portal-button,
p.portal-button {
	width: 230px;
	margin: 1em 0 0 auto;
}

.portal-button a:link    span,
.portal-button a:visited span,
.portal-button a:hover   span,
.portal-button a:active  span {
	display: block;
	padding: 15px 20px;
	background: url(/img/portal-page/portal-button.png) no-repeat bottom left;
}

.portal-button a:link,
.portal-button a:visited,
.portal-button a:hover,
.portal-button a:active {
	display: block;
	background: #a8ed2d url(/img/portal-page/portal-button.png) no-repeat top left;
	color: #005825;
	font-weight: bold;
	font-size: 110%;
}
	text-decoration: none;

.portal-button a:hover   span,
.portal-button a:active  span {
	background: url(/img/portal-page/portal-button.png) no-repeat bottom right;
}

.portal-button a:hover,
.portal-button a:active {
	color: #000;
	background: #89dc29 url(/img/portal-page/portal-button.png) no-repeat top right;
}

.portal-button img {
	vertical-align: middle;
	margin-left: 6px;
}

.portal-box-contents p {
	margin-top: 0;
	color: #3C475B;
	text-align:center;
}

ul li, ol li {
    margin-bottom: 0.5em;
}

.corner-box {
	background: url(./i/left-top-corner-box.jpg) top left no-repeat;
	padding: 12px 15px;
}

.corner-box-right {
	background: url(./i/right-top-corner-box.jpg) top right no-repeat;
	padding: 12px 15px;
	text-align:justify;
}
.corner-box p,
.corner-box-right p {
	text-align:justify;
}

.corner-box h3,
.portal-box-contents .corner-box h3,
.corner-box-right h3,
.portal-box-contents .corner-box-right h3 {
	margin-top: 0;
}


/* footer */

#footer {
	clear: both;
	margin-top: 3em;
	margin-bottom: 1em;
	color: #888;
	padding: 25px 50px;	
	text-align: center;
}

#footer-contents {
	padding: 0;
	border-top: 1px solid #C9D0E0;
}

#footer ul#footer-menu {
	position: relative;
	top: -0.8em;
	margin: 0 1em 0 1em;
	padding: 0;
	list-style-type: none;
}

#footer ul#footer-menu li {
	display: inline;
	background: #fff;
	margin: 0 1em;
}

#footer ul#footer-menu li a {
	margin: 0 1em;
	white-space: nowrap;
}

#footer p {
	margin: 0.3em;
	clear: both;
}

#footer .site-tools {
	display: none;
}