body
{
	background-image: url("images/bg_stjpaper.jpg");
	background-repeat: repeat;
	color: black;
	font-family: georgia,"Times New Roman",times,serif;
	font-size: medium;
}

/*XXXXXXXXXXXX Key Divs XXXXXXXXXXX*/

div#header
{
height: 150px;
width: 700px;
position: relative;
margin: 0 auto;
background: url("images/StJ_detail_150.jpg") top left no-repeat;
padding: 0;
clear: both;
}
div#headerpic
{
height: 150px;
width: 192px;
position: absolute;
left: 0;
top: 0;
border: 0;
}
div.headertext
{
height: 85px;
width: 500px;
margin: 0 0 0 200px;
padding: 15px 0 0 0;
}
div#trans
{
width: 80px;
height: 30px;
text-align: center;
position: absolute;
right: 0;
bottom: 0;
border: 0;
}
#trans a,img
{border: 0;
text-decoration: none;}
div#content
{
padding: 0 1em 0 1em;
margin: 0 auto;
}
div#footer
{
text-align: center;
font-family: georgia,"Times New Roman",times,serif;
font-size: small;
border-top: thin solid #003;
padding-top: 0.5em;
clear: both;
}
div#container
{
width: 700px;
margin: 0 auto;
}
div#poemcontainer
{
width: 900px;
margin: 0 auto;
}
div.halfleft
{float: left;
width: 430px;}
div.halfright
{float: right;
width: 430px;}
div.clearer
{clear:both;}

/*XXXXXXXXXXXX General Text Styling XXXXXXXXXXX*/

h1
{font-size:x-large;
font-weight:bold;
color: #003;
text-align:center;
}
h2
{font-size: large;
font-weight: bold;
color: #003;
text-align: center;
}
h3
{font-size: medium;
font-weight: bold;
color: #003;
text-align: left;
}
h4
{font-size: medium;
font-weight: normal;
color: #003;
text-align: center;
}
.bold
{font-weight: bold;}
.italic
{font-style: italic;}
.underline
{text-decoration: underline;}

/*XXXXXXXXXXXX Navigation XXXXXXXXXXX*/

div#navbar
{margin: 7px 0 0 0;}
 #navbar ul
 {
 text-align: center;
 margin: 0;
 padding: 2px 0 2px 0;
 font: bold small arial, helvetica, sans-serif;
 letter-spacing: 1px;
 }
 #navbar li 
 { 
 display: inline; 
 padding: 2px 0 2px 0;
 }
 #navbar li a
 {
 padding: 2px 5px 2px 5px;
 background-color: #003;
 color: #FFF;
 text-decoration: none;
 border-left: 1px solid #FFF;
 }
 #navbar li a:hover, #navbar li a:active
 {
 color: white;
 text-decoration: none;
 background-color: #633;
 }
 
 div#navbarnl
{margin: 7px 0 0 0;}
 #navbarnl ul
 {
 text-align: center;
 margin: 0;
 padding: 2px 0 2px 0;
 font: bold x-small arial, helvetica, sans-serif;
 }
 #navbarnl li 
 { 
 display: inline; 
 padding: 2px 0 2px 0;
 }
 #navbarnl li a
 {
 padding: 2px 5px 2px 5px;
 background-color: #003;
 color: #FFF;
 text-decoration: none;
 border-left: 1px solid #FFF;
 }
 #navbarnl li a:hover, #navbar li a:active
 {
 color: white;
 text-decoration: none;
 background-color: #633;
 }
 
.hidden { display: none }

/*XXXXXXXXXXXX Alignment & Spacing XXXXXXXXXXX*/

.left
{border: 0;
text-align: left;}
.right
{border: 0;
text-align: right;}
.center
{border: 0;
text-align: center;}
.spaceafter
{margin-bottom: 0.5em;}
.spacebefore
{margin-top: 0.5em;}
.closespace
{margin-top: 0}
.closespaceboth
{margin-top: 0;
margin-bottom: 0;}
.indented
{margin-left: 125px;}

/*XXXXXXXXXXXX Tables & Boxes XXXXXXXXXXX*/

.noticebox
{
width: 500px;
padding: 1em 2em;
background-color: #CC9;
border: thin solid #003;
margin: 0 auto 1em auto;
}

table.diamondheadline
{border: 0;
width: 450px;
margin: 0 auto;}
table.diamondheadline td
{border: 0;
vertical-align: middle;}

table.flagtable
{
width: 350px;
margin: 0 auto;
text-align: center;
border: 0;
}
.flagtable td a
{text-decoration: none;}

ul.diamond 
{list-style-type:none;
margin-left: 0px;
padding-left: 0px;}
ul.diamond li {
	background-image: url("images/bluebullet_25.gif");
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	font-weight: bold;
    font-size: medium;
	padding-left: 25px;
	line-height: 25px;
}
ul.diamondindent
{list-style-type:none;}
ul.diamondindent li {
	background-image: url("images/bluebullet_25.gif");
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	font-weight: bold;
    font-size: medium;
	padding-left: 25px;
	line-height: 25px;
}

/*XXXXXXXXXXXX "You are Here" uberlinks XXXXXXXXXXX*/

body#index a.nav-index,
body#choose a.nav-choose,
body#about a.nav-about,
body#projects a.nav-projects,
body#testimonials a.nav-testimonials,
body#contact a.nav-contact
{
 color: white;
 text-decoration: none;
 background-color: #633;
 font: bold small arial, helvetica, sans-serif;
 }
 
body#indexnl a.nav-index,
body#choosenl a.nav-choose,
body#aboutnl a.nav-about,
body#projectsnl a.nav-projects,
body#testimonialsnl a.nav-testimonials,
body#contactnl a.nav-contact
{
 color: white;
 text-decoration: none;
 background-color: #633;
 font: bold x-small arial, helvetica, sans-serif;
 }