/* @override 
	http://www.rootedinteractive.com/assets/templates/sproutlife/style.css
	http://sproutlifemedia.com/assets/templates/sproutlife/style.css
*/

/* Start reset css */

div.LCOS_box {
	position: relative;
	left: 95px;
	visibility: visible;
	z-index: 28;
	top: 15px;
}

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

p, h1, h2, h3, h4, h5, h6, ol, li {
	position: relative;
	z-index: 999;
}

body {
	line-height: 1;
	font-size: 88%;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	padding: .6em 0;
	margin-bottom: 0;
	margin-top: 0;
}

ul, ol {
	list-style: none;
}

img {
	border: 0;
}

/* End Reset css */

/* Structure */

html {
	background: #fff url(wood.png) repeat-x 0 -90px;
	text-align: center;
	font: small/normal Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	color: #555;
	margin-right: 0;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
}

body {
	text-align: center;
	font: small/normal Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	color: #555;
	margin: 0;
	background-image: none;
	padding: 0;
}

#wrapper {
	background: url(main_menubar.png) repeat-x 0 87px;
	width: 100%;
}

#home-wrapper {
	background: url(homepage_herobox.png) repeat-x 0 55px;
	}

#main {
	text-align: left;
	padding: 0;
	width: 1118px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

#content {
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

.TopContent {
	z-index: 1;
	position: relative;
	font-size: 1.3em;
	line-height: 1.5em;
	background: url(whitebackground2.png) repeat-y;
	margin-top: 16px;
	width: 100%;
	padding-top: 0;
	clear: left;
	top: -142px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.herobox {
	height: 396px;
	background: url(topstripe.png) no-repeat 0 -34px;
	position: relative;
	clear: left;
	z-index: 3;
	top: -140px;
	margin-right: auto;
	margin-left: auto;
}

.rightcolumn {
	position: relative;
	float: left;
	margin-left: 120px;
	width: 48%;
	height: 100%;
	z-index: 99;
	padding: 10px 5px 18px;
}

div.rightcolumn {
	
}

#about-columns, #portfolio-columns, #blog-columns {
	width: 350px;
	padding: 16px 3px;
	float: left;
	position: relative;
	top: 12px;
	left: 26px;
	margin-left: 0;
}

img.columnpic {
	width: 350px;
	position: relative;
}

#home-clear {
	clear: left;
}

.column-clear {
}

/* End Structure */

/* Header */

#header {
	height: 154px;
	z-index: -20;
	background: none 0 bottom;
}

#leaflogo {
	height: 214px;
	z-index: 5;
	position: relative;
	display: inline;
	top: -55px;
	background: url(mainnav_sproutlogo-1.png) no-repeat -44px;
	float: left;
	left: 22px;
	width: 100%;
}

div#bannerimage {
	position: relative;
	left: -9px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
}

#bannerimage img {
	width: 457px;
	height: auto;
}

div#content.TopContent div#right-content div#right {
	z-index: 25;
	position: relative;
}

div#header-image {
	background-image: none;
}

#header h1, #header h1 a {
	width: 158px;
	height: 190px;
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: url(/assets/templates/RSTemplate/risensaviorlogo.png) no-repeat;
	text-indent: -9000px;
	position: absolute;
}

#header h1 {
}

/* End Header */

/* Footer */

div#footer-outer {
	background: url(footer.png) repeat-x;
	width: 100%;
	height: 300px;
	margin-top: -154px;
	z-index: 5;
	position: relative;
}

#footer {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	position: relative;
	z-index: 6;
	height: 300px;
	width: 1152px;
	float: left;
	text-align: left;
	margin-top: -153px;
	line-height: .9em;
	left: -23px;
}

#footer-logo {
	width: 381px;
	position: relative;
	top: -77px;
	clear: left;
}

#footer-logo img {
	position: relative;
	z-index: 3;
}

#footer-logo-2 {
	position: relative;
	z-index: 1;
	margin-top: -138px;
	float: left;
	left: 63px;
}

div.ditto_spaces {
	padding: 0;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	width: 217px;
	float: left;
	border-right-style: solid;
	border-right-color: #6b6b6b;
	height: 100px;
	font-weight: bold;
	font-size: 11px;
}

div#spaces {
	
}

div#column1 {
	width: 270px;
	visibility: visible;
	padding-top: 25px;
	padding-bottom: 5px;
	padding-left: 88px;
	position: relative;
	float: left;
	margin-top: -124px;
	line-height: .9em;
}

div#column2 {
	width: 220px;
	background-color: #26170f;
	padding: 25px 10px 5px;
	position: relative;
	float: left;
	margin-top: -124px;
	height: 210px;
}

div#column3 {
	width: 200px;
	padding: 25px 10px 5px;
	position: relative;
	float: left;
	margin-top: -124px;
}

div#column4 {
	background-color: #26170f;
	padding: 25px 10px 5px;
	position: relative;
	width: 268px;
	float: left;
	margin-top: -124px;
	height: 210px;
}

div#footer ul {
	line-height: 2.2em;
}

div#footer ul.list li {
	background: url(footer_checkmark.png) no-repeat 0 4px;
	padding-left: 30px;
}

/* End Footer */

/* Side */

.sidebar {
	width: 23%;
	padding-left: 17px;
	padding-right: 120px;
	padding-top: 10px;
	float: right;
}

/* End Side */

/* Search */

div#search {
	position: relative;
	top: -10px;
	left: 22px;
}

input#ajaxSearch_submit {
	position: relative;
	right: 10px;
	visibility: hidden;
	float: right;
	top: -30px;
}

#search form {
	background-image: url(http://www.twincitiescatholic.com/assets/templates/RSTemplate/bg_search.gif);
	height: 24px;
	width: 155px;
}

input#ajaxSearch_input {
	border-style: none;
	width: 132px;
}

#search form label {
	margin: 0;
	top: 2px;
	position: relative;
}

/* End Search */

/* Typography */

#herotext {
	width: 298px;
	height: 332px;
	float: left;
	position: relative;
	left: 189px;
	background-image: url(hero_textbox_opacity27_white_stroke.png);
	padding: 10px;
	color: #fff;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-bottom: 0;
	background-color: transparent;
	top: 24px;
}

#herotext h2 {
	margin: 0;
	padding: 6px 30px 0;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 23px;
	letter-spacing: 3px;
}

#herotext h4 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	font: normal normal large Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin: 0;
	padding: 0 40px;
}

#herotext p {
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	line-height: 1.4em;
}

div#content.TopContent a {
	z-index: 999;
}

.sidebar h1 {
	margin: 0;
	padding: 0;
}

h1.pagetitle {
	padding-bottom: 20px;
	background-repeat: no-repeat;
}

h1.pagetitle span {
	display: none;
}

h1 {
	text-transform: capitalize;
	font-size: x-large;
	color: #3e858f;
}

h2 {
	font-size: medium;
}

.TopContent h1 {
	color: #a6a6a6;
	text-transform: uppercase;
	font: normal normal xx-large Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	word-spacing: 5px;
	letter-spacing: 1px;
	padding: 0;
}

.TopContent h2 {
	font: normal x-large Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding: 10px 0 0;
	text-transform: uppercase;
	word-spacing: 5px;
	color: #a6a6a6;
	letter-spacing: 1px;
	position: relative;
}

.TopContent h3 {
	color: #a6a6a6;
	font: normal large Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	padding: 15px 0 0;
	word-spacing: 5px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.TopContent p {
	padding-top: 0;
	padding-bottom: 14px;
}

p {
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: medium;
	line-height: 1.4em;
}

#introbox h2 {
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 12px;
	color: #323232;
	font: x-large "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#introbox p {
	font: large/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
	width: 828px;
	left: 3px;
	color: #323232;
	padding-bottom: 13px;	
}

div.aboutusdesc-alt h2 {
	text-align: right;
	clear: right;
	margin-bottom: 3px;
	color: #323232;
	padding-top: 13px;
}

div.aboutusdesc h2 {
	text-align: right;
	clear: right;
	margin-bottom: 3px;
	color: #323232;
	margin-top: 0;
	padding-top: 13px;
}

#info-quote p {
	position: relative;
	width: 688px;
	float: left;
	padding-top: 49px;
	padding-bottom: 48px;
	top: 8px;
	font-size: large;
}

#content div.sidebar div.infomenu p {
	width: 210px;
	float: left;
}

#about-columns h3, #portfolio-columns h3, #blog-columns h3 {
	text-align: center;
	letter-spacing: 0;
	font: 18px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #9bd077;
	padding: 3px 25px 8px;
}

#about-columns h4, #portfolio-columns h4, #blog-columns h4 {
	padding-right: 33px;
	padding-left: 33px;
	font: 16px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0;
	text-align: center;
}

#about-columns p, #portfolio-columns p, #blog-columns p {
	padding: 5px 37px;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	line-height: 1.2em;
}

div#footer p {
	padding-right: 5px;
	padding-left: 5px;
}

div#footer h2 {
	text-transform: uppercase;
	padding: 5px;
	font: medium "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 11px;
}

#column1 p {
	line-height: .9em;
}
/* End Typography */

/* Lists */

div#content.TopContent li {
	padding-left: 15px;
	list-style-image: url(bullet3-2.png);
	opacity: 1;
	list-style-position: inside;}

.rightcolumn p {
	line-height: 1.4em;
}

/* End Lists */

/* Forms */

input {
	border: thin solid gray;
	margin-top: 3px;
	padding: 2px;
	margin-bottom: 3px;
}

label {
	clear: left;
	display: block;
	margin-top: 5px;
}

/* End Forms */

/* Links */

div.rightcolumn a {
	color: #716a60;
	text-decoration: none;
	text-align: left;
}

div.rightcolumn a:hover {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	color: #3e858f;
}

/* End Links */

/* Images */

.rightcolumn p img {
	height: auto;
}

img.hero-help-button {
	position: relative;
	left: 43px;
	z-index: 4;
}

#herotext a {
	z-index: 4;
	position: relative;
}

#heropic {
	float: right;
	position: relative;
	left: 12px;
	z-index: 2;
}

img.aboutpic {
	float: left;
	position: relative;
	margin-top: -34px;
}


div.aboutusdesc-alt {
	padding-right: 30px;
}
div.aboutusdesc p img.recentbutton, .aboutusdesc-alt p img.recentbutton {
	width: 166px;
	position: relative;
	float: right;
	top: -37px;
	margin-bottom: -37px;
}

/* End Images */

/* General */

.clear {
	clear: both;
	overflow: hidden;
	margin-bottom: -1px;
}

#introbox {
	position: relative;
	padding-right: 120px;
	padding-left: 120px;
	background-image: url(graybox_subpage.png);
	font: large/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
	width: 843px;
	color: #323232;
	padding-bottom: 13px;
	margin-left: auto;
	margin-right: auto;
}

#info-quote {
	padding-right: 130px;
	padding-left: 120px;
	background-image: url(graybox_subpage.png);
	width: 833px;
	text-transform: uppercase;
	text-align: right;
	font: large "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 3px;
	word-spacing: 2px;
	position: relative;
	display: block;
	clear: left;
	color: #323232;
	height: 133px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	left: 17px;	
}

#home-columns {
	margin-right: auto;
	margin-left: auto;
}

#info-quote a img.quoteimg {
	float: right;
	position: relative;
	top: 7px;
}

div.onecolumn {
	padding-right: 120px;
	padding-left: 120px;
	width: 830px;
	clear: left;
	margin-bottom: 27px;
}

.aboutusbox {
	position: relative;
	padding-right: 120px;
	width: 859px;
	background-image: url(graybox_subpage.png);
	float: left;
	left: -103px;
	padding-left: 104px;
}

.aboutusdesc, .aboutusdesc-alt {
	clear: left;
	color: #323232;
}

#content div.sidebar p img.recentworkbutton {
	position: relative;
	left: -3px;
	width: 229px;
	top: -16px;
}

/* End General */

/* Menus / Navigation */

div#leftnav {
	background: url(/assets/templates/RSTemplate/leftnav.png) no-repeat left;
	left: 205px;
	position: absolute;
	width: 15px;
	margin: 0 0 0 40px;
	padding: 0;
	visibility: visible;
	display: inline;
	height: 37px;
	top: 20px;
}

div#topnav {
	
}

#nav ul#topmenu li.first {
	visibility: visible;
	display: inline;
	padding: 0 0 0 10px;
	background-position: left 1px;
	background-repeat: no-repeat;
}

#nav {
	font-size: medium;
	padding: 0;
	vertical-align: middle;
	background: url(topsmall_menu.png) no-repeat;
	width: 339px;
	z-index: 20;
	height: 55px;
	position: relative;
	margin: 0 10px 0 0;
	float: right;
	display: inline;
}

#nav li {
	text-transform: uppercase;
	color: #fff;
	display: inline;
	font: bold 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-indent: 1px;
	position: relative;
	left: 20px;
	float: left;
	top: 5px;
}

ul#topmenu {
	text-align: center;
	width: 339px;
	height: 55px;
	margin-right: 20px;
}

ul#topmenu li {
	padding: 5px 10px;
}

ul#topmenu li a {
	color: #fff;
	text-decoration: none;
}

ul#topmenu li:hover a, ul#topmenu li:hover p {
	color: #28190e;
}

#nav ul#topmenu li.last {
	padding-right: 14px;
	background-position: right 1px;
	background-repeat: no-repeat;
}

div#main-nav {
	clear: left;
	position: relative;
	top: -173px;
	z-index: 14;
	text-transform: uppercase;
	font: small Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #000;
	height: 32px;
	letter-spacing: 10px;
	background-position: 0;
	background-repeat: repeat-x;
}

#main-menu-nav {
	position: relative;
	margin-left: 216px;
	padding-top: 7px;
	padding-bottom: 7px;
	height: 18px;
	z-index: 99;
	visibility: visible;
	clear: left;
}

#main-menu-nav li {
	display: inline;
	position: relative;
	z-index: 99;
	visibility: visible;
}

#main-menu-nav li a {
	color: #000;
	text-decoration: none;
	position: relative;
	z-index: 99;
	background-position: 0;
	padding: 8px 17px 10px;
}

#main-menu-nav li:hover {
	padding-top: 8px;
	padding-bottom: 10px;
	background: url(main-nav-temp.png) 0;
}

#main-menu-nav ul#main-menu {
	z-index: 12;
	position: relative;
}

div#bottom-nav {
	position: relative;
	text-transform: uppercase;
	font: small Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #000;
	height: 33px;
	letter-spacing: 9px;
	background-position: 0;
	background-repeat: repeat-x;
	z-index: 999999;
	top: 22px;
}

#bottom-menu-nav {
	position: relative;
	margin-left: 390px;
	padding-top: 3px;
	padding-bottom: 3px;
	visibility: visible;
}

#bottom-menu-nav li {
	display: inline;
	position: relative;
	z-index: 99;
	visibility: visible;
}

#bottom-menu-nav li a {
	color: #000;
	text-decoration: none;
	position: relative;
	z-index: 99;
	padding: 9px 10px 10px;
}

#bottom-menu-nav li:hover a {
	padding-top: 12px;
	padding-bottom: 11px;
	color: gray;
}

#bottom-menu-nav ul.bottom-menu {
	z-index: 12;
	position: relative;
}

div.infomenu {
	background: url(http://www.twincitiescatholic.com/assets/templates/RSTemplate/bannerbgimnew.png) no-repeat;
	text-align: right;
	margin-top: 10px;
	position: relative;
	left: -12px;
	padding: 20px 10px 10px;
	width: 206px;
	height: 134px;
}

#content div.sidebar div.infomenu p a span {
	color: #3e858f;
}

#content div.sidebar div.infomenu p a {
	text-transform: uppercase;
	text-decoration: none;
	color: #555;
	font: 1.4em Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

#content div.sidebar div.infomenu p a:hover {
	border-bottom: thin dotted #3e858f;
	color: #000;
}

#breadcrumbs span.B_crumbBox a.B_crumb {
	font-size: small;
	text-decoration: none;
	color: #726b65;
	border-bottom: .1em dashed #3e858f;
	padding-left: 10px;
	background: url(http://www.twincitiescatholic.com/assets/templates/RSTemplate/back-arrow.gif) no-repeat 0 center;
	display: inline-block;
	width: 200px;
	padding-bottom: 3px;
	padding-top: 5px;
	position: relative;
	left: -5px;
}

#breadcrumbs a {
	width: 200px;
	text-transform: uppercase;
	display: block;
}

/* End Menus / Navigation */

#flashcontent {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	clear: left;
	height: 600px;
}
/* Blog */

textarea#comment {
	width: 550px;
}





#content div.sidebar li {
	list-style-image: none;
	list-style-type: none;
}