/**** BEGIN TOP-LEVEL STYLES *****/
body{
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	margin:0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:0px;
}

p {
	margin-bottom: 7px;
	margin-top: 0;
}

a {
   text-decoration:underline;
	/*font-size:12px;*/
	/*font-weight:bold;*/
}

td {
  height:100%;
  vertical-align:top;
}

/***** ADDED JUST TO ANNOY DANIEL  *****/

h3 a:visited,h3 a:link {
	color:#057D7D;
}

a:link, a:visited {
	color:#0C689D;
}

#wrapper-topnav a:link, #wrapper-topnav a:visited, #footer-nav a:link, #footer-nav a:visited {
	color:#000000;
}
/***** BACK TO DANIEL'S STUFF *****/


td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#col-left {
	background-position:top right;
	background-repeat:no-repeat;
}

#col-right {
	background-position:left top;
	background-repeat:no-repeat;
}

#col-center {
	position:relative;
	background-repeat:no-repeat;
}

#col-center #wrapper-content {
	padding-top:290px;
}

html>body #col-center #wrapper-content{
	position:relative;
}

#main {
	background-repeat: repeat-x;
}

.csc-caption {
	font-size: 9px;
}

/***** BEGIN HEADER STYLES *****/
h1 {
	font-size:18px;
	color:#d2700f;
}

h1.csc-firstHeader, .csc-header h1, .csc-header {
	font-size:16px;
	background-color:#fff;
}

h1#topHeader {
	padding:0px 0px 20px;
	margin:0px;
}

h2#topSubHeader {
	margin: -20px 0px 20px;
	font-size:14px;
	color: #6b6865;
}

h2.withBg, h2 {
	font-size:16px;
	padding: 10px 9px 6px;
}

h3 {
	font-size:14px;
	padding:0;
}

h4 {
	font-size:13px;
	padding:0;
	margin-bottom: 0px;
}
/***** BEGIN HEADER STYLES *****/

/***** END TOP-LEVEL STYLES *****/


/***** LEFTNAV STYLES *****/
#leftnav{
	width:161px;
	border-top: 1px solid #acaaa8;
}

#leftnav-margin{
	margin:11px 9px 11px 9px;
}

#leftnav-logo {
	padding:0px 0px 0px 13px;
	margin: 0px 0px 13px;
}

#leftnav-section ul, #leftnav-section li, #leftnav-section a,
#leftnav-info ul, #leftnav-info li, #leftnav-info a
{
	background-position: top left;
	background-repeat: no-repeat;
	display:block;;
	padding:0px;
	margin:0px;
}



#leftnav-section li,
#leftnav-info li
{
	background-position: top left;
	background-repeat: no-repeat;
}

#leftnav-section li a,
#leftnav-info li a
{
	padding: 0px 0px 0px 17px;
	margin:0px;
}

html>body #leftnav-section li a,
html>body #leftnav-info li a
{
	padding: 0px 0px 0px 17px;
}

#leftnav-section li ul li,
#leftnav-info li ul li
{
	background: none;
	border-bottom:1px solid #ccc;
}

#leftnav-section li ul li a,
#leftnav-info li ul li a
{
padding:4px 0px 8px 30px;
text-indent:-6px;
}

#tell-a-friend {
margin-top: 1em;
}

#tell-a-friend .field {
width:137px;
}
/*** END LEFTNAV STYLES ***/


/*** CONTENT AREA STYLES ***/
ul ol {
	margin-bottom:18px;
	padding-bottom:18px;
}

li {
	margin-bottom:8px;
	padding-bottom:8px;
}

li ul, li ol, ol li {
	margin-bottom:0px;
	padding-bottom:0px;
}

/*** TYPO3 STYLES***/
.tx-indexedsearch-rules {
	display:none;
}
/*** END TYPO3 STYLES***/

#main{
	background-color:#fff;
	padding:10px 13px 10px;
}


#home-logo{
	margin:20px 20px 20px 0;
}

#home-first-p
{
margin-top:6px;
}

/* Hide from IE-Mac \*/
#home-logo { margin-top:-18px; top:0px; margin-bottom: 0px;}
#home-logo-break-float { display:none; }
#home-first-p { margin:6px; 0px 0px}
/* End hide */

/*

I wanted to add a width and float parameter to the title photo div here.
This fixes the display in Safari and Firefox (Mac) and *shouldn't* break
IE/Win. However, for some reason, the styles weren't sticking if I put
them here, so I had to put them inline on the title-photo div tag.  So,
no changes here!

-Andrew

*/

#title-photo {
	float: right;
	margin: 0px 0px 20px 20px;
	text-align: center;
/*	display: none;*/
}

#title-photo div {
	display:inline;
}

/* Hide from IE-Mac \*/
#title-photo {
	text-align: center;
	display: inline;
	border:0px;
}

#title-photo img {
	float: none;
}
/* End hide */

/***** BEGIN TOPNAV STYLES *****/
#wrapper-topnav{
	height:48px;
	position:absolute;
	top:242px;
	left:0px;
	width:760px;
	text-align:left;
}

#topnav, #topnav ul{
	padding:0px;
	width:760px;
	list-style:none;
}

#topnav{
	margin:0px;
}

html>#topnav{
	margin-top:-2px;
}

#topnav li, #footer li {
  /*float the main list items so that they're horizontal
  margin:0px 8px 0px 10px;*/
  margin:0px;
  float: left;
  display: inline;
  padding-right: 0px;
  list-style:none;
}

html>body #topnav li {
	margin:0px 0px 0px 0px;
}

#topnav li a, #footer li a {
  /*for all links in the list*/
  font-weight: bold;
  display: block;
float:left;
  padding:6px 10px 3px 9px;
	text-decoration:none;
}


#topnav li.off ul, #topnav li.on ul, #topnav li.act ul {
  /*put the subnavs below and hide them all*/
	display: none;
	position: absolute;
	height:24px;
	width:760px;
	top: 24px;
	*top: 24px; /*reposition for IE*/
	left: 0px;
	background-repeat:no-repeat;
	background-position:bottom left;
}

#topnav li.on ul a, #topnav li.off ul a {
	float: left;
	/*ie doesn't inherit the float*/
	border: 0px;
	width: auto;
	margin-right: 9px;
}

#topnav li.on ul {
  /*display the current topic*/
	display: block;
}

#topnav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
	display: block;
	z-index: 6000;
}

#topnav li.off:hover ul, #topnav li.over ul {
	display: block;
	z-index: 6000;
}

#topnav li ul li.off a:link {
	color:black;
}

#topnav li ul li.off a:hover {
	color:#d2700f;
}

#breadcrumbs {
	position:absolute;
	top:30px;
	left:70px;
	font-weight:bold;
	width:690px;
	font-size:11px;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:hover {
  text-decoration:none;
}

h3 a:hover, a:hover, #wrapper-topnav a:hover, #footer-nav a:hover, .act a, .act, #breadcrumbs .act a, #breadcrumbs .act{
	color:#d2700f;
}

a:hover, .act a, .act, #topnav .act a , #topnav .act a:link , #topnav .act a:visited {
	color:#d2700f;
}

#breadcrumbs a:hover, #breadcrumbs .act a, #breadcrumbs .act, #topnav #breadcrumbs .act a , #topnav #breadcrumbs .act a:link , #topnav #breadcrumbs .act a:visited {
	color:#d2700f;
}

/***** END TOPNAV STYLES *****/

/***** BEGIN FOOTER STYLES *****/
#footer{
	clear:both;

	padding:0px 0px 5px;
	width:760px;
	text-align:center;

	background-color:#ffdddb;
	color:#5a5551;
	/*height:52px;*/
	border-top: 1px solid #acaaa8;
	z-index:1;
}
/***** END FOOTER STYLES *****/

/***** BEGIN EVENT LISTING STYLES *****/
.eventListings {
   width: 570px;
}

.event-detail .event-detail-image {
   margin-top: 70px;
}

#tixListings td {
   padding: 3px 8px 3px;
}

#tixListings td {
   border-top:1px solid #989898;
}

#tixListings .firstListing td {
   border:0px;
}

#tixListings .evenListing {
   background-color: #eee;
}




#tixListings a:link {
   color:blue;
   text-decoration:underline;
}

#tixListings a:visited {
   color:purple;
   text-decoration:underline;
}

#tixListings a:hover{
   color:#d2700f;
   text-decoration:underline;
}

/***** END EVENT LISTING STYLES *****/

#photo-credit {
   position:absolute;
   top:261px;
   left:760px;
}

/***** Classified Styles  *****/

.headingcat {
   margin-bottom: 8px;
   clear: both;
}

.classcats ul, .classcats {
  margin-top: 10px;
  margin-left: 21 px;
}

.classcats li {
  margin-top: -10px;
}
     /* With the below, why can't I get the damn table rows closer? ! */
.classcats ul, .classcats, .classrow {
  margin-bottom: -30px;
  padding-bottom: -30px;
}

/***** END Classified Styles  *****/

/***** BEGIN home page icons *****/
.icon-row a {
  float:left;
  margin-right:8px;
}

.icon-row a.last {
  margin:0px;
}