/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html, body {
height:100%;
}
	
body {
margin:0px;
padding:0px;
text-align:center;
background:#333 url(../images/bg.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:130%;
color:#333;
}

#container {
width:1004px;
margin:0px auto;
text-align:left;
background:url(../images/bg-trans.png) repeat-y center top;
padding-bottom:10px;
}

#inner-container {
width:960px;
margin:0px auto;
}

#main-content {
float:left;
background:#fff url(../images/content-bg.jpg) repeat-x left top;
}

/* TYPE */

a {
color:#333;
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:underline;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

strong em {
font-weight:bold;
}

p {
margin-bottom:12px;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#008da9;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#008da9;
font-size:20px;
line-height:22px;
margin-bottom:4px;
}


/* HEADER */

h1.branding {
display:block;
text-indent:-9999px;
float:left;
width:960px;
height:144px;
background:url(../images/branding.gif) no-repeat left top;
}

ul.top-nav {
display:block;
float:left;
width:960px;
height:40px;
line-height:40px;
background:url(../images/top-nav-bg.gif) no-repeat left top;
color:#666;
padding-left:30px;
}

ul.top-nav li {
display:inline;
text-transform:uppercase;
letter-spacing:1px;
}

ul.top-nav li a {
color:#777;
}

ul.top-nav li a.sign-in {
display:inline-block;
text-indent:-9999px;
width:96px;
height:34px;
background:url(../images/sign-in-trans.png) no-repeat left top;
}

ul.top-nav li a.sign-in:hover {
background:url(../images/sign-in-trans.png) no-repeat left -40px;
}

ul.top-nav li a.log-out {
display:inline-block;
text-indent:-9999px;
width:96px;
height:34px;
background:url(../images/sign-out-trans.png) no-repeat left top;
}

ul.top-nav li a.log-out:hover {
background:url(../images/sign-out-trans.png) no-repeat left -40px;
}


/* CONTENT */

#main-content {
padding-top:15px;
}

#content {
float:left;
width:460px;
margin-right:10px;
}

#wide-content {
float:left;
width:710px;
}

.top-content {
background:#008da9 url(../images/top-content-bg.jpg) repeat-x left top;
color:#FFF;
padding:15px 20px 5px 20px;
margin-bottom:10px;
}

.top-content p.main-title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:34px;
line-height:36px;
}

.top-content p.intro-paragraph {
font-size:19px;
line-height:22px;
}

p.intro {
font-family:Georgia, "Times New Roman", Times, serif;
color:#666;
font-size:18px;
line-height:22px;
margin:15px 0 25px 0;
}

p.intro strong {
color:#008da9;
}

.blog {
background-color: #FFF;
padding: 10px;
}

.blog .title {
font-family:Georgia, "Times New Roman", Times, serif;
color:#008da9;
font-size:20px;
line-height:24px;
}

.blog ul {
	list-style: disc;
	margin-left: 30px;
	margin-bottom: 15px;
}

.blog ol {
	list-style: decimal;
	margin-left: 30px;
	margin-bottom: 15px;
}

p.sub-heading {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
line-height:22px;
color:#666;
}

.text-panel {
padding:20px;
background:#ededed;
}

/* VIDEO */

.video {
width:460px;
height:259px;
}

/* SECTION HEAD */

.section-head {
width:675px;
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #ccc;
}

/* SECTION-TITLE */

.section-title {
float:left;
width:420px;
color:#008da9;
}

.section-wide {
width:675px;
}

.section-title p.title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
line-height:34px;
margin-bottom:4px;
}

.section-title p.sub-title {
font-family:Georgia, "Times New Roman", Times, serif;	
font-size:18px;
line-height:22px;
}

.section-title p.intro {
font-size:14px;
line-height:17px;
font-family:Arial, Helvetica, sans-serif;
color:#008da9;
font-weight:bold;
margin-bottom:0;
}

p.section-body  {
font-family:Georgia, "Times New Roman", Times, serif;	
}

.section-body  {
font-family:Georgia, "Times New Roman", Times, serif;	
}


/* SECTION MENU */

.section-menu {
float:right;
width:220px;
}

p.section-menu-title {
height:22px;
line-height:22px;
background:url(../images/section-menu-title-bg.jpg) repeat-x left top;
color:#FFF;
margin-bottom:0;
padding-left:11px;
}

.section-menu ul {
border:1px solid #ccc;
padding:5px 10px;
background:#f3f4f5 url(../images/section-menu-bg.jpg) repeat-x left bottom;
}

.section-menu ul li {
margin-bottom:2px;
padding-left:14px;
list-style:outside;
list-style-type:none;
background:url(../images/grey-bullet.gif) no-repeat left top;
}

.section-menu ul li:hover {
background:url(../images/blue-bullet.gif) no-repeat left top;
}

.section-menu ul li a {
color:#666;
}

.section-menu ul li a:hover {
text-decoration:none;
color:#008da9;
}

/* SECTION LISTS */

.section-body ul {
margin-bottom:12px;
}

.section-body ul li {
list-style:outside;
list-style-type:none;
padding-left:14px;
margin-bottom:2px;
margin-top: 2px;
background:url(../images/blue-bullet.gif) no-repeat left top;
}

.section-body ul li ul, .section-body ol li ol {
margin:2px 0 4px 0;
}

.section-body ol {
margin-bottom:12px;
margin-left:22px;
}

.section-body ol li {
list-style:outside;
list-style-type:lower-roman;
}

/* SIDEBAR-LEFT */

#sidebar-left {
float:left;
width:240px;
margin-right:10px;
}

/* MENU */

.menu ul {
float:left;
text-transform:uppercase;
margin-bottom:10px;
}

.menu ul li {
width:240px;
background:#f6f7f9 url(../images/nav-off-bg.jpg) repeat-x left bottom;
}

.menu ul li a {
padding:10px 0;
display:block;
background:url(../images/arrow-trans.png) no-repeat left center;
color:#666;
padding-left:42px;
height:100%;
}

.menu ul li a:hover {
text-decoration:none;
background:#999 url(../images/arrow-trans.png) no-repeat left center;
color:#FFF;
}

/* GO */

#sidebar-left a.go {
float:left;
display:block;
text-indent:-9999px;
background:url(../images/go.jpg) no-repeat left top;
width:228px;
height:68px;
margin-left:11px;
margin-bottom: 10px;
}

#sidebar-left a.go:hover {
background:url(../images/go.jpg) no-repeat left -69px;
}

/* BS */

#sidebar-left a.bs {
float:left;
display:block;
text-indent:-9999px;
background:url(../images/bs.jpg) no-repeat left top;
width:230px;
height:94px;
margin-left:10px;
margin-bottom: 10px;
}

#sidebar-left a.bs:hover {
background:url(../images/bs.jpg) no-repeat left -94px;
}

/* FOLLOW */

.follow {
float:left;
margin:10px 0 15px 10px;
text-align:center;
background:url(../images/follow-bg.jpg) repeat-x left top;
border:1px solid #ccc;
width:228px;
padding-bottom:5px;
}

.follow h2 {
font-size:18px;
padding-top:10px;
margin-bottom:2px;
}

.follow ul {
margin-left:10px;
}

.follow ul li {
display:inline;
}

.follow ul li a {
display:block;
float:left;
text-indent:-9999px;
width:70px;
height:80px;
}

.follow ul li a.twitter {
background:url(../images/follow-twitter-trans.png) no-repeat left top;
}

.follow ul li a.twitter:hover {
background:url(../images/follow-twitter-trans.png) no-repeat left -80px;
}

.follow ul li a.facebook {
background:url(../images/follow-facebook-trans.png) no-repeat left top;
}

.follow ul li a.facebook:hover {
background:url(../images/follow-facebook-trans.png) no-repeat left -80px;
}

.follow ul li a.vimeo {
background:url(../images/follow-vimeo-trans.png) no-repeat left top;
}

.follow ul li a.vimeo:hover {
background:url(../images/follow-vimeo-trans.png) no-repeat left -80px;
}

.subscribe_to_blog {
float: left;
width: 218px;
border:1px solid #ccc;
padding-top:25px;
padding-bottom:15px;
padding-left: 10px;
background:#e5e5e5 url(../images/sidebar-r-blog.jpg) no-repeat right top;
height: 59px;
margin: 0 0 0 10px;
}
.subscribe_to_blog h2 a {
font-size:18px;
padding-top:10px;
margin-bottom:2px;
color: #1897B1;
}

/* SIDEBAR-RIGHT */

#sidebar-right {
float:left;
width:230px;
margin-right:10px;
}

#sidebar-right p {
font-weight:bold;
width:115px;
margin-top:4px;
}

#sidebar-right a.sign-up {
text-indent:-9999px;
display:block;
float:left;
width:189px;
height:40px;
margin-right:8px;
margin-left:10px;
margin-top:8px;
}

#sidebar-right a.sign-up {
background:url(../images/sign-up-trans.png) no-repeat left top;
}

#sidebar-right a.sign-up:hover {
background:url(../images/sign-up-trans.png) no-repeat left -40px;
}

#sidebar-right .box {
position:relative;
width:210px;
background:#fff url(../images/side-r-bg.jpg) repeat-x left bottom;
padding:10px 10px 5px 10px;
margin-bottom:10px;
}

#sidebar-right a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#008da9;
font-size:20px;
line-height:24px;
}

#sidebar-right .join {
background:#e5e5e5 url(../images/sidebar-r-join.jpg) no-repeat right top;
}

#sidebar-right .video {
padding: 0;
height: 129px;
width: 228px;
border: solid 1px #FFF;
}

#sidebar-right .become {
background:#e5e5e5 url(../images/sidebar-r-become.jpg) no-repeat right top;
}

#sidebar-right .churches {
background:#e5e5e5 url(../images/sidebar-r-church.jpg) no-repeat right top;
}

#sidebar-right .effective {
background:#e5e5e5 url(../images/sidebar-r-learn.jpg) no-repeat right top;
}

#sidebar-right .donate {
padding-top:10px;
padding-bottom:15px;
background:#e5e5e5 url(../images/sidebar-r-donate-trans.png) no-repeat right top;
}

#sidebar-right .saying {
padding-top:10px;
padding-bottom:15px;
background:#e5e5e5 url(../images/sidebar-r-saying-trans.png) no-repeat right top;
}

#sidebar-right .briefing {
padding-top:10px;
padding-bottom:15px;
background:#e5e5e5 url(../images/sidebar-r-briefing-trans.png) no-repeat right top;
}

#sidebar-right .education {
padding-top:10px;
padding-bottom:15px;
background:#e5e5e5 url(../images/sidebar-r-education-trans.png) no-repeat right top;
}

#sidebar-right .conversation {
padding-top:10px;
padding-bottom:15px;
background:#e5e5e5 url(../images/sidebar-r-conversation-trans.png) no-repeat right top;
}

#sidebar-right .school {
padding-top:25px;
padding-bottom:15px;
background:#e5e5e5 url(../images/sidebar-r-school.jpg) no-repeat right top;
height: 59px;
}

/* CLEAR */

.clear {
clear:both;
}


/* BOTTOM-BAR */

.bottom-bar {
padding:15px;
background:#b7b7b7 url(../images/bottom-bar-bg.jpg) repeat-x center top;
border:1px solid #666;
border-left:none;
border-right:none;
}

.panel {
float:left;
background-color:#FFF;
margin-right:20px;
width:295px;
height:150px;
}

/* NEWS FEED */

.news-feed {
height:25px;
line-height:25px;
font-size:11px;
background:url(../images/feed-bg.jpg) repeat-x left top;
}

p.rss-title {
text-transform:uppercase;
margin-bottom:0;
padding-left:10px;
width:285px;
background:url(../images/rss-trans.png) no-repeat 270px 2px;
}

.feed {
padding:10px;
overflow-y:scroll;
width:275px;
height:105px;
background-color:#FFF;
}

.feed p {
line-height:130%;
margin-bottom:0;
}

.feed p strong {
color:#008da9;
}

/* QUIZ */

.quiz {
width:265px;
height:135px;
padding:15px 15px 0 15px;
background:url(../images/faqs-bg.jpg) no-repeat left top;
}

.quiz p {
margin-top:4px;
width:120px;
}

.quiz a {
display:block;
margin-top:6px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#008da9;
font-size:38px;
line-height:38px;
}

.quiz p {
margin-top:12px;
font-size:16px;
line-height:18px;
}

/* TWITTER */

.twitter {
margin-right:0;
}

/* FAQ */

ol.faq-list {
margin-left:20px;
list-style-position:outside;
list-style-type:lower-alpha;
}

ol.faq-list li {
margin-bottom:6px;
}

/* JOIN FORM */

form#form1 table tbody tr td {
padding:12px 12px 0 12px;
}

form#form1 strong {
font-family:Georgia, "Times New Roman", Times, serif;
color:#008da9;
font-size:18px;
line-height:24px;
margin-bottom:8px;
font-weight:normal;
}

form#form1 table {
border:1px solid #CCC;
margin-bottom:20px;
background-color:#ddd;
}

/* FOOTER */

#footer {
font-size:10px;
margin:0px auto;
text-align:left;
background:url(../images/bg-trans.png) repeat-y center top;
}

.first-links {
color:#666666;
margin-top:15px;
padding:10px;
border:1px solid #ccc;
background:#dcdee0 url(../images/first-bg.jpg) repeat-x center top;
height:18px;
}

ul.left-links {
float:left;
}

ul.left-links li {
display:inline;
}

ul.right-links {
float:right;
}

ul.right-links li {
display:inline;
}

.bottom-links {
color:#ccc;
background-color:#333;
padding:30px 10px 10px 10px;
}

.bottom-links ul li {
display:inline;
}

.bottom-links a {
color:#ccc;
}

.bottom-links p {
margin-bottom:4px;
}

.bottom {
background:url(../images/bottom-trans.png) no-repeat center bottom;
}

.boxed_area {
	border: solid 1px #000;
	padding: 10px;
	margin: 10px 0 10px 0;
}

.boxed_area ul {
	margin: 8px 0;
}

.boxed_area_shaded {
	border: solid 1px #008DA9;
	padding: 10px;
	background-color: #D9ECF2;
	margin: 10px 0 10px 0;
}

.boxed_area_shaded ul {
	margin: 8px 0;
}