html
{
	text-align: center;
	color: #000;
	font: 80%/150% verdana, arial, sans-serif;
}

body
{
	width: 750px;
    margin: 25px auto;
	padding: 0;
	background: #fff;
	text-align: left;
}

a
{
	outline: 0;
}

#container
{
	float: left;
	padding: 0;
	width: 750px;
	border: solid 1px #ccc;
}

/* replaces h1 text with an image */

#header
{
	float: left;
	width: 750px;
	height: 100px;
 	background: url(images/icons/banner.jpg) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

/* styles main navigation bar */

ul#nav_main
{
	margin: 0;
	padding: 0 0 2px 0;
	list-style-type: none;
	float: left;
	width: 750px;
	background-color: #333399;
	text-align: center;
}

ul#nav_main li
{
	display: inline;
	margin: 0;
}

ul#nav_main a
{
	margin: 0;
	padding: 5px 30px 5px 30px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 80%;
}

ul#nav_main a:hover
{
	color: #333399;
	background-color: #98c1ef;
	text-decoration: none;
}

/* styles secondary navigation bar */

ul#nav_sub
{
	margin: 0;
	padding: 0 0 2px 0;
	list-style-type: none;
	float: left;
	width: 750px;
	background-color: #eee;
	text-align: center;
	border-bottom: solid 1px #ccc;
}

ul#nav_sub li
{
	display: inline;
	margin: 0;
}

ul#nav_sub a
{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	color: #666;
	font-size: 80%;
}

ul#nav_sub a:hover
{
	color: #fff;
	background-color: #bbb;
	text-decoration: none;
}

/* styles breadcrumb information */

#breadcrumbs
{
	float: left;
	width: 385px;
	height: 2em;
    margin: 0.5em 0 0.5em 0;
    padding: 2px 0 0 50px;
    font-style: italic;
    color: #999;
}

#breadcrumbs a
{
    color: #999;
}

/* styles search form */

#search
{
		float: right;
		width: 265px;
		height: 2em;
		margin: 0.5em 0 0.5em 0;
		padding: 2px 50px 0 0;
		color: #999;
		font-style: italic;
		text-align: right;
}

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

#search form p
{
		margin: 0;
		padding: 0;
}

/* styles main content */

#content
{
		float: left;
		width: 650px;
		padding: 10px 50px;
		margin: 0;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
}

.index
{
	padding: 0;
	margin: 1em 0 1em 0;
}

#welcome
{
	float: left;
	width: 410px;
	padding: 10px;
	margin: 0 0 15px 0;
	border: dotted 1px #ccc;
	font-size: 100%;
}

div#welcome h3
{
		margin: 0;
		padding: 0 0 0.5em 0;
		font-size: 150%;
		font-weight: bold;
		text-align: left;
		line-height: 110%;
        color: #D7661C;
}

ul#pagelist
{
	float: left;
	width: 410px;
	padding: 10px;
	margin: 0;
	border: dotted 1px #ccc;
	font-size: 85%;
	list-style-type: none;
}

ul#pagelist li
{
	width: 410px;
	clear: left;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
}

ul#pagelist li img
{
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

ul#info
{
	float: right;
	width: 180px;
	padding: 10px;
	margin: 0;
	border: dotted 1px #ccc;
	font-size: 75%;
	line-height: 140%;
	list-style-type: none;
	background-color: #eee;
}

ul#info li
{
	width: 180px;
	clear: left;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
}

ul#info li img
{
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

ul#info h3
{
	font-size: 100%;
	line-height: 110%;
}

ul#info2
{
	float: left;
	width: 180px;
	padding: 10px;
	margin: 0;
	border: dotted 1px #ccc;
	font-size: 85%;
	list-style-type: none;
}

ul#info2 li
{
	width: 180px;
	clear: left;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
}

ul#info2 li img
{
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

#recentnews
{
	float: right;
	width: 410px;
	padding: 10px;
	margin: 15px 0 0 0;
	border: dotted 1px #ccc;
	font-size: 85%;
	line-height: 140%
}

#recentnews ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#recentnews li
{
	width: 410px;
	clear: left;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
}

#recentnews li img
{
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

ul#menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menu li
{
	width: 650px;
	clear: left;
	float: left;
	margin: 0 0 0.5em 0;
	padding: 0;
}

ul#menu li img
{
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

h2
{	
		clear: left;
		margin: 1.5em 0 1em 0;
		padding: 0 0 0.5em 0;
		font-size: 150%;
		font-weight: bold;
		text-align: center;
		line-height: 110%;
        color: #D7661C;
}

h3
{	
		margin: 0;
		padding: 0.5em 0 0.5em 0;
		font-size: 110%;
		font-weight: normal;
        line-height: 110%;
        color: #D7661C;
}

ul#pagelist h3
{
		line-height: 130%;
}

h4
{	
		margin: 0;
		padding: 0 0 0.2em 0;
		font-size: 100%;
        font-weight: normal;
        font-style: italic;
        color: #D7661C;
}

h5
{	
		margin: 0;
		padding: 0 0 0.2em 0;
		font-size: 80%;
        font-weight: bold;
        text-transform: uppercase;
        color: #D7661C;
}

p
{
		margin: 0;
		padding: 0 0 1em 0;
}

/* quotations */

q:before, q:after
{
    content: "";
}

q
{
		font-style: italic;
}

blockquote
{
		margin: 0;
		padding: 0 1.5em 0 1.5em;
		font-style: italic;
}

a
{
 	  text-decoration: none;
	  color: #00C;
}

a:hover
{
		text-decoration: underline;
		color: #c30;
}

.foreign
{
		font-style: italic;
}

/* lists */

ol
{ 
		margin: 0 0 0 3em;
		padding: 0 0 1em 0; 
		list-style-type: decimal;
		list-style-position: outside;
}

ul
{
		margin: 0;
		padding: 0 0 1em 1.5em;
		list-style-position: outside;
}

li
{
        margin: 0;
        padding: 0 0 0.5em 0;
}

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

li li
{
        margin: 0;
        padding: 0 0 0 15px;
        background: url(images/icons/bullet.gif) no-repeat 0 0.4em;
} 

dl
{
        margin: 0;
		padding: 0 0 1em 0;
}

dt
{
        margin: 0;
        padding: 0 0 0 1.5em;
        background: url(images/icons/bullet2.gif) no-repeat 0 0.4em;
}

dd
{
        margin: 0;
        padding: 0 0 0.5em 1.5em;
}

dl ul
{
        margin: 0;
		padding: 0;
        list-style-type: none;
}

dl ul li
{
        margin: 0;
        padding: 0;
}

acronym
{
		text-decoration: none;
		color: #D7661C;
		border-bottom: 1px dotted;
		cursor: help;
}

/* styles photos etc. */

div.centrephoto
{
		margin: 0 0 0.5em 0;
		padding: 0.5em;
		text-align: center;
		font-style: italic;
}

div.centrephoto img
{
		border: none;
}

.rightfloat
{
	clear: right;
	float: right;
	text-align: center;
	padding: 5px;
	margin: 0 0 10px 10px;
	border: dotted 1px #ccc;
	font-style: italic;
}

.rightfloat img
{
	border: none;
}

div.menuphoto
{
        clear: both;
		margin: 0 12px 12px 0;
		padding: 0;
		text-align: left;
}

div.menuphoto img
{
        float: left;
        margin: 0 1em 0 0;
        padding: 0;
		border: 1px solid #000;
}

div.listphoto
{
        clear: both;
		margin: 0 12px 2em 0;
		padding: 0 0 0 0;
		text-align: left;
}

div.listphoto img
{
        float: left;
        margin: 0 1em 2em 0;
        padding: 0;
}

div.listphoto p
{
	margin: 0 0 0 100px;
	padding: 0;
}

div.listphoto h3
{
	margin: 0 0 0.25em 100px;
	padding: 0;
}

/* styles footer navigation */

ul#nav_foot
{
	margin: 0;
	padding: 0 0 1px 0;
	list-style-type: none;
	float: left;
	width: 750px;
	background-color: #eee;
	text-align: center;
	border-bottom: solid 1px #ccc;
}

ul#nav_foot li
{
	display: inline;
	margin: 0;
}

ul#nav_foot a
{
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	color: #666;
	font-size: 80%;
}

ul#nav_foot a:hover
{
	color: #fff;
	background-color: #bbb;
	text-decoration: none;
}

/* styles footer information */

#footer
{
		clear: both;
		background: #fff;
		text-align: center;
		margin: 0;
		padding: 0.25em 0;
}

#footer p
{
		margin: 0;
		padding: 0.3em 0;
		color: #666;
		font-size: 85%;
}

#footer ul
{
		margin: 0;
		padding: 0;
		list-style-type: none;
}

#footer li
{
		display: inline;
}

#footer a
{
		padding: .2em 1em 0.2em 1em;
		font-size: 80%;
		text-transform: uppercase;
}

#footer a:visited
{
		color: #00c;
}

#footer a:hover
{
		color: #c30;
}

/* styles additional navigation elements */

.pagenav
{
		text-align: center;

}

ul.pagenav
{
		margin: 0;
		padding: 0em 0em 1em 0em;
		list-style-type: none;
}

ul.pagenav li
{
		display: inline;
}

ul.pagenav a:visited
{
		color: #00c;
}

ul.pagenav a:hover
{
		color: #c30;
}

caption
{
		margin: 0;
		padding: 0 0 1em 0;
		font-size: 80%;
		font-style: italic;
		font-weight: bold;
		text-align: left;
}

/* styles tables */

table
{
		border-collapse: collapse;
		margin: 0 0 1.2em 0;
}

th, td
{
		padding: 0.5em 1em;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
}

tr
{
		margin: 0;
		padding: 1em;
		font-size: 80%;
		text-align: left;
		background: #dde;
}

#content label
{
        width: 10em;
        float: left;
        text-align: right;
        margin-right: 0.5em;
        padding: 0.5em 0 0 0;
        display: block
}

#content input#submit
{
        margin-left: 10.5em;
}

#councils dt
{
        font-weight: bold;
}

div.terms
{
        margin: 0 1em 1em 1em;
        padding: 1em 1em 0 1em;
        background: #69c;
        color: #fff;
}

#toplink
{
		float: left;
		width: 650px;
		margin: 0;
		padding: 1em 0 0 0;
		text-align: right;
		color: #999;
}

#toplink a
{
		color: #999;
}

a[rel="external"]
{
		white-space: nowrap;
		position: relative;
		background: url(images/icons/external.gif) 99% 40% no-repeat; padding-right: 15px;
}

/* Christmas card page */

div.gallery
{
	width: 750px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}

div.chcard
{
	width: 155px;
	float: left;
	margin: 0 10px 10px 0;
}

div.grcard
{
	width: 305px;
	float: left;
	margin: 0 10px 10px 0;
}

div.chcard3kings
{
	width: 295px;
	float: left;
	margin: 0 10px 10px 0;
}

div.chcardnativity
{
	width: 180px;
	float: left;
	margin: 0 10px 10px 0;
}

div.gallery img
{
	margin: 5px 0 5px 10px;
	border: 0;
}

div.gallery p
{
	margin: 0 0 0 10px;
	text-align: center;
	font-size: 80%;
	line-height: 80%;
}

div.gallery p.title
{
	font-weight: bold;
}

div.gallery p.size
{
	font-style: italic;
}

.highlight
{
	background-color: #999;
	padding: 10px;
	margin: 0 10px;
	color: #fff;
}