body
{
    font-size: 68.9%; /* Default (medium) is 16px: scale to 11px */
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    margin-top: 0;
    color: #333333; /* dark grey */
    line-height: 1.3em;
    background: #63A118 url(images/bg-dark.jpg) top right repeat-x; /* dark green */
}
img {
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	/*float:left;*/ /* breaks in safari */
}
img.float-left {
	margin:5px 5px 5px 0;
	border: #E9F2DF 1px solid;
}
img.float-right {
	float:right !important;
	margin:5px 0 5px 5px;
	border: #E9F2DF 1px solid;
}
p
{
    /*border: red 1px solid;*/
}

 /* Layout"w
------------------------------------------------
------------------------------------------------*/
.wrapper {
    margin: 0 auto;
    width: 950px;
    background: #A1C774 url(images/bg-light.jpg) 0 0 repeat-x; /* green */
    background-color: #A1C774;
    /*background-color: pink;*/
    /*border: 1px solid pink;*/
}
.col-content {
    float: left;
    width: 475px;
    /*background-color:hotpink;*/
}
.col-content-inner {
    float: left;
    display: inline;
    width: 397px; /* minus padding & margins*/
    background-color: #fff;
    margin: 15px 11px 15px 15px;
    padding: 24px;
}
.col-content-inner h4 {
    width:390px;
    margin:0;
    margin-bottom:-10px;
    padding:0;
    font-size:1.0em;
    font-weight:bold;
    font-family: Georgia,"Times New Roman",serif;
    /*background-color:yellow;*/
}
.col-additionawwwwl {
    float: left;
    width: 475px;
    background: url(images/som-worldwide-church-training.gif) top right no-repeat;
    background-repeat: no-repeat;
    /*background-color:blue;*/
}
.col-additional-top {
    float: left;
    width: 220px; /* minus padding & margins*/
    background: url(images/som-lady.jpg) 0 0 no-repeat;
    height: 335px !important;
    /*background-color:pink;*/
}
.donate {
    float: left;
    margin-top: 170px;
    width: 240px;
    background-color: #E1EFFC; /* very light blue */
    height: 163px;
    border: 1px solid #ADDAF4; /* light blue */
    border-left: none;
}
.donate h1 {
    margin:0 !important;
}
.donate h1 a {
    float: left;
    width: 240px;
    height: 153px; /* minus the above margin! */
    margin-top:10px;
    text-indent:-6000px;
    background: url(images/place-holder.gif) 0 0 no-repeat;
    /*border: red 1px solid;*/
}
.newsletter {
    float: left;
    width: 224px; /* minus padding */
    padding: 16px;
    background-color: #F6F9F1;
    margin-top: 14px;
    border: 1px solid #CAE8F7; /* light blue */
}
.newsletter a.register {
    float: left;
    display: inline;
    width: 101px;
    height: 32px;
    padding: 0;
    text-indent: -3000px;
    background: url('images/btn-register.jpg') no-repeat left top;
    margin-right: 10px;
    /*border: red 1px solid;*/
}
.latest-news {
    float: left;
    width: 201px;
    padding: 16px;
    margin-top: 14px;
    border: 1px solid #CAE8F7; /* light blue */
    /*background-color:hotpink;*/
}
.full-width {
    float: left;
    width: 427px;
    padding: 16px;
    text-align: center;
    margin-top: 14px;
    border: 1px solid #CAE8F7; /* light blue */
    /*background-color:green;*/
}

 /* Blog Navigation (found in right column)"
------------------------------------------------
------------------------------------------------*/
.blog-nav-recent {
    float: left;
    width: 224px; /* minus padding */
    padding: 16px;
    background-color: #492187; /* purple */
    margin-top: 14px;
    border: 1px solid #CAE8F7; /* light blue */
    color:#fff;
}
.blog-nav-recent h2,
.blog-nav-recent a {
    color:#fff;
}
.blog-nav-recent ul, 
.blog-nav-archives ul {
    float: left;
    margin: 0;
    margin-bottom: 15px;
    list-style: none;
    padding: 0;
    width: 215px; /*********** safari-mac ************/
    /*background-color:red;*/
}
.blog-nav-recent ul li,
.blog-nav-archives ul li {
	float: left;
	line-height: 1.5em;
    width: 215px; /*********** for ie7 ************/
}
.blog-nav-recent ul li a, 
.blog-nav-archives ul li a {
    float: left;
    margin: 0;
    padding: 0;
	/*background-color:grey;*/
}
.blog-nav-archives {
    float: left;
    padding: 16px;
    margin-top: 14px;
    border: 1px solid #CAE8F7; /* light blue */
    background-color: #492187; /* purple */
    /*background-color:hotpink;*/
    color:#fff;
}
.blog-nav-archives h2,
.blog-nav-archives a {
    color:#fff;
}
.blog-nav-archives .years a
{
    float: left;
    padding-left:18px;
    margin: 0 10px 15px 0;
    background: transparent url(images/pdf-icon.gif) 0 0 no-repeat;
}
ul.width3,
ul.width3 li 
{
    width: 150px !important; 
    /*background-color:hotpink !important;*/
}
ul.width2,
ul.width2 li 
{
    width: 440px !important; 
    /*background-color:hotpink !important;*/
}

 /* Social Bookmarking Footer System"
------------------------------------------------
------------------------------------------------*/
.social {
    float: left;
    width: 394px;
    background: transparent url(images/arch.gif) 0 0 repeat-x;
    padding-top:40px;
    margin-bottom: 14px;
    /*background-color:red;*/
}
.social p{
    float: left;
    width:300px;
}
.social span{
    float: right;
    margin-top:10px;
}

 /* Misc"
------------------------------------------------
------------------------------------------------*/
.bg-1 {    background: transparent url(images/bg-1.jpg) 0 0 repeat-x;}
.bg-2 {    background: transparent url(images/bg-2.jpg) 0 0 repeat;}

.margin-left {
    float: left;
    margin-left: 14px !important;
    width: 155px !important;
}
.latest-news span a,
.newsletter span a {    color: #63A118; /* green */}




 /* Presentation"
------------------------------------------------
------------------------------------------------*/
.presentation {
    float: left;
    width: 394px;
    height: 188px;
    color: #fff;
    background: #000 url('images/presentation-pic.jpg') no-repeat right top;
    margin-bottom: 14px;
}
.presentation a {    color: #fff;}

.play {
    float: left;
    display: inline;
    margin: 11px;
    width: 188px;
    text-align: center !important; 
    /*border: 1px solid yellow;*/
}
.play h2 {
    float: left;
    width: 193px;
    padding-top: 54px;
    background: url('images/presentation-text.gif') no-repeat left top;
    text-indent: -6000px;
}
.play strong {
    float: left;
    width: 193px;
}
.play span.ppt {
    padding-left: 20px;
    margin-left: 5px;
    background: transparent url(images/icon-ppt.gif) 0 0 no-repeat; /* green */
    position: relative;
    top: 3px;
    left: 0;
    /*background-color: green;*/
}


 /* Sitemap"
------------------------------------------------
------------------------------------------------*/
.sitemap {
    float: left;
    display: inline;
    width: 921px; /* minus margin & padding*/
    margin-left: 15px;
    padding-top: 16px;
    background-color: #D9E9C7; /* light green */
    border-bottom: 15px solid #A1C774 !important;
}
.sitemap ul {
    float: left;
    width: 200px;
    margin: 0px;
    margin-bottom: 15px;
    list-style: none;
    padding: 0;
    /*background-color:red;*/
}
.sitemap ul li {
	float: left;
	line-height: 1.5em;
}
.sitemap ul li a {
    float: left;
    margin: 0;
    padding: 0;
    width: 200px !important;
	/*background-color:grey;*/
}
.sitemap h2 {
    float: left;
    width: 200px;
    /*background-color:pink;*/
}
h2.justgiving a {
    display:block;
    text-indent:-6000px;
    background: transparent url(images/just-giving.gif) 0 0 no-repeat;
    /*background-color: red;*/
    height:138px !important;
    margin-bottom:10px;
}
.width {
    float: left;
    margin-left: 20px;
    width: 200px;
    display: inline;
    /*background-color:pink;*/
}
.leftedge {
    border-left: 1px solid #C1D9A3; /* light green */
    padding-left: 15px;
}


 /* Footer"
------------------------------------------------
------------------------------------------------*/
.footer {
    float: left;
    display: inline;
    width: 950px;
    font-size: 1em;
    padding-top: 10px;
    background-color: #63A118; /* green */
}
.footer h5 a {
    float: left;
    display: inline; /* for ie6!*/
    padding: 0;
    color: #D9E9C7; /* white/green */
    margin: 0;
    padding-left: 24px;
    font-weight: normal;
    background: transparent url(images/logo-design-haus.gif) 0 0 no-repeat;
    height: 18px;
    /*border: 1px solid red;*/
}
.footer p {
    float: right;
    display: inline; /* for ie6!*/
    padding: 0;
    color: #D9E9C7; /* white/green */
    height: 18px;
    /*border: 1px solid red;*/
}


 /* Newsletter Table"
------------------------------------------------
------------------------------------------------*/
table.nl {
	/*float:left;*/
	border-width: 1px;
	border-style: none;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
table.nl td {
	border-width: 1px;
	padding: 0;
	margin: 0;
	border-style: none;
	vertical-align: top;
	padding: 0.2em 0.2em 0.2em 0em;
}


 /* Programme Table"
------------------------------------------------
------------------------------------------------*/
table.prog {
	float: left;
	width: 396px;
	margin-bottom: 20px;
	/*background-color:purple;*/
}
table.prog td,th {
	padding-top: 5px;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #63A118; /* green */
}
table.prog th {
	width:90px;
	font-weight: normal;
	text-align: left;
}
#col-left-inner span a.tab {
    float: right;
    color: #63A118; /* green */
}
table.prog .hidden 
{
	display: none;
}
.whole-prog {
    float:left;
    width:394px;
    text-align:left;
    padding-bottom:20px !important;
    /*border: red 1px solid;*/
}


 /* Typography Generics"
------------------------------------------------
------------------------------------------------*/
a {
	outline: none; /* stops FF rollover highlight */
	text-decoration: underline;
	color: #231F20; /* charcoal */
}
a:hover {
	text-decoration: none;
}

h1, h2, h3, h5, ul {
    float: left;
    margin: 0;
    padding: 0;
    /*border: green 1px solid;*/
}
h3.somlogo {
	margin: 0;
	padding: 0;
	padding-bottom: 26px;
}
h3.somlogo a {
	text-indent: -3000px;
	background-image: url(images/logo-som.jpg);
	background-repeat: no-repeat;
	width: 440px; /* minus margin */
    height: 55px;
	float: left;
	display: inline;
	margin: 33px 0 0 35px;
	/*background-color: purple;*/
}
h1 {
    float: left;
    margin: 0;
    padding: 0;
    color: #492187; /* Purple */
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: normal;
    font-family: Georgia,"Times New Roman",serif;
    margin-bottom: 24px;
    /*border: 1px solid navy;*/
}
h1 a {
    color: #492187; /* Purple */
}
h1.width {
    width: 394px; /* Safari mac fix for my min-height idea */
    margin-left: 0;
    padding-left: 0;
    /*background-color: orange;*/
}

h2 {
    float: none; /* THIS MIGHT MESS THINGS UP - CHECK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1 */
    margin: 0;
    padding: 0;
    color: #63A118; /* green */
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: normal;
    font-family: Georgia,"Times New Roman",serif;
    margin-bottom: 10px;
    /*background-color:pink;*/
}
.col-content-inner h2 {
    float: left;
    width: 394px !important;
    /*background-color:blue;*/
}
.col-content-inner ul {
    float: left;
    width: 390px !important;
}
.col-content-inner .full {
    float: left;
    width: 390px !important;
}

 /* Navigation Level 1"
------------------------------------------------
------------------------------------------------*/
.main-nav {
    float: left;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	/*background-color: green;*/
}
.main-nav li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
}
.main-nav li a {
    height: 26px; /* minus padding */
    padding: 0;
	margin: 0;
	float: left;
	color: #fff;
	font-size: 1.3em;
	padding: 15px 20px 0 0;
	text-transform: uppercase;
	text-decoration: none;
    display: inline; /* for ie6!*/
}
.main-nav li a:hover, 
.main-nav li strong a {
	color: #492187; /* Purple */
	font-weight: normal;
}


 /* Navigation Level 2"
------------------------------------------------
------------------------------------------------*/
.sub-nav {
    float: left;
    width:437px;
	padding: 0;
	margin: 0;
	margin-left: 15px;
	padding-left: 8px;
	background-color: green;
	background: #492187 url(images/sub-nav-bg.jpg) bottom left no-repeat;
	display:inline;
	border-top: #6D4D9F 2px solid;
}
.sub-nav li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
    padding-bottom:6px;
	/*background-color:green;*/
}
.sub-nav li a {
    padding: 0;
	margin: 0;
	float: left;
	color: #fff;
	font-size: 1.0em;
	padding-right: 8px;
	text-transform: uppercase;
	text-decoration: none;
    display: inline; /* for ie6!*/
    border-right:1px solid #927AB7; /* light purple */
    margin: 9px 9px 0 0;
    /*background-color:Red;*/
}
.sub-nav li a:hover, 
.sub-nav li strong a {
	color: #63A118; /* Purple */
	font-weight: normal;
}
.sub-nav li a.endone
{
    border-right:none;
}

 /* Form Styling"
------------------------------------------------
------------------------------------------------*/
.container
{
    width: 396px;
    /*background-color:Teal;*/
}
.row
{
    float: left;
    width: 396px;
    padding: 0;
    margin: 0;
    background: transparent url(images/bg-repeater.gif) 0 0 repeat-x;
    /*border:green solid 1px;*/
}
.fieldname
{
    float: left;
    /*font-size:1.3em !important; /* firefox rendering the text too small */
    /*background-color:yellow;*/
}
.maxwidth
{
    width: 146px;
    background-color: #fff;
    /*border:hotpink solid 1px;*/
}
.field
{
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
    padding-left: 4px;
    background-color: #fff;
    /*border: yellow solid 1px;*/
}
.field p
{
    margin:0 0 5px 0;
    padding:0;
}
p.required 
{
    margin:0 0 15px 0;
    padding:0;
}
.fieldname label
{
    font-weight: normal;
    margin:0 !important;
    padding:0 !important;
    padding-right: 4px !important;
    background-color: #fff;
    font-size: 1.2em;
    /*border: blue solid 1px;*/
}

.type
{
    float: right;
    text-align: left;
    width: 244px;
    padding: 0;
    margin: 0;
    /*border:pink solid 1px;*/
}
.required
{
    font-size: 0.9em;
    margin:0 0 10px 0;
    /*border:green solid 1px;*/
}
.fieldradios p
{
    float: none;
    text-align: left;
    padding: 0;
    margin: 0;
    /*border: black solid 1px;*/
}
.submit .btn-generics {
    float: right;
    padding:0;
    margin-top:10px;
    text-indent: -6000px;
    /*background: url('images/btn-submit-off.gif') no-repeat left top;
    /*border: red 1px solid;*/
}
.submit .submit {
    width: 84px;
    height: 23px;
    background: url('images/btn-submit-off.gif') no-repeat left top;
    /*border: red 1px solid;*/
}
.submit :hover.submit {
    width: 84px;
    height: 23px;
    background: url('images/btn-submit-on.gif') no-repeat left top;
    /*border: red 1px solid;*/
}


 /* My CSS Tools"
------------------------------------------------
------------------------------------------------*/
.reposition {
    position:relative;
    top:0;
    left:383px;
    margin-bottom:-43px !important; /* required for all content under this */
    /*border: red 1px solid;*/
}
.reposition2 {
    width:112px;
    position:relative;
    top:0;
    left:478px;
    /*border: green 1px solid;*/
}
.clearer {
	float: left;
	clear: both;
	width: 950px;
}
.clearer1 {
	visibility: hidden;
	clear: both;
	width: 100px;
}
.clearer2 {
	clear: both;
	height: 20px;
	visibility: hidden;
	width: 100px;
	background-color: blue;
	overflow: hidden;
}
.images {
	float: right;
	margin: 28px 0 10px 20px;
	padding: 1px;
	border: solid 1px #38743F;
}
.content-to-come {
    color: red;
	font-weight: bold;
}
.minheight {
    float: left;
    width: 1px;
    height: 194px;
    /*background-color:pink;*/
}
.minheight-2 {
    float: left;
    width: 1px;
    height: 468px;
    /*background-color:blue;*/
}
hr {
    float: left;
    display:inline;
    width:390px;
    height:1px;
    color:#CDE1B5; /* light green */
    background-color:#CDE1B5; /* light green */
    margin-top:10px;
    /*border: 1px solid red;*/
}

.error 
{
	background-color: #D9E9C7; /* light green */
	border: 1px solid #CAE8F7; /* light blue */
	padding: 0 5px;
	margin-bottom: 10px;
}
.error2
{
	color: #ff0000;
}



 /* common persistent"
------------------------------------------------
------------------------------------------------*/
.audio {
    display: none;
	background-color: #009900;
}