span.brake{
display: block;
}

span.bold{
font-weight:bold;
}

span.italic{
font-style: italic;
}

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


p.bold{
font-weight:bold;
}

p.italic{
font-style: italic;
}

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

div.bold{
font-weight:bold;
}

div.italic{
font-style: italic;
}

div.bolditalic{
font-style: italic;
font-weight:bold;
}



/******************* Universal Start ****************/
*{
margin: 0;
padding: 0;
}	

* a{
margin: 0em;
padding: 0em;
text-decoration:none
}

* li{
margin: 0;
padding: 0;
list-style: none; 
}

* ul{
margin: 0;
padding: 0;
}

* img{
border:none
}

* a:link{
color: #54b9d5;
}

* a:visited{
color: #54b9d5;
}

* a:hover{
color: #014669;
}

* a:active{
color: #5792a0;
}

span*brake{
display: block;
}

/******************* Universal End ****************/


body {
      font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
      background-color: white; /* #c5cbcc; #e5e9ea; */ /*#f5f5f5;*/ #094585;
      /*background: /*#2d5e92*/ white url(/images/newsback.jpeg);*/
      text-align: center;
      padding: 0;
      margin: 0em;
}


/********************Body End************************/


/********************Page Start**********************/

#container {
	width: 56em;
	background: #F4ECD9;	
	text-align: left;
	/*border: 1px solid #963;*/
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
	background-color: white;  
	color: black;
	font-family: sans-serif;
	/*border: .05em solid #313657;*/
	/* min-width: 800px; = 65em */
}


/********************Banner Start************************/

/*** banner div ***/
div#banner{
background-color: #33679c;
height: 5.5em;
}

h2#johndeveraux{
float: left ;
margin: .1em 0 0em .25em;
font-size: 3em;
font-family: serif; 
color: white;
}

h2#psychicmedium{
float: right;
margin: .7em .3em 0 0;
font-size: 1.9em;
font-weight: normal;
color: white;
font-family: "pristina",serif;
}

/********************Banner End********************/

/********************NavBar Start********************/

div#nav{
margin-left: auto;
margin-right: auto;
font-size:  100%;
padding-left: 0em;
height: 2.25em;
background-color: #1e4469;
/* background:url(../images/navbar.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-color:blue;*/
}

div#nav ul.level1{
font-weight:bold;
}

div#nav ul{
background-color: pink;/* submenu hover img same color */
font-size:  100%;
}

div#nav li
{
background-color: red;/*navbar color hover*/
position: relative;
float: left;
line-height: 1.75em;
}

/* 2.8 added menu Home 2.9*/
div#nav li.home,
div#nav li.homesub,
div#nav ul li.home ul{
width: 5.8em;
}

/* submenu hover Home*/
div#nav li.homesub a{
width: 5.75em;
text-align: left;
padding-left: 2em;
}

/* 2.8 added top menu About 5.7*/
div#nav li.about,
div#nav ul li.about ul,
div#nav li.aboutsub
{
width: 7.7em;
}

/* submenu hover About*/
div#nav li.aboutsub a
{
width: 8.5em;
text-align: left;
padding-left: 1.3em;
}

/* 2.8 added top menu Readings 4.6*/
div#nav li.readings,
div#nav ul li.readings ul
{
width: 10.7em;
}

/* submenu ul Box Readings*/
div#nav li.readingssub{
width: 14em;
}

/* submenu hover Readings*/
div#nav li.readingssub a{
width: 11.3em;
text-align: left;
padding-left: 2em;
}

/* 2.8 added top menu Events 3.4*/
div#nav li.events,
div#nav li.events a
{
width: 8.5em;
}

/* 2.8 added top menu Store 2.6*/
div#nav li.store,
div#nav li.store a
{
width: 5.7em;
}

/* 2.8 added top menu Media 2.6*/
div#nav li.media,
div#nav ul li.media ul,
div#nav li.mediasub
{
width: 5.7em;
}

/* submenu hover Media*/
div#nav li.mediasub a{
width: 8.5em;
text-align: left;
padding-left: 1.7em;
}


/* 2.8 added top menu BookEvents 3.4*/
div#nav li.bookevents,
div#nav li.bookevents a
{
width: 8.5em;
}


/* 2.8 added top menu Readings 4.6*/
div#nav li.readings,
div#nav ul li.readings ul
{
width: 10.7em;
}

/* submenu ul Box Readings*/
div#nav li.readingssub{
width: 16em;
}

/* submenu hover Readings*/
div#nav li.readingssub a{
width: 11.3em;
text-align: left;
padding-left: 2em;
}






/* 2.8 added top menu Readings 4.6*/
div#nav li.contact,
div#nav ul li.contact ul
{
width: 6em;
}

/* submenu ul Box Readings*/
div#nav li.contactsub{
width: 8em;
}

/* submenu hover Readings*/
div#nav li.contactsub a{
width: 7.8em;
text-align: left;
padding-left: .2em;
}




div#nav a:link{
background-color: #1e4469;
color: white;
}


div#nav a:visited{
background-color: #1e4469;
color: white;
}

div#nav a:hover{
 /* submenu hover right section should be color of hover img*/
/* background:url(../images/rollover_bg.png);
background-position: bottom;
background-repeat: repeat-x; */
background-color: #102b46; 
color: #bddbe4;
}

div#nav a:active{
background-color: #1e4469;
color: #343a64;
}

div#nav #active_menu{
/*background:url(../images/rollover_bg.png);
background-repeat: repeat-x;
background-position: bottom; */
background-color: #91abc6;
color: #0f2b46;
}

div#nav li a{
display: block;
padding: 0.25em 0 0.25em 0em;
text-decoration:none;
text-align: center; /*I put*/
/* background:url(../images/navbar.jpg);
background-repeat: repeat-x;
background-position: bottom; */ 
}

div#nav ul ul li a{
background: none;
height: 1.6em;
}

div#nav ul ul{
position: absolute;
display: none;
}

div#nav ul ul li{
font-size:  80%;
background-color: green;/* submenu hover left section  should be color of hover img*/
}

div#nav ul.level1 li.home:hover ul.level2,
div#nav ul.level1 li.about:hover ul.level2,
div#nav ul.level1 li.readings:hover ul.level2,
div#nav ul.level1 li.contact:hover ul.level2
{
display:block;
}

div#nav ul.level2{
top: 2.15em;
}

div#belownav{
height: .15em;
background-color: #1e4469; 
border-bottom: .05em solid #222530;
}

/********************NavBar End********************/

/**********#618cac;**********SideBar Start********************/

/*** sidebar ***/



p.spacebar{
padding: .5em 0 .5em 0;
}

/*** side bar ads left side of page ***/
div#leftsidebar{
width: 13em;
color: #414770;
float: left;
text-align:left;
background-color: #9bb4cf; 
color: #012b40;
}

div#innersidebar{
padding: 1.5em .50em 1.5em .50em;
font-size: .85em;
}

div#innersidebar p{
font-size: .85em;
}

p#newsletter a{
font-size: 1.2em;
font-weight: normal;
}

span.brakenewsletter{
font-weight: normal;
}

p#newsletter img{
padding-bottom: 1em;
float: right;
}

p#signup{
margin-bottom: 1.5em;
text-align: center;
}

span#newstitle{
font-family: papyrus;
font-size: 1.4em;
padding-bottom: .3em;
font-weight:bold;
display: block;
}


div#sendpage{
margin-top: 2em;
border: .07em solid black;
font-size: .85em;
font-weight: normal;
}

div#featuredevent{
margin-top: 2em;
border: .07em solid black;
font-size: .85em;
font-weight: normal;
text-align: left;
}

p#winchesterbox, p#winchesterbox img{
margin-top: .7em;
}


p#boxdetailscenter{
padding: .3em 0 .5em 0em;
text-align: center;
}

span#featuredtitle{
font-size: 1em;
font-weight: bold;
line-height: 1.5em;
}



div#featuredevent p#winchesterbox{
text-align: center;
}




div#sidebox{
font-size: .85em;
border: .07em solid black;
}

div#sidebox ul,div#sidebox p{
padding: .5em .7em .5em .7em;
}


div#sidebox p.boxtitle{
color: white;
background-color: blue;
font-weight:bold;
font-size: 1.25em;
padding-top: 0em;
padding-bottom: 0em;}

ul#eventslist{
padding: 0em 1em 1em 0em;
}

p#boxdetails a{
padding: 0 0 .5em -em;
font-size: 1.1em;
}

div#sidebox li{
padding-top: .6em;
}






div#leftsidebar p#sendnow{
line-height: 2em;
font-size: .75em;
font-weight: bold;
}


/* sidenav a */
#sidenav a, li#active{
font-weight:bold;
font-style: italic;
color: #414770;
}

/* sidenav li */
#sidenav li{
margin: 0 0 .4em 0;
}



div#innersidebarright a:visited{
color: #014669;
}

div#innersidebarright a:hover{
color: #54b9d5;
}

div#innersidebarright a:active{
color: #5792a0;
}


div#innersidebarright a:link{
color: #1279ad;
}

div#innersidebar a:visited,li{
color: #1279ad;
}

div#innersidebar #sendnow a:link{
color: white;
}

div#innersidebar #sendnow a:visited{
color: white;
}

div#innersidebar #sendnow a:hover{
color: #414770;
}

div#innersidebar #sendnow a:active{
color: #1279ad;
}

div#innersidebar #newsletter a:link{
color: #414770;
}

div#innersidebar #newsletter a:visited{
color: #414770;
}

div#innersidebar #newsletter a:hover{
color: white;
}

div#innersidebar #newsletter a:active{
color: #1279ad;
}

/********************SideBar End********************/



/********************Content Start********************/



div#outercontent{
background-color: white;
width: 43em;
float: left;
background-image: url(../images/contentshadow.gif);
background-repeat: repeat-y;
/*border-left: .07em solid #3a5754;*/
}


/* outer content main area */
div#innercontent h1{
font-family: Papyrus,"Palatino Linotype","Monotype Corsiva",serif;
font-size: 1.9em;
color: #035b87;
margin: 0 0 .5em 0;
}

/* outer content paragraphs */
div#outercontent p{
font-size: 1em;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif; 
line-height:16px
margin: 0em 0 .9em 0;
color: #414770;
background-color: #white;
line-height: 1.4em;
padding-bottom: 1em;
}


p#john{
float: left;
padding: 0 1em 0 0em;
}

/*** inner content ***/ 
div#innercontent{
width: 41em;
padding: 1em 1em 0em 1em;
margin: .25em;
/* background-image: url(../images/background4.jpg);
background-repeat: repeat-y;
background-position: 100%; */
float: left;
}

/* quote on main pages */
div#outercontent p#quote{
display: inline;
background-color: white;
color: #73AEC0;
font-family: Papyrus,"Palatino Linotype","Monotype Corsiva",serif;
font-size: 1.3em;
font-weight: bold;
margin: 1em .5em 0 0em;
float: left;}




/* second line of quote */
div#outercontent p#quote span#secondline{
background-color: white;
color: #73AEC0;
font-family: Papyrus,"Palatino Linotype","Monotype Corsiva",serif;
font-weight: bold;
padding: .3em 0 0 .6em;
display: block;
}

/*** # Inner content End ***/

/********************Content End********************/

/********************Footer Start********************/ 

/*** Footer Container Start ***/

/**applies to IE skips it**/
div#footer a{
width: auto;
}

/* main footer container */
div#footer{
font-weight:normal;
font-family: arial,"lucida console",sans-serif;
background-color: #33679c;
text-align: center;
clear: left;
margin-left: auto; 
margin-right: auto;
/*border-top: .07em solid #313657;*/
}

div#footer a{
font-weight:normal;
}



/*** # Footer Container End ***/

/*** # Footer Nav Start ***/

/* footer nav */
div#footernav{
font-weight:bold;
text-align: center;
margin-left: auto;
margin-right: auto;
height: 2.4em;
}


/* unordered list footer nav */
div#footernav ul{
width: auto;
margin-top: 0em;
padding: 0;
}

/* list item footer nav */
div#footernav li{
list-style: none;
float: left;
width: 5.3em;
padding: 0 .8em 0 .8em;
line-height: .80em;
display: inline;
position: relative; left: 0%;
}

/* footer nav anchor */
div#footernav li a{
display: block;
padding-top: .25em;
text-decoration: none;
height: 1.3em;
font-size: .78em;
}

/* footer nav link */
div#footernav a:link{
color: white;
}

/* footer nav visited */
div#footernav a:visited{
color: white;
}

/* footer nav hover */
div#footernav li a:hover{
color: #20233d;
}

/* footer nav active */
div#footernav li a:active{
color: #9bb4cf;
}

/*** # Footer Nav End ***/


/*** # Footer Policy Start ***/

/* footer policy div container */
div#footerpolicy{
color: #014669;
text-align: center;
background-color: #33679c;
text-align: center;
font-size: 0.40em;}

/* footer policy div unordered list */
div#footerpolicy ul{
width: auto;
line-height: 1.5em;
}

div#footerpolicy ul{
text-align: center;
}

/* footer policy div list item */
div#footerpolicy li{
display: inline;
padding: .5em;
}

/* footer policy div anchor */
div#footerpolicy li a{
text-decoration: none;
}

/* footer policy link */
div#footerpolicy a:link{
color: #cde8ef;
}

/* footer policy visited*/
div#footerpolicy a:visited{
color: #cde8ef;
}

/* footer policy hover */
div#footerpolicy a:hover{
color: #20233d;
}

/* footer policy active */
div#footerpolicy a:active{
color: white;
}

/*** # Footer Policy End ***/

/********************Footer End********************/


/********************PageNav Start**************************/

/* page nav div is in readings, store and faq page */


/* titles of paragraphs in the copy of the readings, store and faq page */
span.title{
font-size: 1em;
display: block;
font-weight: bold;
margin: 2.5em 0 .5em 0em;
color: #096a99;
}

/* links in the copy on the readings, store and faq page */
span.innerlinks a{
text-decoration: none;
font-size: 1em;
font-style: italic;
font-weight: normal;
}

/*spacing for the paypal button readings, store page */
div#paybutton {
margin: 2.5em 0 -.5em 0;
}

/* readings div the text to the right that take you to the top */
span.toptext a{
float: right;
position: relative; right: 0em; top: 0em;
font-size: .84em;
text-decoration: none;
}

/* readings div arrow image on right that takes you to the top */
span.toparrow img{
border: 0;
float: right;
position: relative; right: 2.3em; top: .4em; /* right: 2.1 put in ie */
}

/* pagenav a */
#pagenav a{
text-decoration: none;
font-size: 1.15em;
font-weight:bold;
font-style: italic;
}

/* pagenav li */
#pagenav li{
margin: 0 0 .85em 0;
}


/******************** PageNav End **************************/



/******************** Back To Top Start **************************/

/* readings div the text to the right that take you to the top */
span.backtotop a{
float: right;
position: relative; right: 0em; top: .9em;
font-size: .84em;
text-decoration: none;
color: gray;
}

/* readings div the text to the right that take you to the top */
span.backtotop a:hover{
color: silver;
}

/* readings div the text to the right that take you to the top */
span.backtotop a:active{
background-color: inherit;
color: black;
}

/******************** Back To Top Start **************************/



form#payaccept{
padding-bottom: 1em;
}

div#readingterms p{
font-size: .85em;
}

#gift{
margin-top: -1em;
margin-bottom: -1em;
color: green;
}

span#credits{
color: #414770;
font-weight: normal;
font-size: .5em;
font-family: arial,"lucida console",sans-seif;
}

div#termsservice{
margin-top: -.5em;
color: #414770;
font-weight: normal;
font-size: .8em;
font-family: arial,"lucida console",sans-seif;
}

/********************Index Page Start********************/

/* None */
div#adds{
font-weight: bold;
padding: 1em 0 0em 1em;
}

span.blockbold{
display: block;
font-style: italic;
font-size: 1.15em;
}

span.inlinebold{
font-style: italic;
font-size: 1.15em;
margin-top: -1em;
margin-bottom: -1em;
}

div#adds ul{
padding-left: .5em;
color: #414770;
}

div#adds ul li{
list-style-type: disc;
padding-bottom: .8em;
color: #414770;
}

span.addslink{
font-style: italic;
}

span.addslink a:link{
color: #225db1;
}

span.addslink a:visited{
color: #225db1;
}

span.addslink a:hover{
color: blue;
}

span.addslink a:active{
color: #5792a0;
}

/********************Index Page End********************/


/********************Readings Page End********************/

/* ??? div#pagenav -main div- is in section 1 (body) ??? */

/* ??? span.innlinks a -links in the copy-   in section 1 (body) ??? */

/* ??? span.title -title of paragraphs-   in section 1 (body) ??? */

/* ??? span.toptext a -text link on right top-   in section 1 (body) ??? */

/* ??? span.toparrow img -img link on right arrow-   in section 1 (body) ??? */

/* ??? div#paybutton -paybutton spacing-   in section 1 (body) ??? */


#special{
color: blue;
font-size: 1.3em;
padding-bottom: 0.3em;
display: block;
}

/* readings main div must have padding on bottom, margin won't work, but need - margin on top*/
#readings {
padding-bottom:2em;
margin-top: -1em;
}

/* reading div links in the copy */
#readings li{
list-style: none;
color: #54b9d5;
}

/* reading div links in the copy link anchor*/
#readings a:link{
color: #54b9d5;
}

/* reading div links in the copy visited anchor*/
#readings a:visited{
color: #54b9d5;
}

/* reading div links in the copy hover anchor */
#readings a:hover{
color: #014669; 
}

/* reading div links in the copy active anchor */
#readings a:active{
color: #5792a0;
}

#

/********************Readings Page End********************/




/********************Store Page End********************/

/* ??? div#pagenav -main div- is in section 1 (body) ??? */

/* ??? span.innlinks a -links in the copy-   in section 1 (body) ??? */

/* ??? span.title -title of paragraphs-   in section 1 (body) ??? */

/* ??? span.toptext a -text link on right top-   in section 1 (body) ??? */

/* ??? span.toparrow img -img link on right arrow-   in section 1 (body) ??? */

/* ??? div#paybutton -paybutton spacing-   in section 1 (body) ??? */



#store img{
padding-top: .5em;
}

#store p#store1 input{
display: inline;
}

p#linethrough1{
text-decoration: line-through;
padding-bottom: 1em;
}

span#linethrough1{
text-decoration: line-through;
}

p#linethrough{
float: left;
padding-right: 1em;
}

#store p#storewelcome{
font-size: 1.2em;
font-weight: bold;
}

p#credit{
display: block;
padding-top: 1.5em;
float: left;
}

p#credit img{
display: block;
padding-bottom: 1em;
float: left;
}

/* main store div */
#store {
padding: 1em 0 0em 0;
}

/* store div links in the copy link anchor */
#store a:link{
color: #54b9d5;
}

/* store div links in the copy link anchor */
#store a:visited{
color: #54b9d5;
}

/* store div links in the copy link anchor */
#store a:hover{
color: #014669; 
}

/* store div links in the copy link anchor */
#store a:active{
color: #5792a0;
}

/********************Store Page End********************/

/********************Faq Page Start********************/

/* ??? div#pagenav -main div- is in section 1 (body) ??? */

/* ??? span.innlinks a -links in the copy-   in section 1 (body) ??? */

/* ??? span.title -title of paragraphs-   in section 1 (body) ??? */

/* ??? span.toptext a -text link on right top-   in section 1 (body) ??? */

/* ??? span.toparrow img -img link on right arrow-   in section 1 (body) ??? */


/*** Faq PageNav Start ***/



/* faq pagenav titles about john, spirit etc in page nav...*/
#pagenav li.faqnavtitle, #pagenav li.faqnavtitletop{
text-decoration: none;
list-style: none;
font-size: 1em;
font-weight: bold;
margin: 3.5em 0 1em 0;
}

#pagenav li.faqnavtitletop{
margin-top: .5em;
}


#pagenav li{
font-size: .75em;
}

/* faq pagenav titles link color */
#pagenav li.faqnavtitle a:link, #pagenav li.faqnavtitletop a:link{
color: #096a99;
}

/* faq pagenav titles visted color */
#pagenav li.faqnavtitle a:visited, #pagenav li.faqnavtitletop a:visited{
color: #096a99;
}

/* faq pagenav titles hover color */
#pagenav li.faqnavtitle a:hover, #pagenav li.faqnavtitletop a:hover{
color: #54b9d5;
}

/* faq pagenav titles active color */
#pagenav li.faqnavtitle a:active, #pagenav li.faqnavtitletop a:active{
color: #5792a0;
}

/* brings the top title level with img */


/*** Faq PageNav End ***/



/*** Faq Copy Start ***/

div#faq {
margin-bottom: -5em;
}

/* bottom of paragraph spacing */
div#faq p{
margin-bottom: 5em;
}

/* faq questions, bolded question above paragraph  */
#faq span.faqquestion {
font-size: 1.05em;
display: block;
font-weight: bold;
margin: 0em 0 .7em 0em;
color: #096a99;
}

#faq h3{
color: #096a99;
font-size: 1.05em;
padding-bottom: .3em;
}



/* faqtitle about john, about a reading etc in copy ... */
#faq p.faqtitle,#faq h2{
font-family: Papyrus,"Palatino Linotype","Monotype Corsiva",serif; 
font-size: 1.6em;
font-weight: bold;
color: #014669;
margin: 5em 0 1.5em -.04em;
}


#faq h3.sensesh3{
font-size: .9em;
color: #096a99;
margin-bottom: -.2em;
}

#faq p.sensesp{
margin-bottom: 2em;
}

/* second paragraphs after once question  */
#faq p span.paragraph2{
display: block;
margin-top: .6em;
}

/* spacing for the last paragraph to match store and readings  */
#faq p#lastparagraph{
margin-bottom: 2.3em;
}

p#lastfaq{
padding-bottom: .5em;
}


/* spacing for all teh senses  */
#faq span.senses{
margin-bottom: 1em;
display: block;
}

/* spacing for all teh senses  */
#faq span.senseslast{
margin-bottom: 0em;
display: block;
}

/* faq div links color */
#faq a:link{
color: #54b9d5;
}

/* faq div visisted color */
#faq a:visited{
color: #54b9d5;
}

/* faq div hover color */
#faq a:hover{
color: #014669; 
}

/* faq div active color */
#faq a:active{
color: #5792a0;
}

/*** Faq Copy End ***/

/********************Faq Page End********************/



/********************Groups Page End********************/

/* span group title is Private Circle title  */
p span.grouptitle{
font-size: 1.05em;
display: block;
font-weight: bold;
margin: 0em 0 .5em 0em;
color: #096a99;
}

/* span group title is Events and Parties title  */
p span.grouptitle1{
font-size: 1.05em;
display: block;
font-weight: bold;
margin: 3em 0 .5em 0em;
color: #096a99;
}

/********************Groups Page End********************/

/********************About John Page Start********************/

/*** no css for About ***/

/********************About John Page End********************/



/********************Testimonial Page Start********************/

span.nametestimonials{
padding: .5em 0 0 1.3em;
display: block;
font-size: .95em;
color: #035b87;
}

span.nametestimonials2{
padding: 0em 0 0 2.5em;
display: block;
font-size: .95em;
color: #035b87;
}

span.locationtestimonials{
padding: 0 0 3em 2.6em;
display: block;
font-size: .95em;
}

span.nametestimonials a{
text-decoration: none;
font-style: italic;
}
span.thankyoutestimonials{
display: block;
}

/* span.tiltletop (On the Readings Page CSS) */

/* span.tiltle (On the Readings Page CSS) */

/********************Testimonial Page End********************/

/********************Events Start********************/





/********************Events Ends********************/





span.details{
display: block;
font-size: .8em;
padding: 1em 0 .5em 0;
font-weight:bold;
font-style: italic;
}

span.eventstitle{
display: block;
font-size: 1em;
padding: .1em 0 1em 0;
font-weight:bold;
font-style: italic;
}

#calendar{
font-size: .8em;}

#calendar td{
padding: 3px;
}


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


#test1 table{
font-size: 1em;
cellpadding: 10px;
cellspacing: 10px;}


.calendartitle  { color: #353c79; font-weight: bold}
td.calendarheading {font-weight: bold; font-size: .85em; color: #99503a; background-color: #e8dbb9 }
td.row2 {background-color: #c7e0e2 }
td.row1 {.1em; background-color: #f5f5f5 }
td.calendarmonth  { color: #f7f0dd; font-weight: bold; font-size: 1.3em; background-color: #77a9ad; text-align: center }
table.photo { padding: 10px }

table.links {width:700px}
table.links td + td {border-left: 1px dashed #567b7e}
.backtotop  { color: #c2c199; font-size: 10px; text-align: right; text-transform: uppercase }
a:link.backtotop  { color: #c2c199; text-decoration: none }
a:visited.backtotop  { color: #c2c199; text-decoration: none }
a:hover.backtotop  { color: #93905b; border-bottom: 1px dotted #c2c199 }


 ul#eventlist li{
list-style-type: disc;
padding: 0 0 1em 0em;}

 ul#eventlist{
 padding-left: 1em;
 }


p img#soldout{
position: absolute;
left: 90;
top: 100;
}

span.soldout{
color: red;
font-weight:bold;
padding: 1em 0 .5em 0;
display: block;
text-align: left;
font-size:  1.3em;
}

span.soldoutevent{
color: red;
font-weight:bold;
padding-top: 1em;
font-size:  1.4em;
padding-left: 1.5em;
}



/********************Site Map Start********************/

#sitemap{
padding: 0em 0em 0em 3em;
font-size:  .8em;
}

.mapbold{
font-weight:bold;
font-size:  1.2em;
}

#sitemap .mapcolor{
color: #035b87;
}


#mapleft{
padding: 0 0 0 1em;
list-style: none;
float: left;
}

div#mapleft ul{
padding: 1em 0 1.5em 0;
}

#mapleft li{
list-style: none;
}

#mapleft li a{
text-decoration: none;
}

#mapleft li a:hover{
color: #54b9d5;
}

#mapleft li a:active{
color: #414770;
}

#mapleft a:link{
color: #035b87;
}

#mapleft a:visited{
color: #035b87;
}



#mapright{
padding: 0 0 0 13em;
list-style: none;
float: left;
}

div#mapright ul{
padding: 1em 0 1.5em 0em;
}

#mapright li{
list-style: none;
}

#mapright li a{
text-decoration: none;
}

#mapright li a:hover{
color: #54b9d5;
}

#mapright li a:active{
color: #414770;
}

#mapright a:link{
color: #035b87;
}

#mapright a:visited{
color: #035b87;
}

/********************Site Map End********************/


/******************* Policies Start *****************/

/* title of each paragraph */
p span.policytitle{
margin: 2em 0 .6em 0;
color: #096a99;
display: block;
font-weight:bold;
}

/* effect none link in policy list */ 
div#policylist p{
text-decoration: none;
font-size: 1em;
font-weight:bold;
font-style: italic;
color: #54b9d5;
}

/* gets ride of bullets on list */
div#policylist li{
list-style: none;
}

/* effects the anchor */
#policylist a{
text-decoration: none;
font-size: 1em;
font-weight:bold;
font-style: italic;
}

/* policylist link */
#policylist a:link{
color: #54b9d5;
}

/* policylist visited link */
#policylist a:visited{
color: #54b9d5;
}

/* policylist hove link */
#policylist a:hover{
color: #014669;
}

/* policylist activelink */
#policylist a:active{
color: #5792a0;
}

/* Privacy Policy Age */
span.ageprivacy{
font-style: italic;
color: #014669;
font-size: 1.1em;
font-weight:bold;
margin: .5em 0 3.3Em 0;
display: block;
}

/* agent link */
.agentlink a{
text-decoration: none;
font-size: 1.1em;
font-weight:normal;
font-style: italic;
margin: 0 0 0 .4em;
}

/* agent link */
.agentlink a:link{
color: #54b9d5;
}

/* agent visited link */
.agentlink a:visited{
color: #54b9d5;
}

/* agent hover link */
.agentlink a:hover{
color: #014669; 
}

/* agent active link */
.agentlink a:active{
color: #5792a0;
}

/* links in the paragraph span.innerlinks a (On the Readings Page CSS) */

/* links in the paragraph span.innerlinks a: link (On the Readings Page CSS) */

/* links in the paragraph span.innerlinks a:hover (On the Readings Page CSS) */

/* links in the paragraph span.innerlinks a: active (On the Readings Page CSS) */

/* span.titlesentence (On the Readings Page CSS) */


/* subtitle for rescheduling */
p span.reschedulesubtitle{
font-size: .9em;
margin: 2.5em 0 .3em 0;
font-weight: bold;
color: #096a99;
display: block;
}

span.trademark{
font-size: .7em;
}
/******************* Policy Page End *****************/

/******************* Press Pages Start *****************/

/*** press contact page start ***/

/* bold title */
p.pressbold{
font-size: 1.em;
font-weight: bold;
padding-bottom: .5em;
font-style: italic;
}

span.pressbold{
font-size: 1em;
font-weight: bold;
display: block;
}

div.presscontact{
padding: 2em 0 2em 0;
}

div#innercontent div.presscontact p{
margin:0em 0em .2em 0em;
}

/*** press contact page end ***/


/*** press kit page start ***/


p#presskit{
padding: 0em 0 1em 0;
}

/*** press kit page end ***/


/*** press/media page start ***/

/* press/media, bolded title above paragraph  */
p.pressmedia{
padding: 1em 0 1em 0;
font-size: 1.05em;
display: block;
font-weight: bold;
margin: 1.5em 0 .5em 0em;
color: #096a99;
}

/* press/media, bolded title above paragraph  */
p.pressmedia1{
padding: 3em 0 1em 0;
font-size: 1.05em;
display: block;
font-weight: bold;
margin: 1.5em 0 .5em 0em;
color: #096a99;
}

/*** press/media page end ***/

/******************* Press Pages End *****************/


/****************** Contact Pages Start *****************/

ul#contactlinks li{
list-style-type: disc;
padding-bottom: .2em;
}

ul#contactlinks li a{
font-weight: bold;
}

ul#contactlinks{
padding-left: 2em;
padding-bottom: .3em;
margin-top: -.7em}


/* outer content main area */
div#outercontent div#contacttop h1{
font-family: Papyrus,"Palatino Linotype","Monotype Corsiva",serif;
font-size: 1.9em;
line-height: 1em;
color: #035b87;
margin: .5em 0 .7em 0;
}




div#contacttop{
margin-left: .8em
}

div#contacttop p{
margin-right: .5em;
margin-left: 1em;
}

p#contactusblock{
display: block;
font-weight: bold;
font-size: 1.3em;
line-height: .3em;
}

p span.officehours{
display: block;
padding: .3em 0 0em 0;
font-size: 1em;
font-weight: normal;
}

/* #F2EFE9; need a div around it and a with set, so it wrap */
div#main{
width: auto;
background-color: white;
padding: 0 0 0em 0;
}

/* box container */
fieldset{
position: relative;
float: left;
clear: both;
width: 100%;
margin: 0 0 /*-2em*/ 0 0;
padding: 0 0 /*1em*/ 0 0;
border-style: none;
border-top: 1px solid #BFBAB0;
background-color: white; 
}


fieldset#commentbox{
height: 25em;
}

fieldset#commetbox legand#nocommentline{
padding: 2em;
color: green;
}

/* ordered list main container */
fieldset div.container {
padding: 3.5em 1em  0 1em;
list-style: none;
}


/* list item, first name, last etc... */
fieldset  {
float: left;
clear: left;
width: 100%;
padding-bottom: /*1.7em;*/ 0;
}

/* list item, first name, last etc... */
fieldset#commentbox  {
padding-bottom: 0em;
}

/* main box name contact, contact info etc... */
legend {
padding: 0;
color: gray;
font-weight: bold;
}

/* a hack we had to do so the legend lines up right */
legend span {
position: absolute;
left: .74em;
top: 0;
margin-top: 0.5em;
font-size: 135%;
width: 16em;
}

/* textbox labels first name, last, email, etc... */
label {
float: left;
width: 7.7em;
margin-right: 0em;
}

/* for radio or check box fieldset position */
fieldset fieldset {
margin-bottom: -2.5em;
border-style: none;
background-color: transparent;
background-image: none;
}

/* for radio or check box legend position */
fieldset fieldset legend {
margin-left: 0;
font-weight: normal;
color: black;
}

/* for radio or check box */
fieldset fieldset label {
float: none;
width: auto;
margin-right: auto;
}

/* adjust (1st button) top and bottom of radiocheck */
fieldset div#radiocheck1st {
margin: .3em 0 0em .88em;
}

/* adjust (Last button) top and bottom of radiocheck */
fieldset div#radiochecklast {
margin: .9em 0 1em .87em;
}

/* dimensions of comment box */
div#commentstitle textarea {
width: 27em;
height: 15em;
margin-top: -1.5em;
}

/* dimensions of comment box */
div#commentstitle2 textarea {
width: 27em;
height: 15em;
}

div#commentstitle label, div#commentstitle2 label{
float: left;
width: 15em;
padding-left: 1em;
}

/* aligns the comment box with textboxes */
div.container div#commentstitle textarea, div.container div#commentstitle2 textarea{
float: left;
clear: left;
margin-left: 10.1em;
}

div#submitdiv{
height:  8.5em;
}

p#nospace{
padding-top: -.2em;
margin-top: -.2em;
}


/*  submit button position */
fieldset.submit {
float: none;
width: auto;
border-style: none;
padding: 0em 0 0em 8.2em;
background-color: transparent;
width: 7em;
}

/* button itself size, text etc... */
fieldset.submit input{
font-weight: bold;
height: 2.5em;
width: 7.9em;
font-family: arial,"lucida console",sans-serif;
font-size: .95em;
color: #014669;
}

/* button itself size, text etc hover not in... */
fieldset.submit input:hover{
color: blue;
}

/* button itself size, text etc not in IE... */
fieldset.submit input:active{
color: black;
}

/* For all single line textboxes div*/
div.textboxes {
padding: 0em 0 1.5em 1em;
}

/* For all single line textboxes div*/
div.textboxes {
padding: 0em 0 1.5em 1em;
}


/* For all single line textboxes, it also exlcudes the submit button*/
 div#main li.textboxes input, div.textboxes input{
width: 12em;
height: 1.2em;
font: 100% arial, helvetica, sans-serif;
padding-left: .2em;
border: 2px solid;
color: #414770;
border-color: #666 #ddd #ddd #666;
background-color: #d3e3f2;
}

/* For select box*/
select{
width: 12.5em;
height: 1.4em;
color: #414770;
font: 100% arial, helvetica, sans-serif;
padding-left: .2em;
border: 2px solid;
border-color: #666 #ddd #ddd #666;
background-color: #d3e3f2;
}

/* For all textarea comments, it also exlcudes the submit button*/
div#commentstitle textarea, div#commentstitle2 textarea {
border-color: #666 #ddd #ddd #666;
background-color: #d3e3f2;
;
}

/* spacing for submit button */
label#submit{
clear: left;
padding: 1.5em 0em 1.5em 0em;
}

div#submit {
padding-bottom: 2em;
}


/* ajustment of submit button */
label#submit input{
font-weight: bold;
height: 2.3em;
width: 6.8em;
font-family: arial,"lucida console",sans-serif;
font-size: .95em;
color: #014669;
}

/* For focus (when entering text) on single line textboxes and textarea comments box*/
 div#main li.textboxes input:focus, div#main li.textboxes input:focus, div.textboxes input:focus, div#commentstitle textarea:focus, div.textboxes input.sffocus, div#commentstitle textarea.sffocus {
background: white;
border-color: #666 #ddd #ddd #666;
}

div@#comment{
display: block;
}