* {margin: 0; padding: 0;}

body {background-color: #81a1b4; font-family: Verdana, sans-serif; font-size: 11px; line-height: 14px; color: #999; padding-bottom: 30px;}


#wrapper, #footer {width: 820px; margin: 0 auto;}

#wrapper {border: 1px solid #FFF; margin-top: 40px;}

#footer {margin-top: 10px; text-align: center;}

#three_column, #two_column {width: 800px; margin: 10px; position: relative;}
#three_column {background: #FFF url('http://www.churchrun.org/images/layout/bg_3_column.gif') repeat-y;}
#two_column {background: #FFF url('http://www.churchrun.org/images/layout/bg_2_column.gif') repeat-y;}

#header {}

.sidebar, .narrow, .wide {float: left;}
.sidebar {width: 180px; padding: 0 10px; background: #FFC url('http://www.churchrun.org/images/layout/bg_sidebars.gif') repeat-x;}
.narrow, .wide {padding: 0 20px; background: #FFF url('http://www.churchrun.org/images/layout/bg_narrow_wide.gif') repeat-x;}
.narrow {width: 360px;}
.wide {width: 560px;}

.sidebar, .narrow, .wide {padding-bottom: 60px;}

.image_float_right {float: right; margin: 10px 0 10px 10px;}
.image_float_left {float: left; margin: 10px 10px 10px 0;}


h1, h5 {color: #ff6633; margin-top: 30px;}
h1 {font-size: 20px; margin-bottom: 10px; line-height: 21px;}
h5 {font-size: 12px; padding: 10px; padding-top: 0; margin-bottom: 10px; border-bottom: 1px solid #CCC;}
h3.content_cat {padding-top: 15px; color: #FF6633; font-size: 12px;}

#footer p {text-align: center; color: #FFF; font-size: 9px; display: block;}

.sidebar ul, .sidebar p {margin: 0 10px;}
.sidebar p, .narrow p, .wide p {padding: 10px 0;}
.placed_content {margin: 10px 10px 0; width: 160px; overflow: hidden; display: inline;}

p.news_title {text-transform: uppercase;}
p.archived {color: #FFF; background-color: #FF6633; padding: 2px 3px; margin: 3px 0; display: block;}
p.overview_title {padding-bottom: 0px;}
p.overview_title b {padding-left: 1em;}
p.overview_info {padding-top: 3px; padding-left: 5.875em;}

p.link_wrap {width: 200px; float: left; text-align: center; margin-left: 40px;}
p.link_wrap img {margin: 5px auto;}

ul {list-style: none;}

.narrow ul li p, .wide ul li p {padding-top: 3px; padding-bottom: 0; padding-right: 200px;}

ul.nav {height: 20px; overflow: hidden; background-color: #ff6633;}
ul.nav li {float: left; display: block; width: auto; font-size: 0;}
ul.nav li.separation {border-top: 1px solid #badcfe;}

ul.subnav {position: absolute; z-index: 999; background: #9CF url('http://www.churchrun.org/images/layout/bg_menus.gif') repeat-x; width: 150px; padding-top: 5px; padding-bottom: 0;}
ul.subnav li {float: none; font-size: 10px; text-transform: uppercase; height: auto;}
ul.subnav.residents {width: 150px;}

.sidebar ul {margin: 0 10px;}
.sidebar ul li {margin-bottom: 10px; font-weight: bold;}

.narrow ul, .wide ul {list-style-type: disc; list-style-position: outside; margin-left: 15px; margin-top: 10px;}
.narrow ul li, .wide ul li {margin-bottom: 20px;}

ul.normal {list-style: none; margin: 0;}
ul.normal li {margin: 0 10px 3px 0; float: left; white-space: nowrap;}



a img {border: 0;}

a img.move {position: absolute;}

p a {color: #336699;}
p a:hover {text-decoration: none;}

ul.nav a {display: block;}
ul.nav a:hover {background-color: #d95225;}
ul.nav a:hover img.move {display: none;}
/*** the css below combines with the css above in IE allows this type of hover to work, weird ***/
ul.nav li a:hover img {position: relative;}

ul.subnav a {padding: 5px 10px; text-decoration: none; color: #FFF; display: block; width: 130px;}
ul.nav li ul.subnav li.first a {padding-left: 6px;}
ul.subnav a:hover, .hover {background-color: #6699ff;}
ul.nav li a.last {padding-right: 7px;}

.safari_makes_things_difficult {visibility: hidden;}

#footer p a {text-decoration: none; text-transform: uppercase; color: #FFF;}
#footer p a:hover {text-decoration: underline;}
#footer p a span {text-transform: none;}

.sidebar ul li a {text-decoration: none; color: #999;}
.sidebar ul li a:hover {text-decoration: underline;}

.narrow ul a, .wide ul a {text-transform: uppercase; font-weight: bold; color: #666;}
.narrow ul a:hover, .wide ul a:hover {text-decoration: none;}

ul.normal a {text-transform: none; font-weight: normal;}

/* galleries template */
.catThumbs {margin: 10px 10px 10px 0; border: 1px solid #ccc; width: 255px; float: left; padding: 5px;}
.album_image {float: right; text-align: right; width: 100px; height: 75px;}
.catThumbs p {padding: 5px;}
.catThumbs p a {font-weight: bold;}

/* directory update form */
button#review,
button#make_changes {display: none;}
#freeform input.remove_borders {border: 0; background: none;}
/*#freeform #form_fields .required.highlight_red {color: red;}*/

#freeform #form_fields input {color: #333;}


.clear {clear: both;}