@import url('typography.css');
@import url('articles.css');
@import url('flickr.css');

html {height:101%; margin-bottom:0.1em;}

body {background:#a3c0ee url(../img/bg.png) top repeat-x; margin:0; padding:0 0 20px 0;}

a {padding:1px 4px; color:#101889; background:#dee7f6; text-decoration:none; /*border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px;*/}

a:hover {color:#FFFFFF; background:#101889;}

.hide {display:none;}

.center {text-align:center;}

ul#crumbs {font-size:0.85em; color:#333333; list-style:none; margin:0 0 10px 20px; padding:0; text-transform:lowercase;}

ul#crumbs li {display:inline; margin:0; padding:0;}

ul#crumbs li a {color:#000; margin:0; padding:0; text-decoration:none; border:none; background:none;}

ul#crumbs li a:hover {border-bottom:#000 1px solid; background:none;}

div.container#one {width:760px; margin:0 auto;}

div#header {height:155px; width:720px; padding:10px 23px;}

div#header h1 {margin:0; padding:0;}

div#header h1 a {display:block; margin:0; padding:0; height:151px; width:279px; border:none; background:url(../img/header/logo.png) top left no-repeat; text-indent:-2000em; text-decoration:none; z-index:1000; float:left;}

div#header p#quote {display:block; margin:0; padding:0; height:61px; width:433px; border:none; background:url(../img/header/quote.png) top right no-repeat; text-indent:-2000em; text-decoration:none; z-index:1000; float:right;}

div#header div#nav {float:right; font-variant:small-caps;}

div#header div#nav ul {background:#101889; /*border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px;*/ list-style:none; margin:30px 60px 0 0; padding:4px 4px 0 4px;}

div#header div#nav ul li {display:inline;}

div#header div#nav ul li a {background:none; color:#FFFFFF;}

div#header div#nav ul li a:hover {background:none; color:#dee7f6;}

div.footer {clear:both; margin:0; padding:5px 0 0 0; text-align:center;}

div#border-top {height:20px; width:760px; background:url(../img/container/bg.png) top left no-repeat;}

div#border-bottom {height:20px; width:760px; margin:-0.5em 0 0 0; padding:0; clear:both; background:url(../img/container/bg.png) bottom left no-repeat;}

div.container#two {margin:0; padding:0; background:url(../img/container/bg.png) right repeat-y;}

div.container#three {height:222px; width:722px; margin:0 20px 20px 20px; background:url(../img/welcome-bg.png) top center no-repeat;}

div.container#three div#welcome {height:180px; width:259px; margin:0 0 0 21px; padding:21px 0 0 0; float:left; text-align:justify; overflow:hidden;}

div.container#three div#welcome h2 {padding:0px; text-align:center;}

div.container#three div#welcome h4#subscribe {font-weight:bold; text-align:center;}

div.container#three div#welcome h4#subscribe a {padding:3px 4px 1px 4px;}

div.container#three div#devotional {height:180px; width:379px; margin:0 21px 0 0; padding:21px 0 0 0; float:right; text-align:justify; overflow:visible;}

div.container#three div#devotional h3 {padding:0px; text-align:center;}

div.container#four {margin:0 23px;}

div.container#four div.column#news {width:230px; margin:0 14px 0 0; float:left;}

div.container#four div.column#news ul {list-style:none; margin:0; padding:0;}

div.container#four div.column#news ul li {padding:6px 8px 8px 8px; margin:0 0 6px 0; background:#fff; /*border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px;*/ line-height:1.3em;}

div.container#four div.column#news ul li a {margin:8px 0 0 0; display:block; text-align:right;}

div.container#four div.column#news ul li span a {display:inline;}

div.container#four div.column#events {width:230px; margin:0; float:left;}

div.container#four div.column#events ul {list-style:none; margin:0; padding:0;}

div.container#four div.column#events ul li {padding:6px 8px 8px 8px; margin:0 0 6px 0; background:#fff; /*border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px;*/ line-height:1.3em;}

div.container#four div.column#events ul li a {margin:8px 0 0 0; display:block; text-align:right;}

div.container#four div.column#events ul li span a {display:inline;}

div.container#four div.column#media {width:230px; float:right;}

div.container#four div.column#media ul {margin:10px 0 10px 2px; padding:0 0 0 4px; list-style:none; border-left:#000 2px solid;}

div.container#four div.column#media div.container#five {padding:6px 8px 8px 8px; background:#fff; /*border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px;*/}

div.container#six {margin:0 20px;}