/*  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: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 9pt;
}

body {  
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 10px;
	color: #000000;
	margin-top:8px;
}

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

a.topNav:link,
a.topNav:active,
a.topNav:visited {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.topNav:hover {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a, a:link, a:visited {
	color : #ffffff;
	font-size: 10pt;
	text-decoration : underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a:hover, a:active {
	color : #ffffff;
	font-size: 10pt;
	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 {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-weight: bold;
	font-size: 13pt;
	color: #006666;
}

.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 */

.text {  font-family: Trebuchet MS, Verdana, sans-serif; font-size: 9pt; color: #000000; font-weight: normal; list-style-type: disc}
.subheader {  font-family: Trebuchet MS, Verdana, sans-serif; font-size: 13pt; color: #006666; text-transform: none; clip:  rect(   ); font-weight: bold}
.secondheader {
	font-size: 9pt;
	color: #000000;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
}
.smallhead {  font-family: Trebuchet MS, Verdana, sans-serif; font-size: 9pt; font-weight: bold; text-transform: none; color: #000000}
.behheader {  font-family: Trebuchet MS, Verdana, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000}
.txtbld {  font-size: 9pt; font-weight: bold; color: #000000; font-family: Trebuchet MS, Verdana, sans-serif}
.classhead {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	background-color: #003366;
	font-family: Trebuchet MS, Verdana, sans-serif;
}
.click {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #006699;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.quote {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.tagline {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
.list-paw {
	list-style-position: outside;
	list-style-image: url(../images/wrpr/paw-small.gif);
	list-style-type: circle;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.list {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-type: circle;
}
.telethon {
	font-family: Trebuchet MS;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #333399;
}
.mainpage {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 9pt;
	color: #FFFFFF;
}
.mainpagehead {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.newlink, .newlink:link, .newlink:visited, .newlink:hover, .newlink:active {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 9pt;
	color: #FFFFFF;
}
.Bullets {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
}
.sidebartext {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 9px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
}
.search {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
}
.sidebarsearch {
	font-family: Verdana, Arial, sans-serif, Trebuchet MS;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
}
.month {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #006666;
	width: 25px;
	background-color: #ccdddd;
}

.style5 {
	font-family: Verdana, Arial, sans-serif, Trebuchet MS;
	font-weight: bold;
}
body,td,th {
	color: #000;
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
}
body {
	background-color: #669999;
}
.style6 {
	color: #000000;
	font-weight: bold;
}
.style7 {
	font-size: x-small;
	color: #FFFFFF;
}
.style8, a.style8:link, a.style8:visited, a.style8:hover, a.style8:active {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
	color: #CC0000;
	font-weight: bold;
	font-size: 9pt;
}
.style9 {color: #006666}
.style15 {font-size: 10pt}
.style31 {
	font-size: 16px;
	font-weight: bold;
}
.style38 {font-size: 9pt}
.style39 {font-size: 16px}
.style40 {
	font-size: 10pt;
	font-weight: bold;
}

/*  *************FORM STYLES************* */
.FormSectionHeader,
TD.TestSectionHeaderColor {
	font-weight: bold;
	background-color: #fff;
	color: #000;
        font-size: 9pt;
        text-transform:uppercase;
}

TD.FormSectionHeader {
	width: 100%;
	border-bottom: 1px solid #fff;
}

H5.FormSectionHeader {
	margin-bottom: 0px;
	padding: 5px 0em;
}

.CancelButton,
.PreviousButton {
	background: #99cccc;
	color: #000;
	border: outset 2px #99cccc;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

TD.FormInput TEXTAREA,
TD.FormInput LABEL,
TD.FormInput INPUT,
TD.FormInput SELECT,
TD.FormInput OPTION {
	font-family: Trebuchet MS, Verdana, sans-serif, Arial;
}

.NextButton,
.FinishButton {
	background: #99cccc;
	color: #000;
	border: outset 2px #99cccc;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

TD.holdsErrorMsgTable,
TD.holdsErrorMsgOverTable,
TD.TestSecondaryColor {
	background-color: #fff;
}


/*  *************TRAINING NAV STYLES************* */
#trainingnav {
z-index:10;
width:500px; 
font-size:11px;
font-family:Trebuchet MS, Verdana, sans-serif, Arial;
position:relative;
}
/* remove all the bullets, borders and padding from the default list styling */
#trainingnav ul {
padding:0;
margin:0;
list-style-type:none;
}
#trainingnav ul ul {
width:97px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#trainingnav li {
float:left;
width:97px;
position:relative;
border:1px solid #fff; 
border-width:0px 1px 0px 0px; 
}
#trainingnav li.single {
float:left;
width:97px;
position:relative;
border:1px solid #fff; 
border-width:0px 1px 0px 0px;
height:30px; 
}
/* style the links for the top level */
#trainingnav a, .menu a:visited {
display:block;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:center; 
color:#fff; 
width:97px; 
height:30px;
padding-top:2; 
line-height:13px;
border:1px solid #fff; 
border-width:1px 0px 0px 0px; 
background: url(../images/content/pagebuilder/10483.gif) no-repeat;
}
#trainingnav a.single, .menu a.single:visited {
display:block;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:center; 
color:#fff; 
width:97px; 
height:30px;
padding-top:9; 
border:1px solid #fff; 
border-width:1px 0px 0px 0px; 
background: url(../images/content/pagebuilder/10483.gif) no-repeat;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #trainingnav a, * html #trainingnav a:visited {
width:97px;
w\idth:97px;
}

/* style the second level background */
#trainingnav ul ul a.drop, #trainingnav ul ul a.drop:visited {
background:#446666;
}
/* style the second level hover */
#trainingnav ul ul a.drop:hover{
background:#669999;
}
/* style the second level hover */
*html #trainingnav ul ul li a:hover {
background:#669999;
}
#trainingnav ul ul :hover > a.drop {
background:#669999;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#trainingnav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:97px;
z-index:1000;
}
/* another hack for IE5.5 */
* html #trainingnav ul ul {
top:30px;
t\op:30px;
}

/* style the second level links */
#trainingnav ul ul a, #trainingnav ul ul a:visited {
background:#ccdddd; 
color:#446666; 
height:18px; 
line-height:1em; 
padding-top:3px;
width:97px;
}
*html #trainingnav ul ul a, *html #trainingnav ul ul a:visited {
background:#ccdddd; 
color:#446666; 
height:18px; 
line-height:1em;
padding-top:3px; 
width:97px;
}
/* style the top level hover */
#trainingnav li:hover,
#trainingnav a:hover{
color:#446666; 
background: url(../images/content/pagebuilder/10484.gif) no-repeat;   
}
#trainingnav li.single:hover,
#trainingnav a.single:hover{
color:#446666; 
background: url(../images/content/pagebuilder/10484.gif) no-repeat;
}
#trainingnav ul ul a:hover{
color:#fff; 
background:#669999;
}
#trainingnav :hover > a {
color:#446666;
background: url(../images/content/pagebuilder/10484.gif) no-repeat;
}
#trainingnav ul ul :hover > a {
color:#fff;
background:#669999;
}
/* make the second level visible when hover on first level list OR link */
#trainingnav ul li:hover ul,
#trainingnav ul li.sfhover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#trainingnav ul li:hover ul ul,
#trainingnav ul li.sfhover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#trainingnav ul li:hover ul li:hover ul,
#trainingnav ul li.sfhover ul li.sfhover ul{
visibility:visible;
}
.clear {
clear:both;
}

#ACTION_CANCEL_RESPONSE_SUBMIT {
display:none;
}

hr.training {
border: 0;
color: #669999;
background-color: #669999;
height: 1px;
width: 95%;
text-align: left;
}

.eventtitle {
font-family: Trebuchet MS, Verdana, sans-serif, Arial;
font-weight: bold;
font-size: 13pt;
color: #006666;
}

.ShoppingCartContents {
FONT-SIZE: 11pt;
color: #663366;
font-weight: bold;
background-color: #d8e0eB;
padding: 4px 4px;
width: 100%;
border: 1px solid #466172;       
}


.ShoppingButtonPrimary {
	background: #99cccc;
	color: #000;
	border: outset 2px #99cccc;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
    font-family: Trebuchet MS, Verdana, sans-serif, Arial;
}

.Button {
	background: #99cccc;
	color: #000;
	border: outset 2px #99cccc;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
    font-family: Trebuchet MS, Verdana, sans-serif, Arial;
}

.ShoppingButtons {
	background: #99cccc;
	color: #000;
	border: outset 2px #99cccc;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
    font-family: Trebuchet MS, Verdana, sans-serif, Arial;
}

input.searchBox {
font-family: "Lucida Console", Courier, monospace;
font-size: 10pt;
}

a:link {
	color: #669999;
        font-family: Trebuchet MS, Verdana, sans-serif;
        font-size: 9pt;
}
a:visited {
	color: #99CCCC;
        font-family: Trebuchet MS, Verdana, sans-serif;
       font-size: 9pt;
}
a:hover {
	color: #99CCCC;
        font-family: Trebuchet MS, Verdana, sans-serif;
        font-size: 9pt;
}
a:active {
	color: #99CCCC;
        font-family: Trebuchet MS, Verdana, sans-serif;
        font-size: 9pt;
}
.style1, .style1 a:link, .style1 a:visited {
    font-size: 9px;
	font-family: Trebuchet MS, Verdana, sans-serif;
}
.style3 {font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif;}
body {
	background-color: #669999;
}

