body {font-family:'Times New Roman',serif;background-color:#eef5ff;font-size:100%;text-align:center;}
a:link {text-decoration:none;color:black;border-bottom: 1px dotted #000080;font-weight:400; }
a:visited {text-decoration:none;color:black;border-bottom: 1px dotted #000080;font-weight:400; }
a:hover {text-decoration:none; color: #000080;border-bottom: none;font-weight:400; }

h1 {font-size:xx-large;  font-weight:500; margin-bottom:0px;color:white;}
h2 {font-size:x-large;font-weight:500;color:#711724;}
h3 {font-size:large;font-weight:500;color:#711724;margin-bottom:0px;}
h4 {margin-bottom:0px;}

img.photoleft  {position:relative;float:left; margin: 2px 10px 2px 0; border: 1px solid #711724;}
img.photoright {position:relative;float:right; margin: 2px 0 2px 10px; border: 1px solid #711724;}
img.photorightinbox {float:right; margin: 2px 0 2px 10px; border: 1px solid #711724;}
img.noborder {position:relative;border:none;}
.photocenter {position:relative;width:100%;text-align:center;}
.photocenter img{float:none; border: 1px solid #711724;}

.centerbox-container {text-align:center;}
.centerbox {display:block;width:500px;
					background-color:#eef5ff;border:1px solid black;margin:auto;}
.centerbox400 {display:block;width:400px;
					background-color:#eef5ff;border:1px solid black;margin:auto;}
.centerbox p{margin:0px;font-size:small;text-align:center;padding:5px;}
.centerbox400 p{margin-top:0px;font-size:small;text-align:center;padding:5px;}

p, ol {font-size:medium; font-weight:400;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.center{text-align:center;}
.floatleft{float:left;}
.floatright{float:right;margin: 0 0 0 10px; }
.notopmargin {margin-top:0px !important;}
p.redtext{color:#711724;margin-bottom:0px;}
.clearer {clear:both;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.spacer {height:20px;}
.small {font-size:small !important;}

td {text-align:center;padding:3px;}
th {text-align:center;padding:3px;}
form.inline {display:inline}
form.inline p{display:inline;}
td.small {font-size:small !important}

#page {width: 750px;border:1px solid black;margin:auto;background-color:white;}

#topbanner {text-align:left; 
 background-image:url(images/bowtie.gif);background-repeat:no-repeat;background-position:center right;
 height:9em;background-color:#09c;padding-right:20px;
 color:black;border-bottom:1px solid black;position:relative;z-index:2}
#topbannerlink {position:absolute;top:0;left:0;width:100%;height:9em;z-index:3;}
#topbannerlink a{display:block;width:100%;height:100%;}

#titlebox {position:relative; top:.5em; left:10px;text-align:center;width:480px;}
#titlebox h1 {font-size:34pt;font-weight:600;display:inline;color:white;}
#titlebox h4 {position:relative;display:inline;}

#maincol {text-align:left;position:relative; padding: 10px; background-color:#fff;}

#leftcol {width:270px;margin-right:15px;float:left;}
#rightcol {width:440px;float:right;}
#choicebox {background-color:#eef5ff;padding:10px;margin-top:10px;margin-left:10px;
					 border:1px solid black;text-align:right;}
#photoblurbbox {text-align:center;background-color:#eef5ff;padding:10px;border:1px solid black;margin-top:10px;margin-left:10px;}
#photoblurbbox p{font-size:small;}
input.button {text-align:center;background-color:#09c;color:white;font-weight:600;}

.thumbandcapt {position:relative;width:160px; height:250px;background-color:#eef5ff; float:left; text-align:center;
							margin-bottom:10px;margin-right:10px;padding:5px;border:1px solid black;}
.thumbandcapt img, .thumbandcapt a img {border:2px solid #711724;  margin:4px}
a:link.nounderline {border:none !important}
a:visited.nounderline {border:none !important}
a:hover.nounderline {border:none !important}

a:link.boxed {margin-left:2px;margin-right:2px;border:1px solid black !important;padding:2px;background-color:white;color:black;}
a:visited.boxed {margin-left:2px;margin-right:2px;border:1px solid black !important;padding:2px;background-color:white;color:black;}
a:hover.boxed {margin-left:2px;margin-right:2px;border:1px solid black !important;padding:2px;color: white;background-color:#711724;}
.currentrec {background-color:#eef5ff;margin-left:2px;margin-right:2px;border:1px solid black;padding:2px;}


.thumbandcapt p {font-size:small;margin-top:.1em;}

.singlepic {position:relative;width:650px; background-color:#eef5ff; float:none; text-align:center;
							margin-left:38px;margin-bottom:10px;margin-right:10px;padding:5px;border:1px solid black;}
.singlepic img, .singlepic a img {border:2px solid #711724;  margin:4px}
.singlepic p {font-size:small;}

table#updateform {width:700px;border: 1px solid #711724}
table#updateform td {padding:5px;text-align:center}
table#updateform tr.shade {background-color:#eef5ff;}

table#printrecords {width:730px;border:1px solid #711724}
table#printrecords td {padding:5px;text-align:center}

table#resources {width:730px;border:1px solid #711724}
table#resources th {padding:2px;text-align:center;background-color:#eef5ff;font-style:italic; }
table#resources td {padding:2px;text-align:center;background-color:#ffb}
table#resources img {border:1px solid black}

#footer {border-top:1px solid black;margin:0;clear:both; text-align:center;
 background-color:white;}
#footer p{color:black;font-size:small;font-weight:200;}
#footer a.smallbluetext {color:#09c; font-size:x-small;border:none !important}

#nav {z-index:4;position:relative;top:1em; left:10px;width:480px;border-left:1px solid black;border-top:1px solid black;border-bottom:1px solid black;
background-color:#fff;}  
#nav a{text-align:center;font-size:small;font-weight:400; width:79px;color:black;text-decoration:none;
	list-style: none;margin: 0;padding: 0;border-bottom:none;border-right: 1px solid black;display:block;float:left;}
#nav a:hover {text-decoration:none; background-image:none;font-weight:bold; color: white;background-color:#711724;}
#nav a.current {font-weight:bold !important; background-image:url(images/current.gif) !important;background-repeat:no-repeat !important;background-position:center center !important;}
#nav a.current:hover {color:black; background-image:url(images/current.gif) !important;background-repeat:no-repeat !important;background-position:center center !important;}

.stjohnsphotos {width:300px;height:200px;text-align:center;border:1px solid #711724;display:relative;}

.publishlist ul{list-style-type:square;}
.publishlist li{margin:0px !important;}
.publishlist a, .publishlist a:visited,.publishlist a:hover {font-weight:bold;}
.publishlist p.indentcopy{font-size:small !important;margin-top:0px !important;margin-right:20px;position:relative;left:20px;font-style:italic;}

div.gb              { margin: 0px 0px 20px 0px; padding: 0px; border: 1px solid #ffcc00; line-height: 19px; }
div.gb-author       { margin: 0px; padding: 1px 10px 1px 10px; border-bottom: 1px solid #ffcc00; background: #ffffcc; }
p.gb-author-left    { position:relative;margin: 0px; float: left; }
p.gb-author-right   { margin: 0px; text-align: right; }
div.gb-entry        { margin: 10px; padding: 0px; }
p.gb-browse         { text-align: right; font-weight: bold; }
p.gb-admin-buttons  { margin: 5px 0px 0px 0px; text-align: right; }
.caution            { color: red; font-weight: bold; }
.small              { font-size: 11px; line-height:16px; }
.comment            { margin: 10px 0px 0px 0px; color: #808080; font-style: italic; }