body {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center; /*centre for ie5 */
	background: #fff;
}

body#popup {
    background: #fff;
    text-align: left;
} 

body#print {
    background: #fff;
    text-align: left;
} 

h1 {
	color: #c00;
	font-size: 13pt; 
}
	
h2 {
	color: #c00;
	font-size: 12pt; 
}

h3 {
	color: #c00;
	font-size: 10pt; 
}

h4 {
	color: #333;
	font-size: 10pt; 
}

a:link {
	text-decoration: underline; 
	color: darkred;
}

a:visited { 
	text-decoration: underline; 
	color: darkred;
}

a:active { 
	text-decoration: underline; 
	color: #c00;
}

a:hover { 
	text-decoration: none; 
}

.clear {
	clear: both;
}

.im {
	margin: 8px;
}

/* template objects */

#userbar-wrap {
	color: #fff;
	font-family: verdana;
	font-size: 8pt;
	background: #000 url(/images/nav/userbar-bg.gif) top left repeat-x;
}

#userbar {
	width: 940px;
	height: 22px;
	margin: auto;
	color: #fff;
	font-family: verdana;
	font-size: 8pt;
}

#userbar a {
	color: #fff;
	text-decoration: none;
}

#userbar a:hover {
	text-decoration: underline;
}

#userbar #userbar-title {
	margin-top: 4px;
	margin-left: 8px;
	width: 300px;
	float: left;
	font-weight: bold;
}

#userbar #userbar-links {
	margin-top: 4px;
	margin-right: 8px;
	width: 600px;
	float: right;
	text-align: right;
}

#background {
	margin: 0;
	text-align: left; /* centre for compliant browsers*/
}


#nav {
	width: 924px;
	height: 72px;
	margin: 8px auto; 
	background-image: url(/images/nav.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

#nav h1 {
	margin: 0;
}

#nav ul {
	padding: 0;
	margin: 47px 8px 0 0;
	display: block;
	float: right;
} 

#nav ul li {
	list-style: none;
	float: left;
	display: block;
	padding: 0;	
	margin: 0;
}
			
#nav ul li.active {
}

#nav a#self {
	display: block;
	width: 192px;
	height: 72px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background: none;
	float: left;
}

#nav a#self span {
	display: none;
}

#nav ul li a {
	display: block;
	width: 120px;
	height: 25px;
	text-align: center;
	padding: 0;
	margin: 0 0 0 4px;
	text-decoration: none;
	color: #fff;
	background: url(/images/nav-tab-0.gif) top left no-repeat;
}

#nav ul li.active a {
	background: url(/images/nav-tab-1.gif) top left no-repeat;
}

#nav ul li a:hover {
	background: url(/images/nav-tab-h.gif) top left no-repeat;
}

#nav ul li a span {
	display: block;
	padding-top: 3px;
	width: 160px;
}


.sidemenu {
	margin: 0;
	padding: 4px;
	border: 1px solid #dfdfdf;
	-moz-border-radius: 5px; 
	background: #f6f6f6;
}

.sidemenu a {
	color: #333;
}	

.sidemenu div.smhead {
}

.sidemenu .smtop {
/*
	height: 8px;
	background: url(/images/smtop.gif) no-repeat;
	overflow: hidden;
*/
}

.sidemenu div.smbottom {
/*
	height: 8px;
	background: #fff url(/images/smbottom.gif) no-repeat;
	overflow: hidden;
*/
}

.sidemenu h2 {
	color: #333;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px;
	margin: 0 4px 8px 4px;
/*
	color: #333;
	font-size: 10pt;
	font-weight: bold;
	padding: 1px 0 0 0;
	margin: 0 0 8px 8px;
*/
}	

.sidemenu h2 a:link, .sidemenu h2 a:visited {
	text-decoration: none;
	color: #333;
}	

.sidemenu h2 a:hover {
	text-decoration: underline;
	color: #333;
}	

.sidemenu ul {
	padding: 0;
	margin: 0;
	margin-left: 8px;
	margin-right: 8px;
	list-style-type: none;
} 

.sidemenu li {
	margin: 0;
	padding: 0;
}

.sidemenu li a {
	color: #333;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 3px;
	-moz-border-radius: 5px;
	margin-right: 2px;
    position:relative; 
}

.sidemenu li a:link, .sidemenu li a:visited {
	color: #333;
	text-decoration: none;
}

.sidemenu li a:hover {
	background: #fff;
}

.sidemenu li a.static:hover {
	background: #eee;
	color: #333;
}

#container {
	margin: auto; 
	width: 960px; 
}

/* usuable content width is 924px */
#content {
	margin: 8px 0;
	border-bottom: 1px solid #fff; /* moz clear float bug */
	min-height: 300px;
}

#index {
}

#page {
}

#events {
}

#events-main {
	width: 668px;
	float: left;
}


#events-main .page-image {
	padding-top: 8px;
}

#events-sidebar-wrap {
	width: 240px;
	float: right;
}

#events-sidebar {
	padding: 12px 12px 0 12px;
	background: #fff url(/images/sidebar-panel.gif) top left no-repeat;
}

#events-sidebar h3 {
	margin: 0;
}

#events-sidebar p {
	margin: 4px 0 4px 0;
}

#events-sidebar a {
	color: #c00;
}

#events-sidebar a.events-sidebar-image {
	float: right;
	display: block;
	text-align: right;
	width: 80px;
}

#events-sidebar ul {
	list-style: none;
	margin: 4px 0 8px 0;
	padding: 0;
}


.page-summary {
	font-weight: bold;
	color: #c00;	
}

#left {
	margin: 0;
	width: 240px;
	float: left;
}	

#left h2 {
	margin-bottom: 0px;
}	

#left h2 a {
	color: #000;
}	

#left ul li .active {
	font-weight: bold;
}

#right {
	padding-bottom: 8px;
	width: 676px;
	float: right;
}

#right h1 {
}

#right h1 a {
	color: #666;
}

#profiles {
}

#profiles h3 {
	margin: 0;
}

#contact {
}

#contact #page-sidebar {
	width: 340px;
	float: left;
	display: inline;
}

#contact #page-main {
	width: 576px;
	float: right;
	display: inline;
}

.page-index {
}

.page-index-item {
	margin-top: 16px;
}

.page-index-image {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 16px;
}

.page-index-detail {
}

.page-index-item h3 {
	margin: 0;
}

.page-index-item p {
	margin-top: 4px;
}

#news {
}

.news-index {
}

.news-index-item {
	margin-top: 16px;
}

.news-index-image {
	width: 80px;
	height: 80px;
	float: right;
	margin-left: 16px;
}

.news-index-detail {
}

.news-index-item h3 {
	margin: 0;
}

.news-index-item p {
	margin-top: 4px;
}

.embedtv {
	margin: 8px;
}


#gallery {
}

#gallery .gallery-item {
	width: 220px;
	height: 180px;
	margin: 4px;
	border: 1px solid #ccc;
	float: left;
}

#gallery .gallery-item-inner {
	padding: 4px;
}

#gallery .gallery-item-image {
	width: 80px;
	float: left;
	margin-right: 8px;
}

#gallery .gallery-item h3 {
	color: darkred;
	padding: 4px;
	background: #ddd;
	margin: 0 0 4px 0;
	text-align: center;
}

#gallery .gallery-item p {
	margin: 0;
}

/* page-gallery for Gallery page formatting (include/page_render) -
you will need to adjust sizes if page-main has different width to
default. */

#page-gallery {
	margin: 8px 0;
	padding: 8px 0;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

#page-gallery #page-gallery-thumbnails {
	width: 188px;
	float: left;
}

/* thumbs images are 70x50px max */
#page-gallery #page-gallery-thumbnails .page-gallery-thumbnail {
	width: 80px;
	height: 60px;
	text-align: center;
	margin: 0 4px 4px 0;
	float: left;
}

#page-gallery #page-gallery-thumbnails .page-gallery-thumbnail img {
	border: 1px solid #000;
	margin: auto;
}

#page-gallery #page-gallery-zoom {
	width: 480px;
	float: right;
	text-align: left;
}

#page-gallery #page-gallery-zoom img {
	border: 1px solid #000;
}

#page-gallery #page-gallery-zoom h3 {
	text-align: left;
}

#page-gallery #page-gallery-zoom p {
	text-align: left;
}

#footer {
	clear: both;
	padding: 8px;
	border-top: 1px solid #999;
	background: #ccc;
	text-align: center;
}

#footer p {
	margin: 4px auto;
}


/* web-app UI elements */

#controller {
	margin: 0 auto 4px auto;
	background: #ddd;
	color: #000;
	-moz-border-radius: 4px;
	padding: 2px;
}

#controller table {
	height: 32px;
	width: 100%;
}

#controller td {
	vertical-align: middle;
	padding: 2px;
}

#controller h1 {
	color: #000;
	margin: 2px 0 0;
	font-size: 10pt;
}

#controller a {
	color: #000;
}

#controller input {
	padding: 2px;
}

#controller button {
	padding: 2px;
}


#selector {
	background: #eee;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px;
}

#selector h1 {
	font-size: 10pt;
}

#selector a {
}


#selector table {
	width: 100%;
	height: 32px;
}

#selector table td {
	padding: 2px;
}

#selector select {
	padding: 4px;
}

#selector input {
	padding: 4px;
}

#selector input[type=submit] {
	padding: 2px;
}

#selector input[type=button] {
	padding: 2px;
}

/* dataset */

.dataset {
	margin: 8px 0 16px 0;
}

.dataset table {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 100%;
}

.dataset table td {
	vertical-align: middle;
	padding: 8px;
	border-bottom: 1px solid #ddd;
}

.dataset table td a {
}

.dataset table td.dataset-numeric {
	text-align: right;
}

.dataset thead td {
	border-bottom: 2px solid #999;
	font-weight: bold;
}

.dataset tfoot td {
	border-top: 1px solid #999;
}

/* formbox */

/* formbox common */

.formbox {
}

.formbox h2 {
}

.formbox label.formbox-mandatory:before {
	content: "*";
	color: #c00;
}

.formbox label.formbox-invalid {
	display: block;
	color: #c00;
}

.formbox label.formbox-invalid:before {
	content: "";
}

.formbox input[type="button"], 
.formbox input[type="submit"] {
	padding: 4px;
}

.formbox input[type="text"], 
.formbox input[type="password"] {
	padding: 4px;
	width: 200px;
}

.formbox select {
	padding: 4px;
}

.formbox textarea {
	padding: 4px;
	width: 200px;
}

.formbox input[type="checkbox"] {
	margin: 8px 8px 0 0;
}

.formbox input[type="radio"] {
	margin: 8px 8px 0 0;
}

.formbox fieldset {
	border: 1px solid #ddd;
	margin: 8px;
	padding: 8px;
}

.formbox fieldset legend {
}

/* formbox semantic */

.formbox p {
	padding: 8px 0;
	margin: 8px 0;
	line-height: 140%;
}

.formbox>p:after {
	/* clearfix */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.formbox p>label {
	width: 40%;
	max-width: 200px;
	display: block;
	float: left;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0 8px 0 0;
}

.formbox label a {
	font-weight: normal;
}

/* for ul of multiple options */

.formbox ul.formbox-multiple {
	width: 200px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

.formbox ul.formbox-multiple li {
	margin: 6px 0;
}

.formbox ul.formbox-multiple li input[type=radio] {
	 display: inline;
	 margin: 0 4px 0 0;
}

.formbox ul.formbox-multiple li input[type=checkbox] {
	 display: inline;
	 margin: 0 4px 0 0;
}

.formbox ul.formbox-multiple li label {
	display: inline;
	margin: auto;
	float: none;
	font-weight: normal;
}

/* formbox table */

.formbox table {
	width: 100%;
}

.formbox table tr td {
	vertical-align: top;
	padding: 4px;
}

.formbox table td:first-child {
	width: 200px;
}

.formbox table td p {
	padding: 4px 0;
}

/* multiple option ul */

.formbox table tr td ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.formbox table tr td ul li {
	margin: 4px 0;
	padding: 0;
}

.formbox table tr td ul li input {
	float: left;
	margin-top: 6px;
}

.formbox table tr td ul li label {
	display: inline;
	font-weight: normal;
}