/* @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 */

/* @override https://secure2.convio.net/cccbm/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 */

/* @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; font-family:Arial, Helvetica, sans-serif;  }
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: #8e0212;
	background-image: url(../images/bg-2011.jpg);
	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-2011.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(https://secure2.convio.net/cccbm/images/logo.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: 11px;
	//padding:15px;
}

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: 12px;*/
	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; font-family:Verdana, arial, sans-serif }

.content .rightcol { float:left; width:575px; margin-left:10px; margin-bottom:30px; position:relative; 
			  font-family: Verdana, arial, sans-serif }

.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;
	font-family:Verdana, arial, sans-serif
}


.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 15px 0 35px;
}

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: 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 5px;
	/*//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); -- TEMPORARILY KILLED FOR COUNTDOWN-- */
	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:#8e0212;}

#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);
}

/*--MAP--*/

#marginalColumn {
	float:right;
	/*position:relative;*/
	width:160px;
	margin-right:50px;
}


#mapContainer {
/*width: 500px;*/
/*overflow: hidden;*/
}

#mapContainer {
    padding: 8px 8px 8px 8px;
    margin-bottom: 30px;
}

#map { 
    width: 99.5%; 
    height: 99.5%;
    z-index: 99;
    overflow: hidden;
    border: 1px solid grey;
}

#mapContainer .large {
    position: absolute;
    right: 6px;
}

#mapContainer #mapClose,
#mapContainer #mapEnlarge {
    position: absolute;
    top: 2px;
    right: 4px;
    height: 10px;
    font-weight: bold;
    display: none;
    font-size: 0.9em;
}

#mapContainer #mapEnlarge {
    display: block;
}

#imageData #caption {
    color: #000000;
}


/* Lightbox CSS */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;  
}           
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;  
}

/*--removes the dropdown in storybuilder [begin]--*/
form#catselect 
{display: none;} 
/*--removes the dropdown in storybuilder [end]--*/

/*--pakistan homepage changes [begins]--*/
.homepage-pakistan-spots {
	float: left;
	display: block;
	width: 250px;
	padding-right: 5px;
}

.pakistan-amounts {
	background-image:url(http://www.cbmus.org/images/content/pagebuilder/17799.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:119px;
	width:245px;
}
div.donationamountspaksitan {
	color: #fff;
	display: block;
	width: 45px;
	text-align: center;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 16px;
	border: #fff solid thin;
	margin: 0 2px 2px 5px;
	height: 30px;
	font-family: arial, verdana;
}
div.donationamountspaksitan a {
	color: #fff;
}
div.donationamountspaksitan a:hover {
	color: #fff;
	text-decoration: underline;
}
div.donationamountspaksitan-other {
	display: block;
	width: 170px;
	text-align: center;
	float: left;
	border: #fff solid thin;
	padding-left: 4px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	margin: 2px;
}
div.donationamountspaksitan-other a {
	color: #fff;
}
div.donationamountspaksitan-other a:hover {
	color: #fff;
	text-decoration: underline;
}

#brainsbloghomepageinsert table tbody tr td li a.NewsHeadlineList {
	font-size: 11px;
	font-weight: normal;
}

#brainsbloghomepageinsert table tbody tr td li {
	padding-bottom: 1px;
	line-height: 12px;	
	margin-left: 0px;
	
}

#brainsbloghomepageinsert table {
	margin-left: -5px;
}

/*--pakistan homepage changes [ends]--*/
/*--cataract stages [begins]--*/
#stagebackground {
	background-image:url(http://www.cbmus.org/08Design/stages-assets/images/simulator_background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	width:579px;
	height:294px;
}
#stagesbuttons {
	width:579px;
	margin-top:15px;
	display:inline-block;
	margin-left:20px;
}
#stagesimage {
	display:inline-block;
	margin-top:13px;
	margin-left:14px;
}

div#cataractstages-donate {
	width: 123px;
	float: right;
	margin-top: 110px;
	margin-right: 10px;
}

/*--cataract stages [ends]--*/
div.sticky p { width: 250px; }
div.miraclestext { font-family:Verdana, arial, sans-serif; }
div.blue-block { }
/*--catalog 2010--*/
#catalog-top-banner h3 {
	margin-top: 0px;
	font-size: 20px;
	color: #be212b;
	font-weight: bold;
	line-height: 24px;
}
#catalog-top-banner img {
	float:left;
	padding:10px;
}
#catalog-listing div.item img {
	width: 120px;
	margin-left: 20px;

}
#catalog-listing div.item {
	padding:10px;
	width:150px;
	float:left;
	display:block;
	text-align: center;
	border-right: #999 thin solid;
	margin-bottom: 10px;

}