/* @override http://www.cbmus.org/08Design/styles/style.css */

/* @override http://www.cbmus.org/08Design/styles/style.css */

/* @override http://www.cbmus.org/08Design/styles/style.css */

/* @override http://www.cbmus.org/08Design/styles/style.css */

/* @override http://www.cbmus.org/08Design/styles/style.css */

/* @override http://www.cbmus.org/08Design/styles/style.css */

/* CSS Document */
/* Site Coded & Developed on Convio by MattBlasi */

/* --------------------
		Reset Styles
-------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, v, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	/*color: #444;*/
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

body a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 { font-size:18px; font-weight:bold; color:#990000; text-transform:uppercase; padding-bottom:10px;  }
h2 { font-size:14px; font-weight:bold; color:#444444; }
span.breadcrumb { font-size:10px; margin-bottom:5px; }

div.footer a, div.footer a:visited { color: #be2128; }

img.photo { padding:3px solid #ccc; }

div.rightcol { line-height:160%;
	color: #444;
}

div.rightcol ul { *padding-left:5px; padding-left:5px;}

ul {
	
}
div.rightcol li {
	list-style:none;
	list-style-image: url(../images/list-arrows.gif);
	margin-left: 10px;
}


/* --------------------
		Main Styles
-------------------- */

html, body {
	background-color: #ffe9a2;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: 0 215px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

body { text-align:center; }

.wrapper {
	width: 808px;
	margin: 0 auto;
	text-align:left;
	*background-repeat: repeat-y;
	*background-image: url(../images/content-bg.png)! important; /*IE7 gets full background*/
	
}


.header {
	background-image: url(../images/header-bg2.png);
	height: 169px;
	margin-top: 11px;
	background-repeat: no-repeat;
	position: relative;
	color: #be2128;
}

.fonts {
	height: 11px;
	position: absolute;
	right: 5px;
	top: -5px;
}

.fonts a {
	text-transform: uppercase;
	font-weight: bold;
	color: #be2128;
}

.fonts a.size-1 {
	font-size: 12px;
}

.fonts a.size-2 {
	font-size: 15px;
}

.fonts a.size-3 {
	font-size: 18px;
}

.fonts a:hover, .fonts a.active {
	text-decoration: none;
	color: #ffb81c;
}

.logo {
	background-image: url(../images/logo2.png);
	background-repeat: no-repeat;
	width: 186px;
	height: 131px;
	float: left;
	margin:25px 0 0 25px;
	position: relative;
}

.logosanta {
	float: left;
	margin:25px 0 0 25px;
	position: relative;
}

.slogan {
	float: right;
	width: 260px;
	margin: 37px 15px 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #be2128;
	line-height: 19px;
	position: relative;
}

.slogan poorest {
	margin-left:30px;
	padding-left:30px;
	color: #be2128;
}

.slogan bold {
	font-weight: bold;
	color: #be2128;
}

* html .slogan {
	margin-right: 15px;
	color: #be2128;
}

.navigation {
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-y;
	overflow: hidden;
	padding: 10px 0;
	height: 26px;
	//height: auto;
	//padding: 7px 0 28px 0;
	
}

.navigation ul#blasi_mainNav {
	padding: 0 0 0 4px;	
}

.navigation ul#blasi_mainNav li.level-1 {
	float: left;
	padding-left: 13px;
	padding-top: 4px;
}

.navigation ul#blasi_mainNav ul { display:none;}

.navigation ul#blasi_mainNav li.level-1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #50422c;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 3px;
}	

.navigation ul#blasi_mainNav li.level-1 a img {
	float: left;
	margin: 6px 0 0 0;
}

.navigation ul#blasi_mainNav li.level-1 a:hover, .navigation ul li a.selected {
	color: #ffb81c;
	text-decoration: none;
	padding-left: 3px;
}

div#blasi-nav ul.menu_2 							{ border:2px solid #fff; background:#ffe9a2; list-style:none; position:absolute; margin:2px 0 0 12px; width:150px; z-index:1000;}
div#blasi-nav ul.menu_2 li.menu_2 a  ,div#blasi-nav ul.menu_2 li.menu_2 a:visited    							{ font-size:10px; padding:3px; text-indent:0; font-weight:normal; margin:1px; width:143px; display:block }
div#blasi-nav li.menu_2 a.menu_2:hover 				{ color:#FFF; background:#ffc75e; }
div#blasi-nav li.menu_1_hover 						{ display:block; }
div#blasi-nav li.menu_1_hover ul.menu_2 			{ display:block; }
div#blasi-nav li.menu_1_hover ul.menu_2 li 			{ margin:0; position:relative; height:20px; }

div#blasi-nav li.whatwedo ul		{//margin-left:-100px; //margin-top:20px;}
div#blasi-nav li.wherewework ul		{//margin-left:-130px; //margin-top:20px;}
div#blasi-nav li.news ul			{//margin-left:-50px; //margin-top:20px;}
div#blasi-nav li.aboutus ul			{//margin-left:-80px; //margin-top:20px;}
div#blasi-nav li.donate ul			{//margin-left:-70px; //margin-top:20px;}


.navigation form {
	float: right;
}	

.navigation form input {
	float: left;
	width: 118px;
	padding: 0 7px;
	border: 1px solid #d0d0d0;
	color: #888;
	height: 18px;
}


.navigation form input.query {
    padding:3px 7px;
    height:20px;
}  

.navigation form input.submit {
	background: none;
	border: none;
	background: url(../images/search-button-bg.gif) repeat-none top center;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 0 27px 0 6px;
}

.main {
	background-image: url(../images/content-bg.png)! important;
	background-repeat: repeat-y;
	padding: 0 4px 0;
	overflow: hidden;
	position: static;
	//padding-top:10px;
	//margin-top:-10px;
}

.main .left {
	float: left;
	width: 600px;
	position:relative;
}

.main .right {
	float: right;
	width: 200px;
	background-color: #e6f9de;
	position:relative;
	height: 245px;
}

.main .content {
	clear: both;
	//padding-bottom:10px;
}

.main .right form {
	background-color: #ffe2ab;
	padding: 15px 0 5px 10px;
	height: 139px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #826455;
	line-height: 14px;
	//padding:15px;
	//height:160px;
}

h2.join {
	background-image: url(../images/join-us-online.png);
	width: 121px;
	height: 15px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}

.main .right form input {
	margin-top: 5px;
	border: 1px solid #9c9d9d;
	color: #9c9d9d;
	padding: 5px;
	width: 110px;
	float: left;
	height: 21px;
	font-size: 10px;
}

* html .main .right form input {
	padding 3px;
}

.main .right form input.submit,
.main .right form input.button  {
	background: none;
	border: none;
	background-image: url(../images/submit-go.gif);
	width: 30px;
	height: 20px;
	margin-left: 15px;
	font-size: 0px;
	cursor: pointer;
}

h3.ornament {
	background-image: url(../images/ornament.gif);
	width: 200px;
	height: 17px;
}

 
.ornaments {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c6e0f;
	padding: 6px 0 0 14px;
	width: 90px;
	line-height: 12px;
	//padding:5px 0 0 5px;
}

.ornaments a {
	clear: both;
	display:block;
	width:200px;
	height:85px;
	color: #7d4c8a;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	float: left;
}

.ornaments a:hover {
	text-decoration: none;	
}

.content {
	padding: 8px 15px;	
	overflow: hidden;
}

.content .leftcol               { float:left; width:180px; }

.content .rightcol { 
	float:left; 
	width:575px; 
	margin-left:10px; 
	margin-bottom:30px; 
	position:relative;
}

.content .rightcol .top_menu    { font-size:9px; position:relative; }
.content .rightcol .top_menu a  { text-decoration:none; margin:0 4px; }

.content .rightcol img          { padding:5px; } 
.content .rightcol h1          { margin:10px 0; } 

.content .rightcol p { margin:8px 0;
	color: #444;
}


.content.wide               { padding:10px 0 0;}
.content.wide .rightcol     { width:800px; }
.content.wide .rightcol img { padding:0; margin:0;}
.content.wide .rightcol a 	{ padding:0; margin:2px;}

.content.wide .rightcol     { //margin-left:0; //padding-top:10px; //position:relative; }

.content.wide .rightcol {
	*margin-top: -25px;
}

a.more {
	clear: both;
	color: #be2128;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	float: left;
}

a.more:hover {
	text-decoration: none;	
}

.miracles-of-sight {
	background-image: url(../images/fromthefield.jpg);
	width: 300px;
	height: 179px;
	background-repeat: no-repeat;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
    color: #444;
    
}

.miraclestext {
    top: 70px;
	width:140px;
	line-height:135%;
	padding: 40px 0 0 155px;
	//width:280px;
}


.miracles-of-sight a {
    width:140px;
    display:block;
	float: right;
    padding:240px 20px 0 0;
	position: relative;
	color: #be2128;
	font-weight: bold;
	text-decoration:underline;
}

.sticky {
	background-image: url(../images/sticky-bg.png);
	width: 234px;
	height: 180px;
	background-repeat: no-repeat;
	float: left;
	line-height: 125%;
	padding: 0 20px 0 35px;
	//width:290px;
}

h2.visions {
	background-image: url(../images/vision.png);
	background-repeat: no-repeat;
	width: 127px;
	height: 31px;
	margin: 5px 0 0 0;
}

.sticky h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #b0643a;
}

.sticky {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	color: #55452d;
}

.sticky a {
	margin-top: 7px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #3a5483;
}

.sticky a.more {
	clear: both;
	color: #be2128;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	float: right;
}

.sticky a.more:hover {
	text-decoration: none;	
}

.content div.rightcol .blue-block {
	width: 170px;
	float: right;
	background-color: #dae7f7;
	height: 165px;
	padding: 15px 15px 0 15px;
	//width:200px;
	//height:180px;
	//padding-bottom:5px;
}

.content div.rightcol .blue-block ul {
	//margin-left:-11px;
	//width:185px;
	//position:relative;
	list-style:none;
}

.content div.rightcol .blue-block li {
	list-style:none;
}

h2.news {
	background-image: url(../images/news.png);
	width: 43px;
	height: 14px;
	background-repeat: no-repeat;
}

.content div.rightcol .blue-block a {
	margin: 2px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #3a5483;
	text-decoration: none;
	float: left;
}

.content div.rightcol .blue-block a:hover {
	text-decoration: underline;	
}

.content div.rightcol .blue-block a.more {
	clear: both;
	color: #be2128;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	width: 100px;
	//margin-bottom:1px;
}

.content div.rightcol .blue-block a.more:hover {
	text-decoration: none;	
}

.clear {
	clear: both;	
}

.networks {
	clear: both;
	background-color: #fff5e3;
	padding: 5px 0;
	text-align: center;
	//margin:0px;
	//position:relative;
	//padding:10px;
}


.networks a {
	margin: 0 5px;	
}

a.ico {
	float: left;
	margin-right: 7px;
}

.bottom {
	background-image: url(../images/bottom-bg.png);
	background-repeat: no-repeat;
	height: 7px;
	clear: both;
}

.footer {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 15px 0;
	line-height: 18px;
}

strong {
	font-weight: bold;	
}

.footer a {
	color: #7d4c8a;	
}

.footer div a {
	font-weight: bold;	
}

.leftcol h4         { background:#ffe9a2; font-size:12px; font-weight:bold; color:#555; text-transform:uppercase; margin:0; padding:3px 5px;}
.leftcol ul         { background:#ffc75e; margin:0; padding:0; position:relative; border-top:1px solid #fff; padding-top:5px; }
.leftcol li         { margin:0; padding:0; }
.leftcol li a, .leftcol li a:visited        { color:#555; display:block; text-decoration:none; padding:5px; margin:0; //padding:5px; }
.leftcol li a:hover { color: #be2128; background:#ffe9a2; text-decoration:none; }

/* Left nav Addition 12/12/08 */

 .navcallout {
	float: right;
	width: 180px;
	background-image: url(../images/ornament-bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #e6f9de;
	height: 245px;
}


div.landing {background:#ffe9a2;}

#NewsSearch {display:none;}


div.networks img {position:relative; vertical-align:middle;}
div.networks a {text-decoration:none;}
div.networks a:hover {text-decoration:underline;}

.ornament {
height: 85px;
width: 200px; 
display: block;
}

/* Added styles */

.nowmorethanever {
	border-left:  thin #666 solid;
}

div.foldedhands {
	background-image: url('http://www.cbmus.org/08Design/images/shareyourprayer.gif');
	float: right;
	width: 146px;
	height: 36px;
	display: block;
	margin-right: -200px;
	margin-top: 130px;
	color: #ffffff;
}
div.foldedhands p {
	opacity: .01;
	filter: alpha(opacity=0);
}