﻿ /* @import url("menu.css");   
 @import url("events.css");
 @import url("login.css");  */




* {margin:0;padding:0;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

#body {
	background: #FFF url(images/bg.gif) repeat-x top left;
}

#wrap {
	width: 974px;
	margin: 0 auto;
}

a img {border:none;}

a:link {color: #19508a;text-decoration:underline;}

Table.LinksDesignTable a.Normal {color: #19508a;text-decoration:underline;}

a:visited {color: #19508a;text-decoration:underline;}

a:hover {color:#9D2123;text-decoration:underline;}

p {
	margin:10px 0 12px;
	line-height:1.6em;
	font-size: 100%;
}



/*  =====================================================  Header */

#header {
	margin: 0;
	padding: 0;
}
	
#header #topnav {
	height: 48px;
}

#header #topnav ul {
	list-style: none;
	float: right;
	margin-right: 20px;
}

#header #topnav ul li {
	float: left;
	list-style: none;
	padding: 17px 13px 0;
}

#header #topnav ul li a {
	text-decoration: none;
	color: #000;
	padding: 5px 5px 0 5px;
}

#header #topnav ul li a:hover {
	text-decoration: underline;
}

#header #topnav ul li.active a {
	font-weight: bold;
}

#header #logo {
	margin: 0;
	padding: 0;
	float: left;
}

#header #login {

}

#header #login a.login {

}


.logfix img {
	margin-top: 7px;
	
}

/* Content Area */

#main {
	width: 960px;
	margin: 0 auto;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	z-index: 0;
}

#sidebar {
	width: 275px;
	float: left;
}

#sidebar img.catalogue{
	margin-left: 1.3em;
}


#sidebar img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}
	
#content #dnn_ContentPane {
	width: 590px;
	float:right;
	clear: both;
	padding: 0;
	margin-bottom: 20px;
	background: none;
	line-height:1.7em;
	color:#444444;
	background: none;
} 

#content {
	width:610px;
	float:left;
	padding: 1em 0;
	line-height:1.5em;
	color:#444444;
	font-size: 9pt;
	background: url(images/bg-dotted-line.gif) repeat-y;
}

#content img {
	margin: 10px; 
}


	

/* ====================================================== Home page containers == */

#homecontent  {
	position: relative;
	top: -20px;
	z-index: 0;
}

#promos {
	position: relative;
	top: 7px;
	z-index: 0;
}

div.promo1 {
	float: left;
	width: 247px;
	height: 145px;
	margin-left: 1px;
	margin-right: 14px;
}

div.promo2 {
	z-index: 0;
	float: left;
	width: 211px;
	height: 145px;
	margin-right: 14px;
}

div.promo3 {
	float: left;
	width: 211px;
	height: 145px;
	margin-right: 14px;
}

div.promo4 {
	float: left;
	width: 247px;
	height: 145px;
}

div.promo1 p, div.promo2 p, div.promo3 p, div.promo4 p {
	margin: 0; padding: 0;
}

div.promo1 a, div.promo2 a, div.promo3 a, div.promo4 a {
	margin: 0; padding: 0;
}

div.promo1 img, div.promo2 img, div.promo3 img, div.promo4 img {
	margin: 0; padding: 0;
}


div.promo1 span, div.promo2 span, div.promo3 span, div.promo4 span {
	margin: 0; padding: 0;
}

#breadcrumbbox {
	background: #ECECEC;
	padding: 7px 5px 7px 15px;
	margin-top: 0px;
	margin-bottom: 15px;
	width: 95%;
	position: relative;
	top: -15px;
}	
	
/* ///////////////////////  new breadcrumb styles for DNN ////////////////////// */

#breadcrumbbox a {
	color: #000;
	font-size: 95%;
	padding-right: 0.5em;
	padding-left: 0.5em;
}	
	
#breadcrumbbox a:hover {
	color: #E1AF40;
}

#login_details {
	float: right;
	width: 290px;
	display: block;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}
/*	//////////////////////////////////   TEXT STYLES ////////////////*/	

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin:3px 0 8px;
}

#content h1 {
	color: #000000;
	font-size: 3em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-bottom: 0.75em;
	line-height: 1em;
}

#content h2 {
	color: #CC0066;
	font-size: 2.4em;
}

#content h2 a {
	color: #CC0066;
}

#content h2 a:hover {
	color: #000;
}

#content h3 {
	color: #333333;
	font-size: 1.9em;
	font-weight:bold;
	
}

#content h3.contact {
	font-size: 1.5em;
	color: #CC3366;
	margin-bottom: 0.5em;	
}

#content h3.contact em {
	color: #333333;
	font-style: normal;	
}
	
#content h4 {
	color: #666666;
	font-size: 1.5em;
	font-weight:bold;	
}	

#content h5 {
	font-size:1.2em;
	color: #999999;
	
}

#content h6 {
	color: #999999;
	font-weight: bold;
	font-size: 1em;
}
	
	
hr {
	display: block;
	margin-top: 1em;
	margin-bottom: 0.5em;
}


/* =============================================== main menu */

#menu {
	margin-left: 40px;
	float: left;
}

/* image replacement general properties */
ul.IR li { 
	position: relative;
	/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
	   But overflow also includes our dropdown list, so we need the overflow to be visible. */
	/*overflow: hidden; */
	font-size: 0.9em;
}
		
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}

/* For IE5.x mac only */
* html>body	.IR { 
	position: static;
	overflow: visible;
	font-size: 10px;
}
* html>body .IR em  { position: static; }

#menu {
	margin-left: 40px;
	float: left;
	z-index: 99;
	position: relative;
}

/* image replacement specific properties */
.nav { list-style: none; z-index: 10; }
.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
						.nav a:hover { text-decoration: none; }
.nav li, .nav li em { width: 150px; height: 76px; }

.nav li.products, .nav li.products em { width: 125px;}
.nav li.services, .nav li.services em { width: 130px;}
.nav li.education, .nav li.education em { width: 145px;}
.nav li.shows, .nav li.shows em { width: 96px;}


#login {
	float: left;
	margin-top: 24px;
	margin-left: 50px;
}

.nav li.login, .nav li.logout, .nav li.login em,  .nav li.logout em  {
	width: 96px;
}

.login em {
	background: url(images/login-icon.gif) no-repeat; 
	cursor: pointer;
}

.logout em {
	background: url(images/logout-icon.gif) no-repeat; 
	cursor: pointer;
}

* html>body ul.nav li em { margin-bottom: -76px; } /* for ie5.x/mac only */

.products em, .services em, .education em, .shows em { 
	background: url(images/nav.gif) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}

.products{ left: 0; }
.products em { background-position: 0 0; }
.products:hover em { background-position: 0 -76px; }
.products a.active em { background-position: 0 -76px; }
.services { left: 0px; }
.services em { background-position: -125px 0; }
.services:hover em { background-position: -125px -76px; }
.services a.active em { background-position: -125px -76px; }
.education { left: 0px; }
.education em { background-position: -255px 0; }
.education:hover em { background-position: -255px -76px; }
.education a.active em { background-position: -255px -76px; }
.shows { left: 0px; }
.shows em { background-position: -400px 0; }
.shows:hover em { background-position: -400px -76px; }
.shows a.active em { background-position: -400px -76px; }

/* suckerfish styles */
.nav a { display: block; font-weight: normal; }
* html .nav a { height: 1%; }

.nav li ul {
	list-style: none;
	position: absolute;
	z-index: 99; /* show the dropdowns above the images */
	top: 76px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	border: 1px solid #CFCFCF;
	position: absolute;
	display: block;
	background-color: #fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.home .nav li ul {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
	border: 1px solid #CFCFCF;
	
}

.nav li:hover ul { left: auto; z-index: 99; }

.nav li.sfhover ul { left: auto; z-index: 99; } 

.nav li li {
	height: auto; /* reset the height and padding set on the IR list items */
	padding-bottom: 0;
	font-size: 110%;
	border-bottom: 1px solid #CFCFCF;
	list-style: none;
}

.home .nav li li {
	border-bottom: 1px solid  #CFCFCF;
}

.nav li ul a {
	padding: 0.40em;
	color: #000000;
	background: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
}

.nav li ul a:hover {
	color: #FFFFFF;
	background: #000000;
}

.nav li ul li ul {
	list-style: none;
	position: absolute;
	top: 0px;
	
	z-index: 99; 
	left: -999em;
	left: 120px;
	list-style: none;
	border: 6px solid #000000;
	position: absolute;
	display: block;
	background-color: #fff;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

/*

.nav li ul li ul {
	list-style: none;
	position: absolute;
	z-index: 99; 
	left: -999em;
	list-style: none;
	border: 1px solid #000000;
	position: absolute;
	display: block;
	background-color: #fff;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

.nav li ul li:hover ul { left: auto; z-index: 99; }

.nav li ul li.sfhover ul { left: auto; z-index: 99; } 

.nav li li li {
	height: auto; 
	padding-bottom: 0;
	font-size: 110%;
	border-bottom: 1px solid #000000;
	list-style: none;
}

.nav li li ul a {
	padding: 0.40em;
	color: #000000;
	background: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
}
.nav li li ul a:hover {
	color: #FFFFFF;
	background: #000000;
}

#flash {
	z-index: 9;
	position: relative;
} */

/* =============================================== end main menu */

/*content page navigation - SUBNAV */

#subnav {
	width: 240px;
	margin-left: 0px;
	margin-bottom: 2em;
	margin-top: 20px;
}

#subnav ul {
	line-height:1.5;
	list-style-type:none;
}

#subnav li {
	padding-left: 0px;
	margin-left: 5px;
	padding-bottom: 15px;
	list-style: none;
}

#subnav li.on{
	color: #000000;
	font-weight: bold;
}

#subnav li a{
	background-image: none;
	color: #747373;
	text-decoration: none;
}

#sidebar table a {
	background-image: none;
	color: #747373;
	text-decoration: none;
}

#subnav li a:hover{
	background-image: none;
	color: #CC0066;
}

#subnav li a.MenuItemCurrent{
	background-image: none;
	color: #CC0066;
}

#subnav li.on a{
	color: #000000;
	text-decoration: none;
}

#subnav li.on a:hover{
	background-image: none;
	color: #CC0066;
}

#subnav li.on a:visited{
	background-image: none;
	color: #CC0066;
}

#subnav ul li ul {
	display: none;
}

#subnav ul li ul li{
	list-style-type: none;
	font-size: 95%;
	padding-left: 20px;
	padding-bottom: 0px;
	list-style-type: none;
	background: url(images/bullet.gif) no-repeat 10px 6px;
	font-weight: normal;
}	

#subnav ul li ul li a {
	font-weight: normal;
}	

#subnav li.subsublist{
	list-style-type: none;
	font-size: 95%;
	background: url(images/bullet-grey.gif) no-repeat 15px 6px;
	padding-left: 40px;
	padding-bottom: 10px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 30px 6px;
	font-weight: normal;
}

/* products img replacement */

#products-head {
	width: 239px;
	height: 64px;
	position: relative;
}
	
#products-head span {
	background: url(images/products.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 64px;
	top: 0px;
}		


#sitemap-head {
	width: 239px;
	height: 79px;
	position: relative;
}
	
#sitemap-head span {
	background: url(images/sitemap.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 79px;
	top: 0px;
}	
/* services img replacement */

#services-head {
	width: 239px;
	height: 64px;
	position: relative;
}
	
#services-head span {
	background: url(images/services.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 64px;
	top: 0px;
}

/* services img replacement */

#education-head {
	width: 239px;
	height: 64px;
	position: relative;
}
	
#education-head span {
	background: url(images/education.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 64px;
	top: 0px;
}

/* services img replacement */

#shows-head {
	width: 239px;
	height: 64px;
	position: relative;
}
	
#shows-head span {
	background: url(images/shows.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 64px;
	top: 0px;
}


/* services img replacement */

#aboutus-head {
	width: 239px;
	height: 64px;
	position: relative;
}
	
#aboutus-head span {
	background: url(images/about-us.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 64px;
	top: 0px;
}

/* contact us img replacement */

#contact-head {
	width: 239px;
	height: 49px;
	position: relative;
}
	
#contact-head span {
	background: url(images/contact-us.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 49px;
	top: 0px;
}

/* login img replacement */

#login-head {
	width: 239px;
	height: 69px;
	position: relative;
}
	
#login-head span {
	background: url(images/login.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 69px;
	top: 0px;
}

/* register img replacement */

#register-head {
	width: 239px;
	height: 67px;
	position: relative;
}
	
#register-head span {
	background: url(images/register.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 67px;
	top: 0px;
}


/* search img replacement */

#search-head {
	width: 239px;
	height: 43px;
	position: relative;
}
	
#search-head span {
	background: url(images/search.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 43px;
	top: 0px;
}

/* link */

#link-head {
	width: 239px;
	height: 62px;
	position: relative;
}
	
#link-head span {
	background: url(images/links.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 62px;
	top: 0px;
}


/* join our team */

#join-head {
	width: 361px;
	height: 63px;
	position: relative;
}
	
#join-head span {
	background: url(images/join-our-team.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 63px;
	top: 0px;
}


/* register img replacement */

#register-class-button {
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	background: transparent url(images/head-bar-black.gif) no-repeat;
}

/* /////////////////////////////////////////////////////////  table styles */

#mytable {
	padding: 0;
	margin: 0em 0 1em;
	width: 100%;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #DDDDDD url(images/table-bg-black.gif) repeat-x;
}

#mytable td {
	
	border-bottom: 1px solid #999999;
	background: #fff;
	padding: 6px 6px 6px 12px;
}

#mytable td.alt {
	background: #EFEFEF;
}

#mytable td.spec {
	border-left: 1px solid #999999;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#mytable td.specalt {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 0;
	background: #EFEFEF url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* /////////////////////////////////////////////////////////  hour table styles */

#hourstable {
	padding: 0;
	margin: 0em 0 1em;
	width: 50%;
}

#hourstable caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#hourstable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #DDDDDD url(images/table-bg-black.gif) repeat-x;
}

#hourstable td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #fff;
	padding: 6px 6px 6px 12px;
}

#hourstable td.alt {
	background: #EFEFEF;
}

#hourstable td.spec {
	border-left: 1px solid #999999;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#hourstable td.specalt {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 0;
	background: #EFEFEF url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

a#sign-up-button{
	width: 100px;
	height: 24px;
	border: 0;
	cursor: hand;
	display: block;
	background: transparent url(images/btn-black-bg.gif) no-repeat;
	margin-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a#register-button {
	width: 100px;
	height: 10px;
	border: 0;
	display: block;
	background: #000000 repeat-x;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	text-align: center;
	padding: 0px;
}

#replacement-1 {
	width: 75px;
	height: 24px;
	margin: 0;
	padding: 0 0 5px;
	border: 0;
	background: transparent url(images/head-bar-black.gif) no-repeat;
        vertical-align: top;
	cursor: pointer;
	color: #FFFFFF;
	text-align: center;
    }
#sign-up {
	width: 75px;
	height: 24px;
	margin: 0;
	padding: 0 0 5px;
	border: 0;
	background: transparent url(images/head-bar-black.gif) no-repeat;
        vertical-align: top;
	cursor: pointer; 
	color: #FFFFFF;
	text-align: center;
    }
	
#black-bar {
	font-size: 14px;
	text-decoration: none;
	width: 200px;
	height: 24px;
	border: 0;
	background: transparent url(images/head-bar-black.gif) no-repeat;
        vertical-align: top;
	cursor: pointer; 
	color: #FFFFFF;
	text-align: center;
	margin: 0.5em 0;
	padding: 0 0 5px;
	padding-top: 3px;
}
	
	
a#grey-bar {
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 200px;
	height: 24px;
	margin: 0.5em 0;
	padding: 0 0 5px;
	border: 0;
	background: transparent url(images/head-bar-grey.gif) no-repeat;
        vertical-align: top;
	cursor: pointer; 
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
}

#replacement-2 {
      width: 100px;
      height: 55px;
      padding: 55px 0 0;
      margin: 0;
      border: 0;
      background: transparent url(images/SearchGoogle.gif) no-repeat top left;
      overflow: hidden;
      vertical-align: middle;
      cursor: pointer; 
}

form>#replacement-2 { /* For non-IE browsers*/
      height: 0px;
}

#search {
	float: right;
	width: 225px;
}

#search .SkinObject img {
	margin-top: 12px;
}

#search .NormalTextBox {
	border: 1px solid #c4c3c3;
	padding: 3px;
	margin: 0;
	float: left;
	margin-top: 13px;
}


/* img replacement */
	
#news-events {
	width: 610px;
	padding-top: 25px;
}

#search-button {
	width: 64px;
	height: 19px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(images/btn-search.jpg) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

/* sign up button */

.signup a {
	display: block;
	background: transparent url(images/signup.gif) no-repeat center top;
	width: 95px;
	height: 24px;
	text-indent: -1000em;
}


fieldset {
	border: 0;
}

/* feedback form */

#dnn_ctr432_Feedback_pnlFeedbackFormFields a img {
	display: none;
	
}

#dnn_ctr432_Feedback_pnlFeedbackFormFields span {
	color: #000;
}

/* feedback send button */
a#dnn_ctr432_Feedback_cmdSend {
	display: block;
	background-color: #ECECEC;
	padding: 5px 10px;
	width: 100px;
	color: #000;
	float: left;	
}

/* login form */

#dnn_ctr406_Login_pnlLogin a img {
	display: none;
}

#dnn_ctr406_Login_pnlLogin span {
	color: #000;
}

/* search results */

table#dnn_ctr351_SearchResults_dgResults {
}

table#dnn_ctr351_SearchResults_dgResults td {
	padding: 5px;
}

table#dnn_ctr351_SearchResults_dgResults tr {
	border-bottom: 1px solid #666;
	margin: 5px 0;
}

table#dnn_ctr351_SearchResults_dgResults td a {
	color: #000;	
}

table#dnn_ctr351_SearchResults_dgResults td a.SubHead {
	color: #000;
	font-size: 14px;
}

#map {
	width: 400px;
	float: right;
	height: 380px;
	border: 3px solid #eee;
	
}

#map iframe {
	border: none;
	width: 400px;

	height: 380px;
	
}
/* Footer */
#footer {
	border-top: 15px #000 solid;
	color:#ffffff;
	font-size: 10px;
	
}

#footer.home {
	border-top: 15px #000 solid;
	color:#ffffff;
	position: relative;
	top: -11px;
}

#foot {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}

#foot #left {
	float:left;
}

#foot #right {
	
}

#foot #left p {
	margin: 0;
	padding: 0;
	color: #B8B8B8;
	font-size: 10px;
}

#foot #right a {
	margin: 0;
	font-size: 10px;
	padding: 0;
	color: #B8B8B8;
	text-decoration: none;
}

/*links at bottom footer - home page and sub pages*/

#footerlist {
	float: left;
	padding-top: 1px;
	padding: 1px 5px;
}

#footerlist li {
	color: #8C8C8C;
	display: inline;
	list-style-type: none;
	background-position: center;
	padding-right: 10px;
	padding-left: 10px;
	border-right: thin solid #D1D1D1;
}

#footerlist li a {
	color: #666;
	text-decoration: none;
	font-size: 11px;
}

#footerlist li a:hover {
	color: #666666;
	text-decoration: underline;
}

/*for btm nav links without right pipe on all pages*/

#footerlist li.last {
	display: inline;
	list-style-type: none;
	border-right-style: none;
}

/* control panel */

table.ControlPanel {
	width: 100%;
	background-color: #fff;
	border-bottom: #666 solid 2px;
}

table.ControlPanel table {
	padding: 2px;
}

table.ControlPanel table table table{
	margin: 0 auto;
}

table.ControlPanel table td table {
	margin: 0 auto;
	
}

div.c_footer {
	clear: both;
	z-index: 99;
	
}

ul#sitemap {
	margin-left: 30px;
	
}

ul#sitemap a {
	color: #000;
	
}

ul#sitemap ul {
	margin-top: 10px;
}

#content ul {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#content li {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-left: 15px;
	padding-bottom: 5px;
	list-style: none;
	background: url(images/bullet.gif) no-repeat 0px 9px;
}

#content img.border {
	border: 7px #ECECEC solid;
	margin: 10px;
}

/* event tweaks */

#content .evtBar img {
	margin: 0px; 
}

.ListEventDate a {
	font-size: 12px;
	font-weight: normal;
	
}

/* event detail page */

#eventmaincontent {
	margin-top: 20px;	
}

#eventimage {
	float: right;
	display: block;
	margin: 20px;
	margin-left: 30px;
	margin-top: 0;	
}

