/*---===<<< UNIVERSAL RESETS AND STYLES >>>===---*/
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
}
a img {
border: 0;
} 
a:focus {
border: none;
outline: none;
}
/*---===<<< CONTENT STYLES >>>===---*/
body {
	background: #fff url(images/bodyBg.jpg) repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #464646;
}
/*---=== HEADING STYLES ===---*/
h1 .Head{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #7a2531;
	margin: 0 0 10px;
}
.homePageWrap h1 {
}
h2.tabHeader{
	color: #084474;
	font-family: "Copperplate Gothic Light";
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
h2 .Head{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #7a2531;
}
h2.containerTitle {
	background: url(images/flameIcon.jpg) no-repeat;
	
	
	padding: 4px 0 4px 20px;
	margin: 0 0 5px;
}
h2.containerTitle .Head{
	color: #084474;
	font-family: "Copperplate Gothic Light";
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
.containerContent{
	background: url(images/containerBorderTop.jpg) no-repeat;
	padding: 10px 0 0 0;
	margin: 0 0 5px;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
/*--- HEAD ---*/
.Head {
}
/*--- SUBHEAD ---*/
.SubHead {
}
/*---=== TEXT STYLES ===---*/
body,
p,
.Normal, 
.NormalRed,
.NormalDisabled,
.NormalBold,
.SkinObject,
.CommandButton {
}
p {
}
.homeContentAreaWrap p, .interiorContentAreaWrap p {
	margin: 0 0 10px;
}
strong {
}
em {
}
hr {
}
.articleTitle{
	color: #590612;
}
.blueHighlight{
	color: #15609B;
}
#dnn_dnnBREADCRUMB_lblBreadCrumb{
	color: #15609B;
}
/*---=== LINK STYLES ===---*/
a:link, 
a:visited, 
a:active {
	color: #15609B;
	text-decoration: none;
}
a:hover {
}
a.watchBtn{
background: url(images/watchIcon.jpg) no-repeat;
padding: 2px 10px 2px 19px;
}
a.buyBtn{
background: url(images/buyIcon.jpg) no-repeat;
padding: 2px 10px 2px 20px;
}
a.notesBtn{
background: url(images/notesIcon.jpg) no-repeat;
padding: 0px 10px 2px 15px;
}
/*---=== LIST STYLES ===---*/
/*--- ORDERED ---*/
ol {}
ol li {
}
ol li li {
}
ol li li li {
}
/*--- UNORDERED ---*/
ul {
}
ul li {
}
ul li li {
}
ul li li li {
}
/*---===<<< SKIN SETUP >>>===---*/

/*---=== HEADER ===---*/
.headerWrap{
	background:url(images/textureBg.jpg) 0 -90px repeat-x;
	height: 92px;
}
.headerWrapInner {
	width: 979px;
	background: url(images/textureBgOverlay.png) top left no-repeat;
	margin: 0 auto 0 auto;
}
.headerWrap .headerLeft{
	float: left;
	width: 270px;
}
.headerWrap .headerLeft .logo{
	width: 467px;
	height: 92px;
	display: block;
	background: url(images/spanishLogo2.png) 0 12px no-repeat;
}
.headerWrap .headerRight{
	width: 709px;
	float: right;
}
.headerWrap .headerRight .utilities{
	height: 21px;
	margin: 7px 0 2px;
	text-align: right;
	color: #fff;
}
.headerWrap .headerRight .utilities a.quickLink:link, .headerWrap .headerRight .utilities a.quickLink:visited, .headerWrap .headerRight .utilities a.quickLink:hover, .headerWrap .headerRight .utilities a.quickLink:active{
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}
.searchBox{
	float:right;
	height: 21px;
margin: 0 0 37px;

}
.quickLinks{
	float:right;
	height: 16px;
	padding: 5px 0 0;
	margin: 0 10px 0 37px;
}
.donacionesBtn{
	float: right;
}
.searchText{
	height: 21px;
	width: 145px;
	border: 1px solid #d3d7da;
	margin: 0 5px;
	float:left;
	line-height: 21px;
	color:#53a1e1;
	padding: 0 5px;
}
.searchBtn{
	margin: 1px 0 0;
	width: 73px;
	height: 21px;
	float:left;
}
.navigation{
	background: url(images/navBg.jpg) repeat-x;
	height: 28px;
}
.navigation .navigationInner{
	margin: 0 auto;
	width: 979px;
}


/*---=== FOOTER ===---*/
.footerWrap{
	background: #003a69 url(images/textureBg.jpg) repeat-x;
}
.footerOuterWrap {
    background: url("images/footerWrapBg.jpg") repeat scroll 0 0 transparent;
}
.interiorFooterWrap{
	/*background: url(images/interiorfooterWrapBg.png) repeat-x;*/
}
.footerWrap .footer1{
	background: url(images/spanishFooter1Bg.png) no-repeat;
	height: 26px;
	width: 529px;
	margin: 0 auto;
	padding:53px 0 10px 430px;
	color: #003a69;
	font-size: 12px;
}
.interiorFooterWrap {
	background: #003a69 url(images/textureBg.jpg) repeat-x;
}
.interiorFooterWrap .footer1{
	background: url(images/spanishInteriorFooter1Bg.png) no-repeat;
	height: 27px;
	width: 529px;
	margin: 0 auto;
	padding:53px 0 8px 430px;
	color: #003a69;
	font-size: 12px;
}
.footerWrap .footer1 .footer1Text, .interiorFooterWrap .footer1 .footer1Text{
	display: block;
	float: left;
	margin: 10px 5px 0 0;
}
.footerWrap .footer1 input, .interiorFooterWrap .footer1 input{
	float: left;
	margin: 2px 5px 0;
	height: 19px;
	width: 190px;
	border: solid 1px #d3d7da;
	color: #53a1e1;
	padding: 0 5px;
}
.footerWrap .footer1 a, .interiorFooterWrap .footer1 a{
	display: block;
	margin: 4px 0 0;
	float: left;
	height: 21px;
	width: 73px;
}
.interiorFooterWrap .footer2{
	background: url(images/textureBgOverlay.png) 0 -115px no-repeat;
}
.footerWrap .footer2, .interiorFooterWrap .footer2{
	
	width: 1152px;
	margin: 0 auto;
	padding: 5px 0;
}
.footerSiteMapText{
	float: left;
	color: #f1d092;
	margin: 0 90px 0 25px;
}
.footerText{
	color: #949fa7;
	float: left;
}
.footerSiteMap{
	margin: 10px 0 0 12px;
}
.footer3{
	width: 999px;
	margin: 0 auto;
	padding: 5px 0;
	color: #abaeb1;
	font-family: Arial, Helvetica, sans-serif;
	
}
.footer3 .column1{
	float: left;
	margin: 0 30px 0 25px;
	height: 28px;
	line-height: 28px;
}
.footer3 .column2, .footer3 .column3, .footer3 .column4{
	float: left;
	margin: 0 30px 0 0;
	height: 28px;
	line-height: 28px;
}
.footer3 .column5{
	float: left;
	margin: 0;
	height: 28px;
	line-height: 28px;
}
.footer3 a:link, .footer3 a:visited, .footer3 a:hover, .footer3 a:active{
	color: #abaeb1;
}
.blueLabel{
	color: #1675c0;
	font-weight: bold;
}
.facebookIcon{
	background: url(images/facebookIcon.gif) no-repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
}
.twitterIcon{
	background: url(images/twitterIcon.gif) no-repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
}
.linkedInIcon{
	background: url(images/linkedInIcon.gif) no-repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
}
.myspaceIcon{
	background: url(images/myspaceIcon.gif) no-repeat;
	height: 18px;
	width: 18px;
	display: inline-block;
}
.deleteBtn{
	background: url(images/deleteBtn.gif) no-repeat;
	height: 10px;
	width: 10px;
	display: inline-block;
}
/*---=== CONTENT AREA ===---*/
.homePageWrap{
}
.interiorPageWrap{
}
.campaignWrap{
	width: 979px;
	height: 348px;
	margin: 5px auto 0;
}
.campaignWrap .campaignLeft{
	float: left;
	width: 748px;
}
.campaignWrap .campaignRight{
	background: url(images/spanishCampaignRightBg.png) no-repeat 0 15px;
	float:right;
	width: 178px;
	height: 227px;
	padding: 77px 27px 26px 26px;
}
.campaignWrap .campaignRight p{
margin: 3px 0;
}
.homeContentAreaWrap{
	width: 979px;
	margin: -17px auto 0;
	
	
	
}
.interiorContentAreaWrap{
	width: 979px;
	margin: 0 auto;
	background:none;
	padding-top: 3px;
}
.OneColumnContentAreaWrap{
	width: 979px;
	margin: 0 auto;
	background:none;
	padding-top: 3px;
}
.oneColumnContent{
	padding: 10px 20px;
	
}
.homeContentAreaWrap .contentArea, .interiorContentAreaWrap .contentArea{
	
}
.interiorContentAreaWrap .contentArea{
	background: none;
}
.homeContentAreaWrap .contentArea .topPane{
margin: 0 0 -7px 3px;
clear:both;
}
.homeContentAreaWrap .contentArea .fourColumnWrap{
	
}
.homeContentAreaWrap .contentArea .fourColumnWrap .fourColumnTop{
	background: url(images/fourColumnTop.png) no-repeat;
	width: 972px;
	height: 11px;
}
.homeContentAreaWrap .contentArea .fourColumnWrap .fourColumnMiddle{
	background: url(images/fourColumnMiddle.png) repeat-y;
	width: 956px;
	padding: 0 8px;
}
.homeContentAreaWrap .contentArea .fourColumnWrap .fourColumnBottom{
	background: url(images/fourColumnBottom.png) no-repeat;
	width: 972px;
	height: 11px;
}
.homeContentAreaWrap .contentArea .fourColumnWrap .column1{
	
	float: left;
	width: 217px;
	padding: 0px 10px;
	margin: 0 4px 0 0;
}
.homeContentAreaWrap .contentArea .fourColumnWrap .column2{
	
	float: left;
	width: 218px;
	padding: 0px 10px;
	margin: 0 4px 0 0;
}
.homeContentAreaWrap .contentArea .fourColumnWrap .column3{
	
	float: left;
	width: 217px;
	padding: 0px 10px;
	margin: 0 4px 0 0;
}
.homeContentAreaWrap .contentArea .fourColumnWrap .column4{
	float: left;
	width: 212px;
	padding: 0px 10px;
}
.homeContentAreaWrap .contentArea .threeColumnWrap{
	
}
.homeContentAreaWrap .contentArea .threeColumnWrap .threeColumnTop{
	background: url(images/threeColumnTop.png) no-repeat;
	width: 972px;
	height: 11px;
}
.homeContentAreaWrap .contentArea .threeColumnWrap .threeColumnUpperTop{
	background: url(images/threeColumnUpperTop.png) no-repeat;
	width: 972px;
	height: 11px;
}
.homeContentAreaWrap .contentArea .threeColumnWrap .threeColumnMiddle{
	background: url(images/threeColumnMiddle.png) repeat-y;
	width: 956px;
	padding: 0 8px;
}
.homeContentAreaWrap .contentArea .threeColumnWrap .threeColumnUpperBottom{
	background: url(images/threeColumnUpperBottom.png) no-repeat;
	width: 972px;
	height: 11px;
}
.homeContentAreaWrap .contentArea .threeColumnWrap .threeColumnBottom{
	background: url(images/threeColumnBottom.png) no-repeat;
	width: 972px;
	height: 11px;
}
.homeContentAreaWrap .contentArea .twoColumnWrap{
	width: 945px;
	float: left;
}
.homeContentAreaWrap .contentArea .threeColumnWrap .upperTwoColumnWrap .column1, .homeContentAreaWrap .contentArea .threeColumnWrap .lowerTwoColumnWrap .column1{
	
	float: left;
	width: 456px;
	margin: 0 4px 0 0;

	padding: 0px 10px;
}
.homeContentAreaWrap .contentArea .threeColumnWrap .upperTwoColumnWrap .column2, .homeContentAreaWrap .contentArea .threeColumnWrap .lowerTwoColumnWrap .column2{
	
	float: left;
	width: 213px;
	margin: 0 4px 0 0;
	padding: 0px 10px;

}
.homeContentAreaWrap .contentArea .threeColumnWrap .upperTwoColumnWrap .column3, .homeContentAreaWrap .contentArea .threeColumnWrap .lowerTwoColumnWrap .column3{
	
	float: left;
	width: 212px;
	padding: 5px 0px;

}
/*.homeContentAreaWrap .contentArea .threeColumnWrap .column3{
	float: left;
	width: 236px;
height: 300px;
}*/

.interiorContentAreaWrap .contentArea .threeColumnWrap{
	margin: 0px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .threeColumnInteriorTop{
	background: url(images/threeColumnInteriorTop.png) no-repeat;
	width: 972px;
	height: 11px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .threeColumnInteriorMiddle{
	background: url(images/threeColumnInteriorMiddle.png) repeat-y;
	width: 956px;
	padding: 5px 8px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .threeColumnInteriorBottom{
	background: url(images/threeColumnInteriorBottom.png) no-repeat;
	width: 972px;
	height: 11px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column1{
	
	float: left;
	width: 213px;
	margin: 0 10px 0 0;
	padding: 0 10px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column1 .leftPane2{
	padding: 5px 10px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column2{
	float: left;
	width: 454px;
	margin: 0 10px 0 0;
	padding: 0 10px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column3{
	float: left;
	width: 208px;
	padding: 0 10px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column3 .columnTop{
	background: url(images/rightColumnTop.jpg) no-repeat;
	width: 246px;
	height: 16px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column3 .columnBg{
	background: url(images/rightColumnBg.jpg) repeat-y;
	width: 206px;
	padding: 10px 20px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column3 .columnBottom{
	background: url(images/rightColumnBottom.jpg) no-repeat;
	width: 246px;
	height: 16px;
}
.interiorContentAreaWrap .contentArea .threeColumnWrap .column3 .rightPane2{
	padding: 5px;
}

.interiorContentAreaWrap .contentArea .twoColumnWrap{
	margin: 0px;
}
.interiorContentAreaWrap .contentArea .twoColumnWrap .twoColumnInteriorTop, .interiorContentAreaWrap .contentArea .twoColumnNav .twoColumnInteriorTop{
	background: url(images/twoColumnInteriorTop.png) no-repeat;
	width: 972px;
	height: 11px;
}
.interiorContentAreaWrap .contentArea .twoColumnWrap .twoColumnInteriorMiddle, .interiorContentAreaWrap .contentArea .twoColumnNav .twoColumnInteriorMiddle{
	background: url(images/twoColumnInteriorMiddle.png) repeat-y;
	width: 956px;
	padding: 5px 8px;
}
.interiorContentAreaWrap .contentArea .twoColumnWrap .twoColumnInteriorBottom, .interiorContentAreaWrap .contentArea .twoColumnNav .twoColumnInteriorBottom{
	background: url(images/twoColumnInteriorBottom.png) no-repeat;
	width: 972px;
	height: 11px;
}
.interiorContentAreaWrap .contentArea .twoColumnWrap .column1{
	background: url(images/leftColumnTop.jpg) no-repeat;
	float: left;
	width: 246px;
}
.interiorContentAreaWrap .contentArea .twoColumnWrap .column1 .leftPane2{
	padding: 5px 10px;
}
.interiorContentAreaWrap .contentArea .twoColumnWrap .column2{
	float: left;
	width: 484px;
}
.leftContentPane{
float: left;
width: 218px;
}
.rightContentPane{
float: right;
width: 218px;
}


.breadcrumb{
margin: 10px 0;
}



.interiorContentAreaWrap .contentArea .twoColumnNav{
	margin: 0px;
}
.interiorContentAreaWrap .contentArea .twoColumnNav .column1{
	float: left;
	width: 213px;
	margin: 0 10px 0 0;
	padding: 0 10px;
}
.interiorContentAreaWrap .contentArea .twoColumnNav .column1 .leftPane2{
	padding: 5px 10px;
}
.interiorContentAreaWrap .contentArea .twoColumnNav .column2{
	float: left;
	width: 690px;
	padding: 0 10px 10px;
}



.interiorContentAreaWrap .contentArea .twoColumnSideBar{
	margin: 0px;
}
.interiorContentAreaWrap .contentArea .twoColumnSideBar .column1{
	float: left;
	width: 690px;
	padding: 0 10px 10px;
}
.interiorContentAreaWrap .contentArea .twoColumnSideBar .twoColumnInteriorTop{
	background: url(images/twoColumnInteriorSidebarTop.png) no-repeat;
	width: 972px;
	height: 11px;
}
.interiorContentAreaWrap .contentArea .twoColumnSideBar .twoColumnInteriorMiddle{
	background: url(images/twoColumnInteriorSidebarMiddle.png) repeat-y;
	width: 956px;
	padding: 5px 8px;
}
.interiorContentAreaWrap .contentArea .twoColumnSideBar .twoColumnInteriorBottom{
	background: url(images/twoColumnInteriorSidebarBottom.png) no-repeat;
	width: 972px;
	height: 11px;
}
.interiorContentAreaWrap .contentArea .twoColumnSideBar .column2{
	float: left;
	width: 213px;
	margin: 0 0 0 10px;
	padding: 0 10px;
}
.interiorContentAreaWrap .contentArea .twoColumnSideBar .column2 .rightPane2{
	padding: 5px 10px;
}


.oneColumnContentAreaWrap .contentArea .oneColumnWrap{
	margin: 0px;
}
.oneColumnContentAreaWrap .contentArea .oneColumnWrap .column1{
	
	float: left;
	width: 896px;
}
.interiorContentAreaWrap .contentArea .oneColumnWrap .oneColumnTop{
	background: url(images/oneColumnInteriorTop.png) no-repeat;
	width: 972px;
	height: 11px;
}
.interiorContentAreaWrap .contentArea .oneColumnWrap .oneColumnMiddle{
	background: url(images/oneColumnInteriorMiddle.png) repeat-y;
	width: 956px;
	padding: 0 8px;
}
.interiorContentAreaWrap .contentArea .oneColumnWrap .oneColumnBottom{
	background: url(images/oneColumnInteriorBottom.png) no-repeat;
	width: 972px;
	height: 11px;
}

/*---===<<< NAVIGATIONS >>>===---*/
.navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.navigation ul li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
.navigation a:link, .navigation a:visited, .navigation a:active{
	background: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #fff;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase;
	padding: 0 14px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
.navigation li#active a:link, .navigation li#active a:visited, .navigation li#active a:hover, .navigation li#active a:active{
	background: url(images/navActiveIcon.gif) no-repeat center bottom;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #e7bc41;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase;
	padding: 0 14px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
.navigation a:hover{
	background: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #e7bc41;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase;
	padding: 0 14px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.footerSiteMap ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.footerSiteMap ul li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
.footerSiteMap a:link, .footerSiteMap a:visited, .footerSiteMap a:active{
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #6495bc;
	height: 22px;
	line-height: 22px;
	padding: 0 15px;
	text-decoration: none;
	display: block;
}

.footerSiteMap a:hover{
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	height: 22px;
	line-height: 22px;
	padding: 0 15px;
	text-decoration: none;
	display: block;
}
.footerSiteMap a:link .dropdown, .footerSiteMap a:visited .dropdown, .footerSiteMap a:hover .dropdown, .footerSiteMap a:active .dropdown{
	display: block;
}
.footerSiteMap .dropdown a.child:link, .footerSiteMap .dropdown a.child:visited, .footerSiteMap .dropdown a.child:active{
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #6495bc;
	padding: 0 15px;
	text-decoration: none;
	height: auto;
	line-height: normal;
	margin: 5px 0;
}
.footerSiteMap .dropdown a.child:hover{
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 0 15px;
	text-decoration: none;
	height: auto;
	line-height: normal;
}
/*---===<<< TABLES >>>===---*/
/*---===<<< FORMS >>>===---*/
/*---===<<< MODULE STYLES GO BELOW HERE >>>===---*/
ul.articleList{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.articleList li{
	margin: 0 0 20px;
	list-style: none;
}
.articleImage{
	float: left;
	height: 60px;
	width: 60px;
	display: block;
	margin: 0 10px 0 0;
}
.articleContent{
	float: left;
	width: 383px;
}

.listColumns{
}
.listColumns .listColumn1{
	float: left;
	margin: 0 20px;

}
.listColumns .listColumn2{
	float: left;
	margin: 0 20px;

}
.listColumns .listColumn3{
	float: left;

}

.campaignTabContainer{
	width: 726px;

}
.campaignTabContainer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 61px;
	_margin-bottom: -15px;
}

/*.campaignTabContainer ul li.firstTab {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
	color: #706f6f;
	text-transform: uppercase;
	font-size: 12px;
	background: url(images/firstTabL.jpg) no-repeat top left;
	_padding-left: 16px;
}	
.campaignTabContainer ul li a.firstTab {
	background: url(images/firstTabR.jpg) no-repeat top right;
	height: 61px;
	line-height: 61px;
	display: block;
	padding: 0 49px 0 32px;
	margin-left: 16px;
	_margin-left: 0;
	font-weight: bold;
	float: left;
	font-family: "Copperplate Gothic Light";
	color: #706f6f;
}
.campaignTabContainer ul li.current.firstTab{
	background: url(images/firstTabOnL.jpg) no-repeat top left;
}
.campaignTabContainer ul li.current a.firstTab {
	background: url(images/firstTabOnR.jpg) no-repeat top right;
	color: #094270;
}

.campaignTabContainer ul li.tab {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
	color: #706f6f;
	text-transform: uppercase;
	font-size: 12px;
	background: url(images/tabL.jpg) no-repeat top left;
	_padding-left: 16px;
}	
.campaignTabContainer ul li a.tab {
	background: url(images/tabR.jpg) no-repeat top right;
	height: 61px;
	line-height: 61px;
	display: block;
	padding: 0 49px 0 32px;
	margin-left: 16px;
	_margin-left: 0;
	font-weight: bold;
	float: left;
	font-family: "Copperplate Gothic Light";
	color: #706f6f;
}
.campaignTabContainer ul li.current.tab{
	background: url(images/tabOnL.jpg) no-repeat top left;
}
.campaignTabContainer ul li.current a.tab {
	background: url(images/tabOnR.jpg) no-repeat top right;
	color: #094270;
}
.campaignTabContainer ul li.lastTab {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
	color: #706f6f;
	text-transform: uppercase;
	font-size: 12px;
	background: url(images/lastTabL.jpg) no-repeat top left;
	_padding-left: 16px;
}	
.campaignTabContainer ul li a.lastTab {
	background: url(images/lastTabR.jpg) no-repeat top right;
	height: 61px;
	line-height: 61px;
	display: block;
	padding: 0 35px 0 32px;
	margin-left: 16px;
	_margin-left: 0;
	font-weight: bold;
	float: left;
	font-family: "Copperplate Gothic Light";
	color: #706f6f;
}
.campaignTabContainer ul li.current.lastTab{
	background: url(images/lastTabOnL.jpg) no-repeat top left;
}
.campaignTabContainer ul li.current a.lastTab {
	background: url(images/lastTabOnR.jpg) no-repeat top right;
	color: #094270;
}
*/

.campaignTabContainer ul li.thisWeekOnTv{
background: url(images/thisWeekOnTv.jpg) no-repeat;
width: 228px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.thisWeekOnTv a{
width: 228px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.thisWeekOnTv{
background: url(images/thisWeekOnTv_on.jpg) no-repeat;
width: 228px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}

.campaignTabContainer ul li.todayOnRadio{
background: url(images/todayOnRadio.jpg) no-repeat;
width: 226px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.todayOnRadio a{
width: 226px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.todayOnRadio{
background: url(images/todayOnRadio_on.jpg) no-repeat;
width: 226px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}

.campaignTabContainer ul li.thisMonthsMagazine{
background: url(images/thisMonthsMagazine.jpg) no-repeat;
width: 272px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.thisMonthsMagazine a{
width: 272px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.thisMonthsMagazine{
background: url(images/thisMonthsMagazine_on.jpg) no-repeat;
width: 272px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer .tabContent{
	background: url(images/tabContentBg.png) no-repeat;
	width: 706px;
	height: 274px;
	padding: 10px 0 0 20px;
}
.campaignTabContainer .tabContent .imageLeft{
	float: left;
	width: 300px;
	height: 255px;
}
.campaignTabContainer .tabContent .contentRight{
	float: left;
	width: 375px;
	margin: 0 10px;
}
.campaignTabContainer .tabContentFooter{
	background: #fff url(images/tabContentFooterBg.jpg) no-repeat bottom;
	width: 726px;
	height: 13px;
}

.LeftNav
{
	padding-left: 0px;
}

.LeftNav li
{
	list-style:none;
	padding:5px;
}

.LeftNav .active
{
	background-color:#FFFFFB;
	border-top: solid 1px #D1CEC9;
	border-bottom: solid 1px #D1CEC9;
	font-weight:bold;
}

.LeftNav .active a
{
	color: #000;
}

.campaignWrap .campaignTabContainer{
	width: 744px;
	/*height: 61px;*/
}
.campaignWrap .campaignTabContainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 61px;
	_margin-bottom: -15px;
}

.campaignWrap .campaignTabContainer ul li.firstTab {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
	color: #706f6f;
	text-transform: uppercase;
	font-size: 11px;
	background: url(images/firstTabL.jpg) no-repeat top left;
	_padding-left: 16px;
	width: 187px;
}	

.campaignTabContainer ul li.estaSemanaEnTelevision{
background: url(images/estaSemanaEnTelevision.png) no-repeat;
width: 187px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.estaSemanaEnTelevision a{
width: 187px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.estaSemanaEnTelevision{
background: url(images/estaSemanaEnTelevision_on.png) no-repeat;
width: 187px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}

.campaignTabContainer ul li.hoyEnRadio{
background: url(images/hoyEnRadio.png) no-repeat;
width: 138px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.hoyEnRadio a{
width: 138px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.hoyEnRadio{
background: url(images/hoyEnRadio_on.png) no-repeat;
width: 138px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}

.todaysDevotional {
background: url(images/spanishCampaignRightBg.png) no-repeat;
width: 183px;
height: 227px;
padding: 77px 43px 44px 26px;
margin: 0 0 0 -12px;
}
.campaignTabContainer ul li.elDominio{
background: url(images/elDominio.png) no-repeat;
width: 139px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.elDominio a{
width: 139px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.elDominio{
background: url(images/elDominio_on.png) no-repeat;
width: 139px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}


.campaignTabContainer ul li.comoSerPadres{
background: url(images/comoSerPadres.png) no-repeat;
width: 140px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.comoSerPadres a{
width: 140px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.comoSerPadres{
background: url(images/comoSerPadres_on.png) no-repeat;
width: 140px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}


.campaignTabContainer ul li.principiosDeVida{
background: url(images/principiosDeVida.png) no-repeat;
width: 140px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}
.campaignTabContainer ul li.principiosDeVida a{
width: 140px;
height: 61px;
display: block;
text-indent: -9999em;
}
.campaignTabContainer ul li.current.principiosDeVida{
background: url(images/principiosDeVida_on.png) no-repeat;
width: 140px;
height: 61px;
display: block;
float: left;
list-style-type: none;
margin: 0;
}


.campaignWrap .campaignTabContainer ul li.tab {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
	color: #706f6f;
	text-transform: uppercase;
	font-size: 11px;
	background: url(images/tabL.jpg) no-repeat top left;
	_padding-left: 16px;
	width: 139px;
}	
.campaignWrap .campaignTabContainer ul li a.tab {
	background: url(images/tabR.jpg) no-repeat top right;
	height: 61px;
	line-height: normal;
	display: block;
	padding: 17px 29px 0 12px;
	margin-left: 16px;
	_margin-left: 0;
	font-weight: bold;
	float: left;
	font-family: "Copperplate Gothic Light";
	color: #706f6f;
	text-align: center;
}
.campaignWrap .campaignTabContainer ul li.current.tab{
	background: url(images/tabOnL.jpg) no-repeat top left;
}
.campaignWrap .campaignTabContainer ul li.current a.tab {
	background: url(images/tabOnR.jpg) no-repeat top right;
	color: #094270;
}
.campaignWrap .campaignTabContainer ul li.lastTab {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
	color: #706f6f;
	text-transform: uppercase;
	font-size: 11px;
	background: url(images/lastTabL.jpg) no-repeat top left;
	_padding-left: 16px;
	width: 122px;
}	
.campaignWrap .campaignTabContainer ul li a.lastTab {
	background: url(images/lastTabR.jpg) no-repeat top right;
	height: 61px;
	line-height: normal;
	display: block;
	padding: 17px 15px 0 12px;
	margin-left: 16px;
	_margin-left: 0;
	font-weight: bold;
	float: left;
	font-family: "Copperplate Gothic Light";
	color: #706f6f;
	text-align: center;
}
.campaignWrap .campaignTabContainer ul li.current.lastTab{
	background: url(images/lastTabOnL.jpg) no-repeat top left;
}
.campaignWrap .campaignTabContainer ul li.current a.lastTab {
	background: url(images/lastTabOnR.jpg) no-repeat top right;
	color: #094270;
}
.campaignWrap .campaignTabContainer .tabContent{
	background:  url(images/tabContentBg.png) no-repeat;
	width: 708px;
	height: 274px;
	padding: 0 18px;
}
.campaignWrap .campaignTabContainer .tabContentFooter{
	background: url(images/tabContentFooterBg.png) no-repeat bottom;
	width: 746px;
	height: 8px;
}
surveyresulttemplateLI{
width: 150px;
}

/*-------======= School of Faith ======--------*/
.SoF-wrap {
	height: auto;
	width: 954px;
	margin: 12px auto 20px;
	background: url("images/schooloffaith/sof-bg.jpg") top left no-repeat;
	padding: 12px 0 0;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	position: relative;
}

.SoF-top {
	position: relative;
	padding: 0 24px;
	height: auto;
}
.SoF-wrapX div { border: 1px dashed #00c; }
.SoF-wrap .intro { 
	width: 906px;
	height: auto;
}
.SoF-SocialMini {
	position: absolute;
	top: -20px;
	right: 20px;
	width: 110px;
	text-align: right;	
}
.SoF-wrap h1 {
	color: #c73505;
	font-weight: normal;
	font-size: 24px;
}
.SoF-wrap p {
	width: 880px;
	font-size: 12px;
}
.SoF-wrap .countdown {
	color: #fff;
	width: 200px;
	margin: 30px 0 10px 180px;	
}
.SoF-videonotebook-wrap {
	width: 906px;
	height: 500px;	
	background: url("images/schooloffaith/video-notebook-bg.png") bottom right no-repeat;
	position: relative;
	left: 0px;
}
.SoF-video {
	position: relative;
	top: 49px;
	left: 45px;
	height:	263px;
	width: 480px;
}
/*------------Notebook tabs------------*/

/* root element for tabs  */
.SoF-wrap ul li {
	list-style: none;
	list-style-type: none;	
}
.SoF-wrap ul.tabs { 
	list-style: none; 
	list-style-type: none;
	margin:0 !important; 
	padding:0;		
	height:30px;
	width: 405px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/tools/img/tabs/blue.png) no-repeat -420px 0;
	font-size:18px;
	display:block;
	height: 36px;  
	line-height:30px;
	width: 87px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	/* color:#000 !important;  current tab link color */
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -247px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -247px -31px; }
ul.tabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }




/*-------*/
.notebook-tabs {
	width: 278px;
	height: 240px;
	position: absolute;
	top: 1px;
	right: 30px;
}

/* initially all panes are hidden */ 
.notebook-tabs .panes .pane {
	display:none;		
}
.notebook-tabs .panes .pane {
			
	padding: 10px;
	border:none;
	border-top:0;
	height: 300px;
	font-size:11px;
	background: none;
	margin: 5px 0;

}
.panes div .NotebookEntry {
	display: block;
	color: #000;
	font-size: 11px;
	height: auto;	
	line-height: 1.3;
	background: url('images/schooloffaith/pencilmark.png') left bottom no-repeat;
	padding-bottom: 12px;
	width: 230px;
}
.panes div .NotebookEntry .date {
	display: block;
	font-style: italic;
	font-size: 10px;
}

.notebook-tabs .panes div .map-wrap {
	background: url('images/schooloffaith/map-bg.png') left top no-repeat;
	width: 297px;
	height: 411px;
 	margin: -4px 0 0 -20px;
}
.notebook-tabs .panes div .map-wrap .map-image {
	padding: 20px;
}

.tabs .tab1 {
	background: url("images/schooloffaith/tab-red.png") center 2px no-repeat;
}
.tabs .tab2 {
	background: url("images/schooloffaith/tab-orange.png") center top no-repeat;
}
.tabs .tab3 {
	width: 127px;
	background: url("images/schooloffaith/tab-blue.png") 2px 0px no-repeat;
}
.notebook-content {
	position: absolute;
	top: 60px;
	right: 10px;
	color: #000;
	font-size: 10pt;
	line-height: 1.1;
	font-family: Verdana, Geneva, sans-serif;
}
.notebook-content ul {
	list-style: none;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.notebook-content li {
	width: 300px;
}
.notebook-content li.notebook-clientid {}
.notebook-content li.notebook-comment {
	margin: 0 0 20px;
}
.girdle {
	clear: both;
	height: 397px;
	width: 	906px;
	position: relative;
	padding: 0;
}
.SoF-calendar {
	height: 375px;
	width: 331px;
	float: left;
}
.SoF-calendar p.content {
	max-width: 331px;
}
.SoF-calendar p.link {
	position: relative;
	width: 210px;
	text-align: center;
	color: #c73505;
	font-weight: bold;
	font-size: 12px;
	margin: 10px auto;
}
.SoF-calendar a {
	color: #c73505;	
}
.SoF-social {
	width: 240px;
	height: 375px;
	float: left;
	color: #3c5894;
	margin: 0 10px;
}
.SoF-social ul { 
	clear: both;
	position: relative;
	height: 58px;
	list-style: none;
	list-style-type: none;
	padding: 0;	
	margin: 10px 0 20px 10px;
}
.SoF-social li {
	padding: 0;
	margin: 0 0 0 10px;
	height: 58px;
	display: inline-block;
	float: left;
	vertical-align: middle;	
	padding: 12px 0;
	font-size: 12px;
	font-weight: bold;
}
.SoF-social .social-icon { 
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.joinclub {
	position: relative;
	width: 164px;
	height: 19px;
	margin: 20px auto;
}
.donate {
	position: relative;
	width: 144px;
	height: 79px;
	margin: 0px auto;	
}
.SoF-wrap .calendar p {
	width: 300px;	
}
.SoF-studyhallX * { border: 1px dashed #c00; }
.SoF-studyhall {
	position: relative;
	top: 18px;
	float: left;
	width: 300px;
	height: 375px;
	color: #c73505;
	font-weight: normal;
	font-size: 12px;
	font-family: "Verdana,Geneva,sans-serif";
	color: #000;
}
.SoF-studyhall a {
	color: #c73505;
	font-weight: bold;	
}
.SoF-studyhall h2 {
	margin: 14px 0 10px;
	font-size: 22px;
	font-weight: normal;
}
.SoF-studyhall p { 
	display: block;
	clear: both;
	width: 300px;
	margin: 5px 0;
	color: #000;
}
.SoF-studyhall span {
	text-decoration: none;	
}
.SoF-studyhall .studyhall-link:last  {
	margin: 0 0 5px;
}
.SoF-studyhall .mediaicon {
	margin: 0;
	padding: 0;
}

.SoF-studyhall .studyhall-link {
	margin: 10px 0;
	font-size: 12px;
}
.SoF-studyhall .studyhall-link a {
	padding: 0 0 3px;	
}
.SoF-studyhall .mediaicon a {
	padding: 0;	
}
.SoF-studyhall .black { color: #000; }
.SoF-studyhall .product {	
	height: 100px;
	width: 300px;
}
.SoF-studyhall .product-left {
	position: relative;
	float: left;
	width: 150px;
	height: 120px;
}
.SoF-studyhall .product p {
	white-space: wrap;	
	width: 150px;
}
.SoF-studyhall .product-right {}


.SoF-bottom {
	clear:both;
	position: relative;
	min-height: 297px;
	height: auto;
	width: 	954px;
	padding: 90px 0 20px;
	background: url("images/schooloffaith/books-bg.png") center top no-repeat;
}

/*-------------- SoF Comments section---------------*/


.SoF-wrap .commentsection {
	width: 900px;
	height: 320px;	
	margin: 0 auto;
	background: #392e31;
}


.SoF-wrap .notes {
	background: none;
	border: none;
	width: 265px;
	height: 350px;
}

.SoF-wrap .chat-wrap{
	height: 292px !important;
	display: block !important;
	overflow-y: auto;
	width: 250px;
}

.SoF-wrap .chat-submit{
	border: solid 1px #00CAFF;
	background: #008EFF;
	color: white !important;
	padding: 4px 10px;
	margin: 0 0 0 4px;
	border-radius: 3px;
	float: right;
}

.SoF-wrap .chat-text-area{
width: 250px;
margin: 6px 0;
background: #E8E8E8;
border: solid 1px gray;
}


#map_canvas { height: 350px; width: 250px; position:relative; margin: 10px 0 0 5px; }
/**********************Jscroll section********************************/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}