/*  TemplateName=CustomStyle.tpt */
/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 2003/07/24 23:47:39 paulj Exp $  */
/*
	These are the styles peculiar to this site. Any styles
	specified in this file will override the baseline
	styles for the Convio product. The styles	must be in
	this file so that they will be available in th
	Internet Exporer WYSIWYG HTML editor as well as in the
	Page Wrapper.
	Convio does not maintain this file once it has been
	delivered to the client.
*/

/* this starts the styles for the blueprint wrapper */

P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
                color: #333333; 
}

.appArea {
  width: 95%;
}

#home_events {
	background-image: url(../images/content/pagebuilder/10743.gif); 
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 2px;
	padding-bottom:2px;
}


body {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

hr {
	margin-right: 10;
	margin-left: 10;
	width: 100%;
	height: 1px;
	background-color: #000000;
	border: 0px solid #000000;
}

h1 { 
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
	margin-top: 15px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #333333;
	margin-top: 15px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;	

}

h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;	
	color: #333333;
	
}


img {
        border: none;
}

a, a:link, a:visited {
	color: #039;
	font-size: 12px;
	text-decoration: underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a:hover, a:active {
	color: #cc3300;
	font-size: 12px;
	text-decoration: underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.Button {
padding-top:10px;
}

.hp_divider {
background-image:url(../images/content/pagebuilder/10746.gif); 
background-repeat:repeat-y;
}

a.hplink:link, a.hplink:visited {
	color: #666666;
	font-size: 11px;
	text-decoration: underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a.hplink:hover, a.hplink:active {
	color: #999999;
	font-size: 11px;
	text-decoration: underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.SectionHead {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

p.cstmTitle {
	font-size: 14pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.ObjTitle {
	color: #039;
	font-size: 12pt;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.ProgressBox {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

.ProgressBoxCurrent {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
    font-weight: bold;
}

table.ProgressBox {
	padding-right : 4px;
	padding-left : 4px;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.ProgressBox:link {
	font-size: 8pt;
	text-decoration:none;
}

a.ProgressBox:visited {
	font-size: 8pt;
	text-decoration:none;
}

a.ProgressBox:hover {
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
}

.Instructions {
	color: white;
	background-color : #069;
	background-image: URL(../images/sp.gif);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.Instructions {
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.whitelink, a.whitelink:link, a.whitelink:visited, a.whitelink:hover, a.whitelink:active {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.FormBox {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: white;
	background-image: URL(../images/sp.gif);
}

div.FormBox {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 600px
}

div.FormBoxNoWidth {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
}

table.FormBox {
	border: #669 1px solid;
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: white;
}

.FormBoxNoWidth .Divider {
	background-color: white;
}

.FormBox .dividerHeading {
	background-color: white;
}

.FormBoxNoWidth .dividerHeading {
	background-color: white;
}

/* this ends the styles for the blueprint wrapper */


#masthead td, #masthead a:link, #masthead a:visited, #masthead a:hover, #masthead a:active {
	color:#333333;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

#footer td, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#ffffff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
}

#subfooter td, #subfooter a:link, #subfooter a:visited, #subfooter a:hover, #subfooter a:active {
	color:#ffffff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-decoration:underline;
}

#subfooter td {
	text-decoration:none;
}

#s63 {
	height:auto;
	width:600px;
}

#ltNav { 
	width:138px;
	padding:0; 
	margin:0;
	list-style-type: none;
}

#ltNav li {
	display:inline; 
	position:relative;
	margin: 0;
	width: 138px;
}

#ltNav li a:link.secondary, #ltNav li a:visited.secondary, #ltNav li a:hover.secondary, #ltNav li a:active.secondary, #ltNav li span.secondary {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4692bf;
	text-decoration:none;
	font-size:13px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#ltNav li a:link.tertiary, #ltNav li a:visited.tertiary, #ltNav li a:hover.tertiary, #ltNav li a:active.tertiary {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	font-size:11px;
    padding-top: 3px;
	padding-bottom: 3px;
}

#ltNav li a:link.tertiaryselected, #ltNav li a:visited.tertiaryselected, #ltNav li a:hover.tertiaryselected, #ltNav li a:active.tertiaryselected {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#cc3300;
	text-decoration:none;
	font-size:11px;
    padding-top: 3px;
	padding-bottom: 3px;
}

.separator {
	margin: 1px 0px;
}

/* begin styles for individual show pages */

.showtitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
}

.showinfo {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.showinfo2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.tagline {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold; 
	font-style: italic;
	text-align: center;	
}

.highlight {
    color: #cc3300;
}

.smalltext {
    font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
}

a.smalltext:link, a.smalltext:visited {
	color : #039;
	font-size: 10px;
	text-decoration : underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a.smalltext:hover, a.smalltext:active {
	color : #cc3300;
	font-size: 10px;
	text-decoration : underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* styles for tabbed section of individual show pages */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #CCCCCC;
 font: bold 12px Arial, Verdana, Helvetica, sans-serif;
 font-stretch: ultra-expanded;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border: 1px solid #CCCCCC;
 border-bottom: none;
 background: #d9edf7;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #336699; }
ul.tabbernav li a:visited { color: #333333; }

ul.tabbernav li a:hover
{
 color: #333333;
 background: #d9edf7;
 border-color: #CCCCCC;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 color: #333333;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #333333;
 background: white;
 border-bottom: 1px solid white;
 text-decoration: none;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #CCCCCC;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* styles for calendar pages */

table.cal, tr.cal, td.cal {
	margin: 0px;
	padding: 0px;
	border: 1px solid #cccccc;
}

.cal_dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

a.cal_nav:link, a.cal_nav:hover, a.cal_nav:active, a.cal_nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4692bf;
	font-weight: bold;
	text-decoration: none;
}

.cal_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4692bf;
	font-weight: bold;
	text-decoration: none;
}

.weekday {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
}

.calbox_on {
	border: 1px solid #cccccc;
	width: 90px;
	background-color: #E0ECF8;
	padding: 1px;
}

.calbox_off {
	border: 1px solid #cccccc;
	width: 90px;
	background-color: #E6E6E6;
	padding: 1px;
}
.date_on {
	text-align: right;
	background-image: url(/images/content/pagebuilder/10871.jpg);
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding-right: 5px;
}

.date_off {
	text-align: right;
	background-color: #999999;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding-right: 5px;
}

a.caltitle_show:link, a.caltitle_show:hover, a.caltitle_show:active, a.caltitle_show:visited {
	color: #c34800;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

a.caltitle_cons:link, a.caltitle_cons:hover, a.caltitle_cons:active, a.caltitle_cons:visited {
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

a.caltitle_new:link, a.caltitle_new:hover, a.caltitle_new:active, a.caltitle_new:visited {
	color: #660099;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

a.caltitle_devo:link, a.caltitle_devo:hover, a.caltitle_devo:active, a.caltitle_devo:visited {
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

a.caltitle_interact:link, a.caltitle_interact:hover, a.caltitle_interact:active, a.caltitle_interact:visited {
	color: #0000CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

.caltime {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}