body {
	background: left 105px #27275F url(/img/bkg-content-area.png) repeat-x;
	margin: 0;
	color: white;
	font-family: sans-serif; font-size: 14px; 
}

a:link { color: #0FF; }
a:visited { color: #6CF; }
a:hover { color: white; }

/* For IE, which needs this! */
a:link img { border-color: #0FF; } 
a:visited img { border-color: #6CF; }
a:hover img { border-color: white; }

#nav {
	height: 105px;
	background: #D4E7EB url(/img/bkg-navigation-area.jpg) repeat-x;
}

#content {
	padding: 0.5em 1em;
	height: 100%;
	clear: left;
}

#rootlink { display: block; float: left; }
#rootlink, rootlink img { width: 347px; height: 105px; }
#rootlink img { border: none; }

#nav ul { text-align: center; float: right; margin: 0 0 0 auto; padding: 5px 10px 0 0; width: 354px; overflow: auto; font-size: 1pt; }
#nav li { display: block; float: left; padding: 4px; list-style: none; }
#nav li img, .extralink img { width: 108px; height: 24px; border: none; }
.extralink { float: right; display: block; margin-right: 10px; padding-top: 10px; }

#logo { float: left; }
#waterdrop { width: 61px; height: 92px; margin: 8px 7px 0 15px; }
#logo a img { width: 304px; height: 33px; margin-top: 31px; vertical-align: top; border: none; }

h1, h2, h3, h4 { font-family: sans-serif; }

h1 { margin: 0 0 12px 0; font-size: 24px; border-bottom: 1px solid #D4E7EB; }

hr { border-color: #D4E7EB; border-width: 1px; border-style: solid none none; margin: 0; }

.itembox { border: 4px solid #00519D; padding: 0 10px 10px; background-color: #16164C; }
.itembox h2 { margin: 0 -10px 0.5em; background-color: #00519D; padding: 0.2em; font-size: 120%; font-style: normal; }
.itemtable { border: 4px solid #00519D; border-collapse: collapse; }
.itemtable th { background-color: #00519D; padding: 0.2em; text-align: left; font-weight: bold; font-size: 120%; font-style: normal; }
.itemtable th { border: 2px solid #16164C; padding: 0.2em 0.4em; background-color: #00519D; }
.itemtable td { border: 2px solid #00519D; padding: 0.2em 0.4em; background-color: #16164C; }

.itembox, .itemtable { margin-top: 0.7em; margin-bottom: 0.7em; }

form { margin-top: 0.7em }
form td, form th { padding: 0.15em; }
form th { text-align: right; }

.errors { color: red; font-weight: bold; }

.output em { font-style: normal; font-weight: bold; }

/* Page bar border same color as <hr> */
.pagebar li { display: inline; list-style-type: none; margin: 0; padding: 0 0.2em; }
.pagebar { padding: 0.3em; text-align: center; font-size: 18px; }
.pagebar del { color: #077; text-decoration: none; cursor: default; }
.pagebar li.current { background-color: #00519D; }
.pagebar a { text-decoration: none; }
.pagebar li.current a { color: #CFF; }
#pagebartop { border-bottom: 1px solid #D4E7EB; margin: -12px 0 0.7em 0; }
#pagebarbottom { clear: left; border-top: 1px solid #D4E7EB; margin: 0.7em 0 0 0; }

/* Max thumbnail size = 133 * 100, default cols: 5 */
.gallerygrid img { border-style: solid; border-width: 2px; margin: 0 auto 5px auto; }
.gallerygrid { margin: 0.7em auto; padding: 0; width: 850px; }
.gallerygrid li {
	width: 133px; padding: 8px; margin: 8px; float: left; text-align: center; display: block; list-style-type: none;
	background-color: #16164C; font-size: 10px; color: #0CC;
}
.gallerygrid img { display: block; }
.gallerygrid div { height: 104px; margin-bottom: 8px; margin-top: 8px; }

.itembox *:last-child { margin-bottom: 0; }

/* Heading rows */
a.activesort { color: rgb(254, 56, 116); }
tr.headingsortrow a { text-decoration: none; font-size: 80%; }