body { background-image: url(/images/framework/bg.gif); background-repeat: repeat-x; background-color: #ffba3b; font-size: 91%; font-family: Tahoma, Arial, Helvetica; margin: 0px; color: #333333; line-height: 131%; }

.clear { clear: both; visibility: hidden; height: 0px; }

#pageContainer { margin-left: auto; margin-right: auto; width: 960px; background-color: #ffffff; padding: 0 0px 0 0px; background-image: url(/images/framework/page-bg.gif); border-bottom: 1px solid #af7200; }

#topBar { background-color: #111111; height: 124px; margin-left: 1px; margin-right: 1px; }
#logo { float: left; }
#logo a { margin-left: 30px; }
#slogan { color: #ffa500; margin-left: 70px; font-size: 70%; line-height: 22px; }

#contentContainer { }

#content { float: left; background-color: #ffffff; width: 748px; padding-bottom: 20px; }

#errorContent { background-color: #ffffff; width: 100%; min-height: 300px; text-align: center; padding-top: 50px; padding-bottom: 50px; }

#navBar { float: left; width: 210px; margin-left: 1px; margin-top: 10px; margin-bottom: 10px; }
#navBar div { margin-top: 5px; margin-left: 12px; border: 1px solid #bbbbbb; height: 26px; background-color: #dddddd; background-image: url(/images/framework/nav-bg.gif); background-repeat: repeat-x; }
#navBar div.selected { background-color: #f1f1f1; }
#navBar a { font-weight: bold; font-size: 90%; color: #555555; line-height: 26px; text-decoration: none; display: block; text-indent: 10px; }
#navBar a:hover { color: #ffa500; }

#footer { background-color: #111111; line-height: 40px; height: 40px; font-size: 75%; color: #ffa500; text-align: right; padding: 0 10px 0 10px; margin-left: 1px; margin-right: 1px; }
#footer a:hover { color: #bbbbbb; }

#ChildrensChurch { }
#ChildrensChurch h1 { color: #0070C0; text-align: center; font-size: 200%; font-family: Comic Sans MS, Tahoma, Arial, Helvetica; }
#ChildrensChurch p.intro { color: #0070C0; text-align: center; font-size: 110%; font-family: Comic Sans MS, Tahoma, Arial, Helvetica; margin: 5px 20px 5px 20px; }

#ChildrensPics { text-align: center; }
#ChildrensPics div { float: left; border: 3px solid #0070C0; padding: 25px; text-align: center; margin: 20px 0 0 60px; background-color: #BFDFFF; }
#ChildrensPics div img { border: 1px solid #333333; }


h1 { font-size: 140%; font-family: Arial, Helvetica; margin: 20px 12px 12px 12px; color: #444444; }
h2 { font-size: 120%; font-family: Arial, Helvetica; margin: 20px 12px 12px 12px; color: #444444; }
h3 { font-size: 110%; font-family: Arial, Helvetica; margin: 12px; color: #444444; }

p { margin: 12px 12px 16px 12px; font-family: Tahoma, Arial, Helvetica; font-size: 90%; }
p .headline { font-weight: bold; color: #ffa500; }
p .timestamp { font-size: 75%; }
p.copyright { font-size: 75%; text-align: center; line-height: normal;}

li { margin-right: 12px; margin-top: 12px; margin-bottom: 12px; font-family: Tahoma, Arial, Helvetica; font-size: 90%; list-style-position: outside; }

a { color: #ffa500; font-weight: bold; }
a:hover { color: #111111; }

img { border: none; }
img.rss { margin-right: 15px; float: left; }
#RssLink { margin: 30px 10px 10px 10px; }

div.sideBar { float: right; margin: 12px; width: 212px; color: #444444; z-index: 5; }
div.sideBar .title { border: 1px solid #bbbbbb; color: #333333; background-color: #dddddd; background-image: url(/images/framework/nav-bg.gif); background-repeat: repeat-x; }
div.sideBar .title h3 { margin: 6px 12px 6px 12px; }
div.sideBar .body { background-image: url(/images/framework/sidebar-bg.gif); background-repeat: repeat-x; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; background-color: #dddddd; padding: 10px; }
div.sideBar p { margin: 2px; }

img.border { border: 1px solid #333333; }
a:hover img.border { border: 1px solid #ffa500; }

ul.Calendar { margin: 0px 3px 0px 3px; padding: 0px; list-style-type: none; }
ul.Calendar li { margin: 0px 0px 5px 5px; }

.caption { font-style: italic; font-size: 75%; }
.textbox { width: 250px; border: 1px solid #bbbbbb; }
div.sideBar .textbox { width: 182px; }
.textarea { width: 250px; border: 1px solid #bbbbbb; font-family: font-family: Tahoma, Arial, Helvetica; }
.button { border: 1px solid #bbbbbb; background-color: #dddddd; font-family: font-family: Tahoma, Arial, Helvetica; padding: 2px; background-image: url(/images/framework/nav-bg.gif); background-repeat: repeat-x; color: #333333; }
.requiredField { color: #ff0000; }
.rightAlign { text-align: right; margin: 12px; }

#googleMap { width: 496px; height: 400px; border: 1px solid #bbbbbb; margin-left: 12px; }

div.imageThumb { float: left; margin: 12px 0px 0px 12px; width: 154px; height: 154px; border: 1px solid #bbbbbb; background-color: #f1f1f1; text-align: center; padding: 8px; }
div.imageThumb a { display: block; }
div.imageThumb img { position: static; }


#Sermons { margin: auto; width: 96%; font-size: 75%; border: 1px solid #bbbbbb; }
#Sermons .header { font-weight: bold; border-bottom: 1px solid #bbbbbb; background-color: #dddddd; background-image: url(/images/framework/nav-bg.gif); background-repeat: repeat-x; }
#Sermons .column1 { padding: 3px 4px 3px 4px; white-space: nowrap; }
#Sermons .column2 { padding: 3px 4px 3px 4px; }
#Sermons .column3 { padding: 3px 4px 3px 4px; white-space: nowrap; }
#Sermons .column4 { text-align: right; padding: 3px 4px 3px 4px; }
#Sermons .column5 { text-align: right; padding: 3px 4px 3px 4px; }
#Sermons .column6 { text-align: right; padding: 3px 4px 3px 4px; }
#Sermons .alt { background-color: #f1f1f1; }

#EnquiryForm { padding-left: 40px; }
#EnquiryForm table { text-align: left; padding: 3px; }
#EnquiryForm table td.column1 { width: 130px; }
#EnquiryForm table td.column2 { width: 250px; }
#EnquiryForm td { vertical-align: top; font-size: 90%; }