/*
** Note: All elements in lowercase to conform with XHTML 1.0
*/
html { margin: 0px; padding: 0px; }
body { color: black; margin: 10px 0px 5px 0px;	padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; }
p, ul, ol { font-family: Arial, Helvetica, sans-serif; font-size: 80%; }
h1, h2, h3, h4, h5, h6 {font-family: Century Gothic, Helvetica, sans-serif; margin: 9px 13px 0px 13px; }
p { margin: 9px 13px 6px 13px; }
ul { margin-right: 13px; }
ul.submenu { margin: 0px 6px 20px 30px; padding: 0px; }
li { margin-bottom: 2px; }
h1 { font-size:1.50em; font-weight: normal; margin-bottom: .5em; }
h2 { font-size:1.25em; font-weight: normal; margin-bottom: .4em; padding: 2px 0px 2px 0px; border-bottom: 1px solid #AFAFCC; }
h3 { font-size:1.0em; font-weight: normal; margin-bottom: .4em; }
h4 { font-size:0.9em; margin-bottom: .3em; }
h5 { font-size:0.8em; margin-bottom: .3em; }
h6 { font-size:0.7em; margin-bottom: .3em; }

/*
** Primary color data
*/
body, td.mainheadermotto, td.mainheaderlogotop, td.mainfooter {
	background-color: #66666F;	/* Blue-tinted grey */
}
td {
	background-color: #FFF5EE;	/* Off-white */
}
table, td.mainheaderlogobottom, td.mainheadername, td.menu, td.leftmenu, td.leftaddress {
	background-color: #9999CC;	/* Light blue */
}
td.menu, td.leftmenu, td.leftaddress {
	color: #001C37;			/* Dark blue */
}
td.mainheaderlogotext {
	background-color: #001C37;	/* Dark blue */
}
p.caption, p.copyright, p.gallerycaption {
	color: #7777AA;
}


/*
** Hyperlink appearance and color
** Note: In addition to standard hyperlinks, there are links used as menu items (class "menu")
** and links that should never by displayed as "visited" (class "nofade")
*/
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #5566BB;			/* Standard light blue */
}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #5566BB;			/* Lighter blue */
}
a.nofade:link, a.nofade:visited {
	color: #5566BB;			/* Standard light blue */
}
a:hover, a:active, a.nofade:hover, a.nofade:active { 
	text-decoration: underline; 
	color: #001C37;			/* Dark blue */
}
a.menu, a.nofade, a.goldmenu {
	padding: 0px 10px 0px 10px;	/* Special padding for menu and non-fading items */
}
a.menu:link, a.menu:visited {
	color: #001C37;			/* Dark blue (don't fade!) */
}
a.goldmenu:link, a.goldmenu:visited {
	color: black;		/* Zazzle Gold */
}
a.menu:hover, a.menu:active, a.goldmenu:hover, a.goldmenu:active { 
	color: #D4CDDC;
}
a.submenu:link, a.submenu:visited {
	color: #001C37;			/* Dark blue (don't fade!) */
}
a.submenu:hover, a.submenu:active { 
	color: #D4CDDC;
}
a.thumb {
	padding: 0px;
}
a.thumb:link, a.thumb:visited {
	margin: 0px;
	color: #001C37;
}
a.thumb:hover, a.thumb:active {
	color: #D4CDDC;
}


/*
** Additional styles
*/
table {
	padding: 0px;
	margin: 0px;
	border: none;
}
td {
	text-align: left;
	vertical-align: top;
	padding: 0px;
}
img {
	padding: 0px;
	margin: 0px;
	border: none;
}
img.thumb {
	border: 1px solid #001C37;
	margin: 1px;
}
img.thumbselected {
	border: 1px solid #D4CDDC;
	margin: 1px;
}
img.tshirt {
	margin-bottom: 10px;
}
/* Tables used for layout, menu */
table.mainheader, table.main, table.mainfooter {
	width: 760px;
	text-align: center;
}
td.mainheaderlogotop {
	width: 146px;
	height: 23px;
	vertical-align: bottom;
}
td.mainheaderlogotext {
	height: 67px;
}
td.mainheaderlogobottom {
	width: 146px;
	height: 35px;
	vertical-align: top;
}
td.mainheadermotto {
	width: 614px;
	height: 23px;
	vertical-align: middle;
	text-align: right;
	font: italic 10pt "century gothic", tahoma, arial, sans-serif;
	color: #CFCFCF;
}
td.menu {
	font: bold 80% arial, sans-serif;
	text-align: right;
	height: 25px;
	padding: 9px 0px 8px 0px;
}
td.mainfooter {
	width: 760px;
	padding-top: 3px;
	vertical-align: top;
	text-align: center;
	font-size: 60%;
	color: #CFCFCF;
}

/* Spacing within table */
td.leftthird, td.leftthirdheading { 
	width: 274px;
}
td.centerthird, td.centerthirdheading {
	width: 274px;
}
td.rightthird, td.rightthirdheading {
	width: 204px;
}
td.projector {
	width: 480px;
	height: 280px;
}
td.thumb {
	width: 50px;
	height: 50px;
}
td.leftmenu, td.leftaddress {
	width: 200px;
}
td.leftmenu {
	vertical-align: top;
}
td.maincontent {
	width: 552px;
}
td.donationcontent {
	width: 354px;
	border: 2px solid #9999CC;
}
td.leftaddress {
	vertical-align: bottom;
}
p.leftaddress {
	text-align: center;
	margin-top: 0px;
}
p.content {
	text-align: justify;
}
.photogallery {
	margin: 10px 10px 20px 25px;
}
.photogalleryhorizontal {
	margin: 8px 13px 4px 25px;
	text-align: left;
}
.photorow {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.galleryfooter {
	text-align: center;
	margin-top: 10px;
}
.sen {
	font-variant: small-caps;
	font-size: 110%;
}
.mailicon {
	float: right;
	text-align: right;
	margin: 3px 1px 3px 1px;
}

	
/*
** For display of images in image viewer page
*/
body.imagedisplay { 
	margin: 5px 0px 0px 0px; 
}
table.imageheader, table.imagemain, table.imagefooter{
	width: 565px;
	text-align: center;
}
table.imagemain {
	height: 537px;	/* Vert image height (525) + img padding (3*2) + img border (1*2) + cell border (2*2) */
}
table.imageheader, td.imageheader, td.imageheadermenu, td.imageheaderbottom, td.imageheaderhort {
	background-color: #9999CC;	/* Light blue */
}
td.imageheader, td.imageheaderhort {
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
td.imageheaderhort {
	vertical-align: top;
	width: 362px;
}
td.imageheadermenu {
	font: bold 80% arial, sans-serif;
	text-align: right;
	height: 25px;
	width: 295px;
	padding: 6px 0px 1px 0px;
}
td.imageheaderbottom {
	width: 203px; /* Table width (565) - img width (350) - img padding (3*2) - img border (1*2) - cell border (2*2) */
}
img.imageheaderbottom {
	float: right;
	margin: 0px 0px 0px 2px;
	vertical-align: top;
}
table.imagedisplay {
	background-color: #FFF5EE;
}
td.imagedisplayvert, td.imagedisplayhort {
	border: 2px solid #9999CC;
	background-color: #9999CC;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
td.imagedisplayhort {
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}
img.displayvert {
	height: 525px;
	width: 350px;
	border: 1px solid black;
}
img.displayhort {
	height: 369px;
	width: 553px;
	border: 1px solid black;
}
p.imagetitle {
	font-weight: bold;
}
p.horttitle {
	font-weight: bold;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	font-variant: small-caps;
	color: #DED2E4
}
div.imagedescriptionhort {
	min-height: 85px;
}
p.imagedescriptionhort {
	padding-right: 0px;
	margin-right: 0px;
}
p.imagedescription {
	margin-bottom: 3px;
}

/*
** Other miscellaneous styles
*/
/* Styles for centering - table margin: auto doesn't work in IE without container DIV */
.center { 
	text-align: center; 
}
table.center { 
	margin: auto;
}
div.center {
	vertical-align: middle;
}
.hidden {
	visibility: hidden;
	font-size:1%;
}
.right {
	text-align: right;
}
img.right {
	float: right;
	padding-left: 10px;
}
td.right {
	vertical-align: middle;
}
td.error {
	border: 1px solid #9999CC;
	border-top: 10px solid #9999CC;
}
p.error {
	height: 250px;
}
p.submenuheading, p.submenuheadinghort {
	padding-bottom: 2px;
	padding-top: 1px;
	border-top: 1px solid #D4CDDC;
	border-bottom: 1px solid #D4CDDC;
	font-weight: bold;
	font-variant: small-caps;
	color: #DED2E4;
}
p.submenuheadinghort {
	padding-right: 0px;
	margin-right: 0px;
}
.disabledmenu {
	font-weight: bold;
	color: #DED2E4;
}
.moviebooktitle {
	font-style: italic;
	font-variant: small-caps;
}
.quotemarkstart {
	font-family: Times New Roman, serif;
	font-size: 140%;
	font-weight: bold;
}
.quotetext {
	font-family: Times New Roman, serif;
	font-style: italic;
	font-size: 110%;
	line-height: 150%;
	font-weight: bold;
}
.quotesource {
	font-style: italic;
}
.quotemarkend {
	font-family: Times New Roman, serif;
	font-size: 140%;
	font-weight: bold;
}

/* Special divs for displaying small images within pages */
.smallimagevert, .smallimagehort, .largeimagevert, .largeimagehort, .miscimage, .miscimageleft {
	font: bold italic 10pt Georgia, serif;
	float: center;
	padding: 5px 13px 0px 11px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	color: #9685BA;
}
.miscimage {
	float: right;
}
.miscimageleft {
	float: left;
}
.inlineimage {
	margin: 0px 0px 5px 0px;
}
.caption, .copyright, .copyrightfooter, .gallerycaption {
	font-size: 100%;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-variant: small-caps;
}
.copyright, .copyrightfooter, .gallerycaption {
	font-size: 9px;
	margin-bottom: 5px;
}
.copyrightfooter {
	text-align: center;
	color: #9C9C9C;
}
.gallerycaption {
	margin-right: 9px;
	font-size: 10px;
}
.shopheading {
	font-size: 11px;
	text-align: left;
	font-variant: small-caps;
}
.shopdesc {
	text-align: justify;
	font-style: italic;
	margin-left: 26px;
}
.imagedisplaycopyright {
	font-size: 100%;
	font-size: 9px;
	font-variant: small-caps;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 3px;
	color: #555599;
}
.address {
	padding-left: 30px;
}

/*
** Photo gallery styles
*/
table.mainphotogallery {
	margin: 9px 13px 6px 13px;
}
img.photo {
	border: 2px solid #9999CC;
	margin-right: 6px;
}

/*
** Generic table inside content seciton
*/
table.mailinglist {
	margin: 9px 13px 6px 13px;
}
td.mailinglist {
	padding: 0px 5px 2px 0px;
	vertical-align: top;
	font-size:90%;
}
