/*  TemplateName=CustomStyle.tpt */


/*  Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 Updates made between December 2007 and February 2008 by Carmen Abrams for Diabetes Action*/


/*


	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 the
	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 section contains the new styles created and/or modified by Carmen Abrams Dec 2007 - Feb 2008*/

body
{
font-family:Arial, sans-serif;
font-size:10pt;
color:#000000;
}

.underedge {
background: url(../images/content/pagebuilder/13542.jpg) repeat-y;

	width:820px;

	margin-right:auto;
                     margin-left:auto;

	padding:0;

	text-align:center;
}

.underedge_tr {
background: url(../images/content/pagebuilder/13597.jpg) repeat-y;

	width:960px;

	margin-right:auto;
                     margin-left:auto;

	padding:0;

	text-align:center;
}

p,span,table,li,tr,th,td,.explicit
{
	font-size:1em;
	font-family:Arial,sans-serif;
}



.pagetitle
{
	font-size:1.95em;
	color:#005c84;
        font-weight:normal;
}

/*
p.pagetitle
	{
	display:inline;
}
*/
/*
h1.pagetitle
{
display:inline;
}
*/
/*
a. pagetitle
{
	font-size:1.95em;
	color:#005c84;

}
*/
.headline
{
	font-weight:bold;
	font-size:1.35em;
	color:#005c84;
}

a.headline
{
	font-weight:bold;
	font-size:1.35em;
	color:#005c84;
}


.subheading /*subheading is now slightly larger than default text size. For text that
is default size, bold and blue use new class .bluebold - see below*/
{
	font-weight:bold;
	font-size:1.1em;
	color:#005c84;
}

h2.subheading
{
font-weight:bold;
	font-size:1.1em;
	color:#005c84;
}

.italictitle /*italic version of subheading*/
{
	font-size:1.1em;
	color: #005c84;
	font-weight:bold;
	font-style:italic;
}

a.italictitle
{
	font-size:1.1em;
	color: #005c84;
	font-weight:bold;
	font-style:italic;
}

.italicblue
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
}

p.italicblue
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
}

a.italicblue
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
}

span.italicblue
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
}

.italicbb
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
	font-weight:bold;
}

p.italicbb
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
	font-weight:bold;
}

a.italicbb
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
	font-weight:bold;
}

span.italicbb
{
	font-size:1em;
	color: #005c84;
	font-style:italic;
	font-weight:bold;
}


.bodytext /*this is the default size and color of the text in the entire site except the a tags.
As of Feb 07 2008 there is no need to specify this class when using this style of text.*/
{
	font-size:1em;
	color: #000000;
}

.boldtext
	{
	font-weight:bold;
}

p.boldtext
	{
	font-weight:bold;
}

a.boldtext
	{
	font-weight:bold;
}

span.boldtext
	{
	font-weight:bold;
}








.bluetext /* Use this class to turn default-sized text to blue*/
{
	font-size:1em;
	color: #005c84;
}

p.bluetext
{
	font-size:1em;
	color: #005c84;
}

span.bluetext
{
	font-size:1em;
	color: #005c84;
}

.graytext
{
	font-size:1em;
	color:#333333;
        font-weight:normal;
}

a.graytext
{
	font-size:1em;
	color:#333333;
}

.boldblue /*former subheading styles. Use for default size in bold and blue. Continue using
subheading class as usual instead of these styles*/
{
	font-weight:bold;
	font-size:1em;
	color:#005c84;
}

a.allcaps
{
	font-size:1.1em;
	font-weight:bold;
}

h2.allcaps
{
font-weight:normal;
}

p.allcaps /*Use this style for titles that appear in all uppercase letters.*/
{
	font-size:1.1em;
	font-weight:bold;
	color: #005c84;
}


.smalltext
{
	font-size:.9em;
}

p.smalltext
{
	font-size:.9em;
}

a.smalltext
{	
	font-size:.9em;
}

span.smalltext
{
	font-size:.9em;
}


.byline {/*same as italic*/
	font-style: italic;
}

.italic {
	font-style: italic;
}

.italicbold {
	font-style:italic;
	font-weight:bold;
}

p.italicbold {
	font-style:italic;
	font-weight:bold;
}

a.italicbold {
	font-style:italic;
	font-weight:bold;
}

span.italicbold {
	font-style:italic;
	font-weight:bold;
}

.photocaption
{
	font-size:.8em;
	color:#000000;
	font-style:italic;
}

.grayphotocaption
{
	font-size:.8em;
	color:#333333;
	font-style:italic;
}


ul
{
	list-style-image: url(../images/content/pagebuilder/12943.jpg);
	list-style-type:circle;
	margin-left:1.25em;
	padding-left:0px;
}


.introbox 
/*This box is used in conjunction with .pagetitle (which always displays inline) for
the introduction area of pages throughout the site. The padding at the top and bottom
are set to work with inline elements.*/

{
	border: 1px solid #95c3d3 ;       
	background-color: #e0f0f5;
        width:100%;
	padding:0px 0px 0px 4px;
}

.bannerbox
/*Although this box is identical in color and border as introbox, this box is configured
to be used as accent and/or buttons in areas other than the introduction.*/ 
{
	border: #95c3d3 1px solid;
	background-color: #e0f0f5;
        width:100%;
	padding:4px;
}

.calloutBox {
  background-color: #95c3d3;
  color: #000;
  float: right;
  margin:5px;
  width: 150px;
}

.calloutInside {
  border-bottom: 10px solid #ffffff;
  border-left: none;
  border-right: none;
  border-top: 10px solid #ffffff;
  color: #000;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
  margin-right:30px;
}

/*.calloutInside p {
background-color: #ffffff;
  color: #000;
  font-style: italic;
  text-align: center;
}
*/



.calloutInside p {
  background-color:#ffffff;
  color: #000000;
  font-family: Georgia, serif;
  font-size:.85em;
  font-style: italic;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: -20px;
  padding: 1em;
}




a:link, a:visited
/*This is the general behavior of links. Other link behaviors are specified by their location.*/
{
	color: #005c84;
	text-decoration:none;
	font-family:Arial, sans-serif;
}

a:hover, a:active
{
	color:#0376AD;
	text-decoration:underline;
	font-family:Arial, sans-serif;
}

nodisplay{display:none;}

a.donate:link, a.donate:visited 
{
background:url(../images/content/pagebuilder/14107.gif);
MARGIN-LEFT: 70px;
width:70px;
height:20px;
}
a.donate:hover
{
background:url(../images/content/pagebuilder/14108.gif); 
MARGIN-LEFT: 70px;
width:70px;
height:20px;
}



a.donate:active 
{
background:url(../images/content/pagebuilder/14109.gif);
MARGIN-LEFT: 70px;
width:70px;
height:20px;
}



a.newsletter:link, a.newsletter:visited 
{
background:url(../images/content/pagebuilder/14147.gif);
MARGIN:auto;
width:130;
height:42;
repeat:no-repeat;
display:block;
}

a.newsletter:hover
{
background:url(../images/content/pagebuilder/14149.gif); 
MARGIN:auto;
}



a.newsletter:active 
{
background:url(../images/content/pagebuilder/14147.gif);
MARGIN:auto;
width:130;
height:42;
repeat:no-repeat;
display:block;
}

span.newsletter{
display:none;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

span.cssbutton{
font-family:georgia,serif;
}

a.cssbutton:link,a.cssbutton:visited{
background:url(../images/content/pagebuilder/14165.jpg);
MARGIN:auto;
width:130px;
height:65px;
repeat:no-repeat;
display:block;
color:#033566;
text-decoration:none;
border:1px solid #333333;
}



a.cssbutton:hover{
background:url(../images/content/pagebuilder/14166.jpg);
color:#005c84;
text-decoration:none;
border:1px solid #666666;
}

a.cssbutton:active{
color:#005c84;
text-decoration:none;
}

/*Version 2 of cssbutton*/

span.cssbutton2{
display:none;
}

a.cssbutton2:link,a.cssbutton2:visited{
background:url(../images/content/pagebuilder/14169.gif);
MARGIN:auto;
width:130px;
height:65px;
repeat:no-repeat;
display:block;
}

a.cssbutton2:hover{
background:url(../images/content/pagebuilder/14170.gif);
}

a.cssbutton2:active{
background:url(../images/content/pagebuilder/14169.gif);
}

/*Version 3 of cssbutton*/

span.cssbutton3{
display:none;
}

a.cssbutton3:link,a.cssbutton3:visited{
background:url(../images/content/pagebuilder/14181.gif);
MARGIN:auto;
width:130px;
height:65px;
repeat:no-repeat;
display:block;
}

a.cssbutton3:hover{
background:url(../images/content/pagebuilder/14170.gif);
}

a.cssbutton3:active{
background:url(../images/content/pagebuilder/14181.gif);
}


/*Version 4 of cssbutton*/

span.cssbutton4{
display:none;
}

a.cssbutton4:link,a.cssbutton4:visited{
background:url(../images/content/pagebuilder/14183.jpg);
MARGIN:0px auto;
width:110px;
height:68px;
repeat:no-repeat;
display:block;
}

a.cssbutton4:hover{
background:url(../images/content/pagebuilder/14184.jpg);
}

a.cssbutton4:active{
background:url(../images/content/pagebuilder/14183.jpg);
}

/*Versions 5, 6 and 7 of cssbutton -TeamRaiser Registration Buttons- Register*/

/*CSS Button 5 - Register (individual)*/

span.cssbutton5{
display:none;
}

a.cssbutton5:link,a.cssbutton5:visited{
background:url(../images/content/pagebuilder/14447.jpg);
MARGIN-left:30px;
repeat:no-repeat;
display:inline;
}

a.cssbutton5:hover{
background:url(../images/content/pagebuilder/14448.jpg);
}

a.cssbutton5:active{
background:url(../images/content/pagebuilder/14447.jpg);
}


/*CSS Button 6 - Register a Team*/


span.cssbutton6{
display:none;
}


a.cssbutton6:link,a.cssbutton6:visited{
background:url(../images/content/pagebuilder/14449.jpg);
MARGIN-left:30px;
width:110px;
height:60px;
repeat:no-repeat;
display:inline;
}

a.cssbutton6:hover{
background:url(../images/content/pagebuilder/14450.jpg);
}

a.cssbutton6:active{
background:url(../images/content/pagebuilder/14449.jpg);
}

/*CSS Button 7 - Join a Team*/


span.cssbutton7{
display:none;
}


a.cssbutton7:link,a.cssbutton7:visited{
background:url(../images/content/pagebuilder/14451.jpg);
MARGIN-left:30px;
width:110px;
height:60px;
repeat:no-repeat;
display:inline;
}

a.cssbutton7:hover{
background:url(../images/content/pagebuilder/14452.jpg);
}

a.cssbutton7:active{
background:url(../images/content/pagebuilder/14451.jpg);
}

/*.trbutton 5: Same results as cssbutton5 but different class names for testing purposes*/

span.trbutton5{
display:none;
}

.trbutton5 span{
display:none;
}

.trbutton5 a{
background:url(../images/content/pagebuilder/14447.jpg);
MARGIN-left:30px;
repeat:no-repeat;
display:inline;
}

a.trbutton5:link,a.trbutton5:visited{
background:url(../images/content/pagebuilder/14447.jpg);
MARGIN-left:30px;
repeat:no-repeat;
display:inline;
}

a.trbutton5:hover{
background:url(../images/content/pagebuilder/14448.jpg);
}

a.trbutton5:active{
background:url(../images/content/pagebuilder/14447.jpg);
}



/*End of modified Dynamic Drive styles*/

		/*End of styles created and or modified by Carmen Abrams Dec 2007-Feb 2008*/

		/*Below are styles as defined by Convio. See comments for any modification*/


		/* a tag and wrapper styles*/


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

.header {
	color: #095c84;
}

a.header,
a.header:link,
a.header:visited {
	color: #095c84;
	font-weight: bold;
	text-decoration: none;
}

a.header:hover {
	color: #78bed8;
	font-weight: bold;
	text-decoration: underline;
}

.navHead {
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
	color: #005685;
	padding: 0px 0px 0px 10px;
}


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

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

.leftNav {
	margin: 0;
      width:150px;
	padding: 0px;
	background-color:#e0f0f5;
	border:1px solid #95c3d3;
}

.leftNavTR {
	margin: 0;
      width:150px;
	padding: 0px;
	background-color:#ffffff;
	border:none;

ul.leftNav{
list-style-type: none;

}

ul.leftNavTR{
list-style-type: none;

}

li.leftNav{
list-style-type: none;
}

li.leftNavTR{
list-style-type: none;
}

html>body .leftNav {
	margin: 0px;  /*ff override*/
}

html>body .leftNavTR {
	margin: 0px;  /*ff override*/
}

.leftNavText {
        color: #095c84;
        font-size: 1em;
        font-weight:bold;
}

a.leftnavlinks{
font-size: .9em;
font-family: Arial, sans-serif;
text-decoration:none;
color:#095c84;
}

a.leftnavlinks:visited{
color:#095c84;
text-decoration:none;
}

a.leftnavlinks:hover{
text-decoration:underline;
color:#ffffff;
}

a.loginlinks{
color:#095c84;
font-size: 1em;
font-family: Arial, sans-serif;
}

.footer {
    font-family: Arial, sans-serif;
    font-size: .8em;
    color: #FFFFFF;
    font-weight: bold;
    background-color:#006599;
}

a.footer:link, a.footer:visited { 
	font-family: Arial, sans-serif;
        font-size:1em;
	color: #FFFFFF;
	text-decoration: none;
}


a.footer:hover {
	font-family: Arial, sans-serif;
        font-size:1em;
	color: #ffffff; 		
	text-decoration:underline;
}

a.footer:active {
        font-family: Arial, sans-serif;
        font-size:1em;
	color: #FFFFFF;
	text-decoration: none;
}


.searchbox { font-family: Arial, sans-serif;
	width: 136px;	
  	font-size: 13px;
}

.textbox {
	font-family: Arial, sans-serif;
	width: 179px;	
  	font-size: 13px;
}


.logoutText {
    color: #095c84;
}

img{
border:none;
}

.appArea {
	width: 550px;
}


hr {
	margin:auto;   
	width: 95%;
	height: 1px;
	background-color: #005c84; /*background color and border changed from #000000; on Feb 07 08*/
	border: 0px solid #005c84;
}



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



.ObjTitle {
	color: #006699;
	font-size: .9em;
    	font-family: Arial, sans-serif;
}

.ProgressBox {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.ProgressBoxCurrent {
	font-family: Arial, sans-serif;
	font-size: 10px;
	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: .8em;
	text-decoration:none;
}

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

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

.Instructions {
	color: white;
	background-color : #069;
	background-image: URL(../images/sp.gif);
	font-family: Arial, sans-serif;
	font-size: .8em;
	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;
}




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

div.FormBox {
	border:none;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 400px;
}

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

table.FormBox {
	border: none;
	border-collapse: collapse;
}

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

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

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

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


/* Team Raiser - These styles apply to the Team Raiser component*/

/* teamraiser inset background */
 

table.cstmBack

{
background-color: #E1F0F5;
border: #95c3d3 1px solid;
margin-right:10px;
}

 

/* teamraiser inset module backgrounds */

 

.addBorder

{

background-color: #E1F0F5;
border: #95c3d3 1px solid;

}

div.controlArea

{

background-color: #ffffff;
border:  #95c3d3 1px solid;
color:#005c84;
}

p.controlArea
{
color:#005c84;
}


/* Teamraiser photo frame */

.cstmFrame 

{

border: #95c3d3 1px solid;

background-color: #E1F0F5;

color: #005c84;

text-align: center;

font-style: italic;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

 

 

/* Teamraiser Headings */

 

p.cstmHeading

{

 font-weight:bold;

 font-size:1.1em;

 color:#005c84;

}

 

h2.cstmTitle
{
        font-weight:bold;
        font-family: Arial, sans-serif;
        font-size:1.4em;
        color:#005c84;
}


p.cstmTitle {
	font-size: 1.2em;
	font-family: Arial, sans-serif;
       font-weight:bold;
       color:#005c84;
}

 

/* Teamraiser body */

p.cstmText, p.cstmHeading, p.cstmTitle 

{
margin-right:30px;
font-family:Arial;

}


p.cstmText

{

font-size:12px;


}