body {
  margin: 0px 0px 0px 0px;
  color : #fefefe; 
  font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size : 10pt;	 
}

P, div, td {
	font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size : 10pt;
	color : #fefefe;
	vertical-align: top;
}

table.outermost {
	border: 3 px;
	border-color: #cccccc;
	width: 1000 px;
	background-color: #04025A;
	align: center;
	padding-top: 0;
	padding-left: 10;
	padding-right: 10;
	padding-bottom: 10;
	padding: 0 10 10 10;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

H1 {
	font-size: 20pt;
	color: #ffffcc;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	line-height: normal;
}

H2 {
	font-size : 18pt;	
	color : #ffffff;
	font :  18pt;	
	font-weight : bold;
	margin-bottom : 0px;
	padding-bottom : 0px;
	margin-top : 0px;
	padding-top : 0px;
	line-height: normal;	
}

H3 {
	font-size : 16pt;	
	color : #ffffcc;
	font :  16pt;
	font-weight : bold;	
	margin-bottom : 0px;
	padding-bottom : 0px;
	margin-top : 0px;
	padding-top : 0px;	
	line-height: normal;	
}

H4 {
	font-size : 13pt;	
	color : #00584A;
	font :  13pt;
	font-weight : bold;	
	margin : 0px;
	padding : 0px;
}

.headline {
	font-size: 12pt;
	color: #00438C;
	font: 12pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: none;
}

.rightcolblue {
	border: 1 solid #00438C;
	background-color: #C4E5FA;
	width: 220;
	padding: 10;
	text-align: center;
	float: right;	
}

.minmarginarrow {
	margin: 10px;
	font-size: 10pt;
	list-style: none;
	list-style-type: none;
}

.square {
	font-size: 10pt;
	list-style: square;
	margin: 5px;
	padding-left: 8px;
	padding-bottom: 0px;
}

ul, li {
	font-size : 10pt;
}

.next2img {
	padding-left: 30px;
	margin-left: 30px;
}

ul.left {
	padding-left: 10px;
	margin-left: 10px;
}

.regular {
	font-size : 11pt;
}

.teal {
	color : #4F818F;
}

.blue {
	color : #00438C;
}

.red {
	color: #FF0000;
}

.ltred {
	color : #C5667B;
}

.ltteal {
	color : #92B1A1;
}

/*.green {
	color : #24744B;
}*/

.green {
	color : #456D58;
}

.vividteal {
	color : #008A77;
}

.darkgreen {
	color : #00584A;
}

.brown {
	color : #875522;
}

.hotpink {
	color : #EC008C;
}

.darkpink {
 	color : #C73152;
} 

.purple {
 	color : #814890;
}

/*.green {
	color: #7D8834;
}*/

.white {
	color: #EEEEEE;
}

.black {
	color : #000000;
}

.burgundy {
	color : #802833;
}

.orange {
	color : #F38C25;
}

.darkorange {
	color : #E85B00;
}

.dustyrose {
	color: #C15F5E;
}

.tiny {
	font-size : 7pt;
	line-height : 9pt;
}

.smaller {
	font-size : 8pt;
	line-height : 9pt;
}

.donate {
	font-size : 7pt;
	line-height : 9pt;
	align: left;
}

div.search {
	align: right;
}

.tree {
	font-size : 7pt;
	line-height : 9pt;
	color: 4F818F;
}

.regular {
	font-size : 11pt;
	line-height : 13pt;
}

.largish {
	font-size : 13pt;
	line-height : 14pt;
}

.large {
	font-size : 13pt;
	line-height : 15pt;
}

.footer {
	color : #eeeeee;
	font-size : 8pt;
}

.strike {
	text-decoration: line-through;
}

.smallCaps {
	font-variant: small-caps;
}

.verse {
	font-family : Times New Roman,Times,Serif;
	font-size : 12pt;
	color : #0052C2;
}

.comicsans {
	font-family : 'Comic Sans MS', 'Dom Casual';
	font-size : 10pt;
}

/* use following for drop shadows - first div id=anchorspot around all, then span id=colorwshadow around text, then span id=dropshadow around duplicate text*/
#anchorspot {
	position: relative;
}

#burgundywshadow {
	color : #802833;
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
}

#pinkwshadow {
	color : #FEB0C3;
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
}

#medbluewshadow {
	color : #70B4F2;
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
}

#bluewshadow {
	color : #00438C;
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
}

#tealwshadow {
	color : #008A77;
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
}

/*use following with pinkwshadow */
#dropshadowgray {
	color: #666666;
	position: absolute;
	top: 1px;
	left: 2px;
	z-index: 1;
}

#dropshadowyellow {
	color: #FFFFB0;
	position: absolute;
	top: 1px;
	left: 2px;
	z-index: 1;
}

#dropshadowred {
	color: #9B3242;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
}

#dropshadowblue {
	color: #00438C;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
}

.small {
	font-size : 10pt;
	line-height : 11pt;
}

.smallpurple {
	font-size : 10pt;
	line-height : 11pt;
	color : #8560A8;
}

.bluequotes {
	font-size: 11pt;
	line-height: 14pt;
	background: #C4E5FA;
	padding : 1px;
}

HR {
	color : #346BA6;
}

HR.footer {
	color: #000000;
}

A:Link {
	color: #ffffcc;
	text-decoration : underline;
	background : transparent;
}

A:VISITED {
	color: #ffffcc;
	text-decoration : underline;
	background : transparent;
}

A:Hover{
	color: #802833;
	text-decoration : underline;
	}
	
A:Link.blue {
	color: #00438C;
	text-decoration : underline;
	background : transparent;
}

A:VISITED.blue {
	color: #00438C;
	text-decoration : underline;
	background : transparent;
}	
	
	
a.subnav, a.subnav:focus, a.subnav:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size : 9pt;
	z-index : 10;
}

a.subnav:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-size : 9pt;
	z-index : 10;
}

a.subnavheader, a.subnavheader:focus, a.subnavheader:visited, a.subnavheader:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size : 9pt;
	z-index : 10;
}	

/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
  z-index: 10;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 26px;  /*1.5em; I'm using ems rather than px to allow people to zoom their font */
 left: 0px;
 width: 140px;
  z-index: 10; 
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 139px;
  z-index: 10; 
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: #92B1A1;
 margin-right: 0px;
 margin-left: 0px;
 font-family: Arial;
 font-size: 13px;
 border: 0px;
 z-index : 10;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
 border: 1px solid #5D9DAE; 
 z-index : 10;
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

.menulist a.image {
	padding: 0px 0px 0px 0px;
	display: block;
}

/* Links inside the menu */
.menulist a {
	padding: 3px 5px 3px 5px;
	font-color: #000000 !important;
	color: #000000 !important;
	font-size: 12px !important;
	text-decoration: none !important;
	display: block;
	z-index : 10;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #5B9CAC;
 z-index : 10;
}
.menulist  a.highlighted {
 color: #FFF;
 background-color: #5B9CAC;
 z-index : 10;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */

/* Following is for AngusTurnbull's ListSpinner on the Concerts page*/
.listspinnerconcerts {
 list-style: none;
 padding: 0;
 background-image: url(http://www.sandycove.org/images/concertscenic.jpg);
 width: 225px;
 height: 328px;
 text-align: center;
}

.listspinnerconcerts li {
 font-family : Georgia,'Times New Roman',Times,serif;
 font-variant: small-caps;
 font-weight: bold;
 padding-top: 30px;
}

* html .listspinnerconcerts li {
 background-image: url(http://www.sandycove.org/images/concertscenic.jpg);
}

.tipClass { font-family: 'Comic Sans MS', 'Dom Casual', Arial, Helvetica; font: 12px; color: #002157 }
.tipClassBlack { font-family: 'Comic Sans MS', 'Dom Casual', Arial, Helvetica; font-size : 11pt; }