body
{
       font-family: Arial, Helvetica, Sans-Serif;
       font-size:  80%;
       margin: 0px;
}

a:link		{ color: Blue; text-decoration: none; }
a:visited	{ color: Blue; text-decoration: none; }
a:hover		{ color: Blue; text-decoration: underline; }


div#page
{
       margin-left: auto;
       margin-right: auto;
       border: 1px solid #ccccde;
}

div#page form
{
       margin: 0px;
       padding: 0px;
}

div#header
{
       left: auto;
       padding: 1px;
       height: 120px;
       border-bottom: 1px solid #ccccde;
       background-color: #dddde9;
       background-image: url(images/ChurchBanner.jpg);
       background-position: center center;
       background-repeat: no-repeat;
}

div#header h1
{
       text-align:center;
       font-size: 24pt;
       margin-top: 60px;
       color: #ff9933;
}

div.menu
{
       padding: 8px 0px 8px 8px;
       float: left;
	clear: left;
       width: 120px;
}

div.menu table#mnuMain
{
}

div.menu .mnuMenu
{
       font-size: 100%;
       font-weight: bold;
       width: 120px;
}

.mnuTitle
{
       border: #ccccde 1px solid;
       padding-left: 8px;
       color: White;
       background-color: #ff9933;
}

.mnuGroup
{
       padding-left: 16px;
       border: #ccccde 1px solid;
       background-color: #dddde9;
}

.mnuGroupOver
{
       border: darkslateblue 1px solid;
       padding-left: 16px;
       color: #ff6600;
       background-color: #dddde9;
}

.mnuItem
{
       border: #ccccde 1px solid;
       padding-left: 16px;
       width: 120px;
       background-color: #dddde9;
}

.mnuItemOver
{
       border: darkslateblue 1px solid;
       padding-left: 16px;
       width: 120px;
       color: #ff6600;
       text-decoration: underline;
       background-color: #dddde9;
}


div.menu input.text
{
	width: 100px;
}

div.content
{
       margin-left: 136px;
}

div#form
{
       padding:	10px 10px 0px 0px;
}

div#noform
{
       padding: 0px 10px 0px 0px;
}

/* hack for IE6 Three Pixel Text-Jog bug */
/* Hides from IE5-mac \*/
* html div#form   {height: 10px;}
* html div#noform {height: 10px;}
* html div {height: 10px;}
/* End hide from IE5-mac */

div.content h1
{
       color: White;
       font-size: 160%;
       background-color: #ff9933;
       border-top: #ccccde 1px solid;
       border-bottom: #ccccde 1px solid;
       padding: 0.25em;
       margin: 0px 0px 0.5em 0px;
}

div.content h2
{
       color: White;
       font-size: 120%;
       background-color: #ff9933;
       border-top: #ccccde 1px solid;
       border-bottom: #ccccde 1px solid;
       padding: 0.2em;
       margin: 0px 0px 0.5px 0px;
}

div.content h3
{
	margin-bottom: 0em;
}

div.content p
{
	margin-top: 0.5em;
	margin-bottom: 0em;
}

div.content li
{
	margin-bottom: 2px;
}

div.lbox
{
       margin-right: 330px;
}

/* hack for IE6 Three Pixel Text-Jog bug */
/* Hides from IE5-mac \*/
* html div.lbox {margin-right: 325px;}
/* End hide from IE5-mac */


div.rbox
{
       float: right;
       width: 320px;
       margin: 0px 0px 1em 5px;
       border: solid 1px #ccccde;
}

div.box
{
	border: 1px solid #ccccde;
	padding: 0.25em;
	margin-bottom: 0.8em;
	margin-top: 0em;
}

div.box h3
{
	color: #ff6600;
	font-weight: bold;
	font-size: 100%;
	margin-top: 0em;
}

div.box p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.headline
{
	border: 2px solid #ccccde;
	padding: 0.25em;
	margin-bottom: 0.8em;
}

div.headline p
{
	color: #ff6600;
	font-weight: bold;
	font-size: 100%;
	margin-top: 0em;
	text-align: center;
}

div.limage
{
       float: left;
       margin: 5px 5px 5px 0px;
       border: solid 1px #ccccde;
}

div.rimage
{
       float: right;
       margin: 5px 0px 5px 5px;
       border: solid 1px #ccccde;
}

div.rcol
{
       float: right;
       text-align: center;
       margin: 5px 0px 5px 5px;
}

div.cols
{
	float: left;
	width: 49.9%;
	text-align: center;
}

div.col1
{
	margin-right: 4%;
}

div.col2
{
	margin-left: 4%;
}

table
{
	font-size: 100%;
}

div.content tr
{
	vertical-align: top;
}

div.content td
{
	padding: 1px 4px 1px 4px;
}

div.indent
{
	margin-top: 0.5em;
	margin-left: 4em;
}

div.content table.list
{
	margin: 12px 48px 12px 48px;
}

div.content table.list tr
{
	vertical-align: top;
}

div.content table.list tr.links
{
	vertical-align: middle;
}

div.content td.lbl
{
	font-weight: bold;
	text-align: right;
}

div.content td.txt
{
	background: #eeeeee;
}

div.content img.icon
{
	vertical-align: middle;
	margin-right: 4px;
}

div.content img.picture
{
	border: solid 1px #ccccde;
}

div.content table.services td
{
	padding-left: 0px;
	padding-right: 1em;
}

div.content table.links caption
{
	color: #ff6600;
	font-weight: bold;
	background-color: #dddde9;
	padding: 4px 0px 4px 0px;
}

div.content table.links td.smallLink
{
	/* link to all notices/rosters etc */
	text-align: right;
/*	vertical-align: bottom;*/
	padding: 4px 4px 2px 4px;
	font-size: 80%;
}

table.calendar
{
	font-size: 90%;
	border: #ccccde 0px solid;
}

table.calendar td.calTitle 
{
	padding: 2px 0px 4px 0px;
	background-color: #dddde9;
	font-size: 100%;
}

table.calendar td.calTitle td
{
	color: #ff6600;
    font-weight: bold;
}

table.calendar td.calHeader
{
	background-color: #dddde9;
	border-bottom: #ccccde 1px solid;
    font-weight: bold;
}

table.calendar td.calOther 
{
	color: #ccccde;
}

table.calendar td.calWeekEnd
{
	background-color: #eeeeee;
}

table.calendar td.calToday
{
	border: 1px solid #ff6600;
}

div.content td.image
{
       font-size: x-small;
       text-align: center;
}

div.content td.text
{
       padding: 0px 8px 0px 8px;
}

div.content img
{
       text-align: center;
       border: 0px;
}

div.content table.msg .msgLabel
{
       width: 120px;
       text-align: right;
       font-weight: bold;
}

div.content table.msg .msgField
{
       width: 360px;
}

div.content table.msg .msgEdit
{
       width: 360px;
       height: 180px;
}

div.content span#gallery table
{
       margin: 0px;
       border-collapse: collapse;
}

div.content span#gallery td
{
       padding: 0px 0px 0px 0px;
}

div.content span#gallery a#gallery_lnkHeading
{
       padding: 0px;
       text-transform: capitalize;
}

div.content span#gallery tr#lblFolder span
{
       font-size: large;
       font-weight: bold;
       text-transform: capitalize;
       padding: 4px;
       margin-bottom: 10px;
       height: 40px;
}

div.content div#gallery_pnlFolders
{
       width: 160px;
       border: 1px solid #ccccde;
}

div.content div#gallery_pnlFolders a
{
       width: 160px;
       padding: 4px;
       text-transform: capitalize;
}

div.content div#gallery_pnlThumbnails table
{
       border: 1px solid #ccccde;
       background-color: #dddde9;
}

div.content div#gallery_pnlThumbnails td
{
       text-align: center;
       padding: 10px;
}

div.content div#gallery_pnlThumbnails input
{
       border: 1px solid #ff6600;
}

div#footer
{
       clear: both;
       padding: 5px 5px 10px 5px;
       border-top: 1px solid #ccccde;
       background-color: #dddde9;
}

div#footer span#copyright
{
       font-size: 80%;
       text-align: left;
       vertical-align: bottom;
}