

body, span {
	font-family: Arial, sans-serif !important;
}

	.hlght {
		color: #c2203d;
		font-weight: bold;
	}

	.img-responsive {
		display: inline-block;
	}

.header {
	background: url("../img/background.png") repeat-x top left;
	height: 140px;
	position: relative;
	z-index: 4500;
}

	.header-inner {
		position: relative;
		height: 140px;
	}

	.logo {
		position: absolute;
		top: 15px;
		left: 0;
		padding-left: 15px;
		font-size: 0;
		text-indent: -9999px;
	}

		.logo a {
			background: url("../img/iwf-logo.png") no-repeat top left;
			width: 260px;
			height: 101px;
			display: block;
		}

	.search {
		position: absolute;
		top: 20px;
		right: 0;
	}

		.search .ftxt {
			border: 0;
			font-size: 12px;
			padding: 6px;
			width: 230px;
			color: #857f74;
		}

	.top-nav {
		position: absolute;
		top: 20px;
		right: 250px;
		margin: 0;
		padding: 0;
	}

		.top-nav li {
			float: left;
			list-style-type: none;
			text-transform: uppercase;
			font-size: 12px;
			margin: 0 0 0 10px;
			padding: 5px 10px 5px 10px;
		}

		.top-nav li.donate-link {
			background: #f0405b;
			font-size: 13px;
			font-weight: bold;
			padding-bottom: 2px;
		}

			.top-nav li.donate-link a {
				color: #fff;
			}

		.top-nav a {
			color: #f0405b;
			text-decoration: none;
		}

		.top-nav a:hover {
			text-decoration: underline;
		}

	.bot-nav {
		position: absolute;
		bottom: 17px !important;
		right: 250px;
		margin: 0;
		padding: 0;
		height: 50px;
	}

		.with-sub-nav {
			bottom: 30px !important;
		}

		.bot-nav li {
			float: left;
			font-size: 18px;
			list-style-type: none;
			margin: 0 0 0 10px;
			padding: 5px 10px 5px 10px;
			position: relative;
		}

			.bot-nav li:last-child {
				padding-right: 0;
			}

		.bot-nav a {
			color: #c2203d;
			text-decoration: none;
		}

		.bot-nav a:hover,
		.bot-nav a.active {
			color: #b5a191;
		}

	.sub-nav {
		position: absolute;
		top: 38px;
		right: 0;
		margin: 0;
		padding: 0;
		background: #c2203d;
		width: 438px;
		text-align: right;
		display: none;
	}

		.sub-nav li {
			display: inline-block;
			float: none;
			font-size: 10px;
		}

			.sub-nav li:last-child {
				padding-right: 10px;
			}

		.sub-nav a {
			color: #fff;
		}

		.sub-nav a:hover,
		.sub-nav a.active {
			color: #b5a191;
		}

	.soc-nav {
		position: absolute;
		bottom: 10px;
		right: 0;
		margin: 0;
		padding: 0;
	}

		.soc-nav li {
			float: left;
			list-style-type: none;
			margin: 0 0 0 20px;
			font-size: 36px;
		}

		.soc-nav a {
			display: inline-block;
			text-decoration: none;
			color: #f0405b;
		}

		.soc-nav a:hover {
			color: #c2203d;
		}

	.mobile-nav,
	.mobile-nav-icon {
		display: none;
	}

	.mobile-nav-icon {
		z-index: 3840;
	}

	.mobile-nav {
		position: absolute;
		z-index: 3829;
		top: 0px;
		left: 0px;
		background: #c2203d;
		padding: 20px 20px 10px 20px;
		width: 100%;
		opacity: 0.9;
	}

		.mobile-nav li {
			list-style-type: none;
			margin-left: 60px;
		}

		.mobile-nav a {
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 3px 60px 3px 3px;
			border-radius: 3px;
		}

		.mobile-nav a:hover {
			text-decoration: underline;
		}

.slideshow {
	margin: 0 0 40px 0;
	position: relative;
	z-index: 1;
}

	.cycle-prev {
		position: absolute;
		z-index: 127;
		top: 43%;
		left: -10px;
		cursor: pointer;
	}

	.cycle-next {
		position: absolute;
		z-index: 127;
		top: 43%;
		right: -10px;
		cursor: pointer;
	}

	.cycle-slideshow {
			position: relative;
			z-index: 10;
	}

		.cycle-slide {
			width: 100%;
			text-align: center;			
			background-color: rgba(0, 0, 0, 0.6) !important;			
/*			
			background-size: cover !important;
			background-repeat: no-repeat !important;
			background-position: center center !important;
*/			
		}

			.cycle-slide img {
				
			}

			.cycle-slide-info {
				background-color: rgba(0, 0, 0, 0.6) !important;
				width: 260px;
				height: 100%;
				padding: 0 20px 0 40px;
				position: absolute;
				z-index: 5;
				top: 0;
				left: 0;
				color: #fff;
				text-align: left;
			}

				.cycle-slide-info h4 {
					font-size: 18px;
					line-height: 1.4em;
					margin: 60px 0 0 0;
					font-weight: normal;
					text-transform: uppercase;
					color: #ece8e5;
				}

				.cycle-slide-info p {
					font-size: 14px;
					margin: 20px 0 0 0;
					padding: 0;
				}

				.cycle-slide-info a {
					color: #ece8e5;
					text-decoration: none;
				}

.body {
	margin: 30px 0 0 0;
}

	.content h1 {
		color: #b20838;
		font-size: 26px;
		font-weight: normal;
		margin: 0 0 20px 0;
	}

	.content h2 {
		color: #c2203d;
		font-size: 22px;
		font-weight: normal;
		margin: 0 0 20px 0;
	}

	.content h3 {
		padding-left: 40px;
		margin: 0 0 10px 0;
		color: #ad2649;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.6em;
	}

		.news-icon {
			background: url("../img/icons/op_ed.png") no-repeat left center;
		}

		.tv-icon {
			background: url("../img/icons/television.png") no-repeat left center;
		}

		.radio-icon {
			background: url("../img/icons/radio.png") no-repeat left center;
		}

		.quote-icon {
			background: url("../img/icons/mentions.png") no-repeat left center;
		}
		
		.content h3 a {
				color: #ad2649;
		}

	.content h4 {
		padding: 9px 0 7px 40px;
		margin: 0 0 10px 0;
		color: #c2203d;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4em;
		text-transform: uppercase;
	}

		.A-ISSUE-economics-dollars-and-sense, .money-icon {
			background: url("../img/icons/budget_spending.png") no-repeat left center;
		}

		.A-ISSUE-women-at-work, .woman-icon {
			background: url("../img/icons/work_life.png") no-repeat left center;
		}

		.A-ISSUE-health-care, .health-icon {
			background: url("../img/icons/health_care.png") no-repeat left center;
		}

		.A-ISSUE-culture-and-education-policy, .culture-icon {
			background: url("../img/icons/culture.png") no-repeat left center;
		}
		
		.A-ISSUE-culture-of-alarmism, .alarmism-icon {
			background: url("../img/icons/alarmism.png") no-repeat left center;
		}
		
		.A-ISSUE-women-and-politics, .politics-icon {
			background: url("../img/icons/politics.png") no-repeat left center;
		}
		
	.content h5 {
		padding: 9px 0 7px 0px;	
		color: #c2203d;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
		margin: 0 0 10px 0;
		text-transform: uppercase;
	}

	.content p {
		color: #857f74;
		font-size: 13px;
		line-height: 1.6em;
	}

	.content ul li {
		color: #857f74;
		font-size: 12px;
		line-height: 1.6em;
	}

		.content .lg {
			color: #c2203d;
			text-transform: uppercase;
			font-weight: bold;
		}

	.content a {
		color: #f0405b;
		text-decoration: none;
	}

	.content a:hover {
		text-decoration: underline;
	}

	.content hr {
		border: 0;
		border-bottom: 1px solid #deddda;
	}

	.content hr.dashed {
		border: 0;
		border-bottom: 1px dashed #deddda;
	}
	
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%; 
		height: auto;
	} 

	.embed-container iframe, .embed-container object, .embed-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}
	
	.content img.pull-right {
		border: 1px solid #deddda;
		margin: 0 10px 10px 0;
		width: 100%;
	}
	
	.sharing-container p {
		text-align: center;
		margin: 0 0 0 0;
	}

		.content-grid {
			background: url("../img/background2.png") repeat top left;
			text-align: center;
			color: #c2203d;
			padding: 10px 0 10px 0;
		}

		.content-grid h6 {
			font-size: 16px;
		}

		.content-grid p {
			color: #c2203d;
		}
		
		.content-grid a {
			color: #c2203d;
		}

			.content-grid-inner {
				min-height: 250px;
				padding: 40px 60px 40px 60px;
				cursor: pointer;
			}

			.content-grid-inner:hover {
				background: #f0405b;
				color: #fff !important;
			}

			.content-grid-inner:hover p {
				color: #fff;
			}
			
			.content-grid-inner:hover a {
				color: #fff;
			}
			
		.content blockquote, q {
			    background: url(images/quote.gif) no-repeat;
			    color: #666;
			    display: block;
			    font: normal 1.0em;
			    padding-left: 28px;
			}

		.content blockquote: before, blockquote: after, q: before, q: after {
			    content: '';
			    content: none;
			}
		
		.content .author {
    			padding: 30px 0px 20px 0px;
    			margin: 10px 0px 10px 0px;
    			border-bottom: 1px solid #bbae9f;
    			border-top: 1px solid #bbae9f;
			}

		.content .author img {
    			vertical-align: middle;
			}

		.content .about-row {
    			margin-bottom: 20px;
			}

		.content .about-person {
    		float: left;
    		width: 100px;
    		margin-right: 19px;
		}

		.content .ap-last {
    		margin-right: 0px;
		}

.sidebar {
	text-align: center;
}

	.sidebar hr {
		border: 0;
		border-bottom: 1px solid #deddda;
		margin: 20px;
	}

	.sidebar h6 {
		margin: 0;
		font-size: 16px;
		color: #c2203d;
		text-transform: uppercase;
	}

	.side-box {
		background: #c9c2bc;
		margin-bottom: 20px;
		padding-bottom: 10px;
		overflow:hidden;
	}

		.side-box p {
			padding: 0 20px 0 20px;
		}

		.side-box h5 {
			padding: 10px;
			font-size: 18px;
			margin: 0 0 20px 0;
			text-transform: uppercase;
			color: #fff;
			background: #f0405b;
		}

	.side-box-2 {
		background: #f0ece9;
	}

		.side-box-2 h5 {
			background: #b20838;
		}

		.side-box-2 p {
			text-align: center;
		}

	.side-box-3 {
		background: #cbc8c4;
	}

		.side-box-3 h5 {
			background: #7d766b;
		}
	.book-left-col {
			border-right: 1px solid #deddda;
			padding-bottom: 20px;
	}

	.book-left-col-2 {
			padding-top: 20px;
			border-right: 1px solid #deddda;
	}

	.book-right-col-2 {
			padding-top: 20px;
	}

	.book-top-cont {
			border-bottom: 1px solid #deddda;
	}

.body-bottom {
	margin: 30px 0 0 0;
	background: #7f1422;	
}

	.body-bottom-inner {
		padding: 20px;
	}

		.body-bottom-inner h5 {
			font-size: 18px;
			line-height: 1.6em;
			font-weight: normal;
			color: #fff;
			text-align: center;
		}

		.body-bottom-inner h6 {
			color: #fff;
			font-weight: normal;
			text-transform: uppercase;
			font-size: 14px;
			line-height: 1.6em;
			margin: 20px 0 20px 0;
			text-align: center;
		}

			.body-bottom-inner h6 span {
				color: #f0405b;
			}

		.body-bottom-inner ul {
			text-align: center;
			margin: 0;
			padding: 0 0 20px 0;
		}

			.body-bottom-inner li {
				display: inline-block;
				margin: 0 20px 0 20px;
			}

			.body-bottom-inner a {
				color: #fff;
				font-size: 36px;
				color: #f0405b;
				text-decoration: none;
			}

			.body-bottom-inner a span {
				display: block;
				font-size: 12px;
				margin: 10px 0 0 0;
				color: #fff;
			}

			.body-bottom-inner a:hover {
				color: #fff;
			}

.footer {
	background: url("../img/background.png") repeat-x top left;
	height: 80px;
}

	.footer p {
		font-size: 12px;
		margin: 30px 0 0 0;
		color: #86222e;
	}

	.footer span,
	.footer a {
		color: #c2203d;
	}

@media (min-width: 320px) and (max-width: 680px) {
	
	.content-inner,
	.sidebar {
		width: 100%;
	}

	.side-box img,
	.side-box-3 img {
		width: 100%;
	}

	.side-box-2 img{
		width: auto !important;
	}
}

@media (min-width: 320px) and (max-width: 980px) {

	.logo {
		left: 15px;
	}

	.soc-nav,
	.search {
		right: 15px;
	}

	.top-nav {
		right: 280px;
	}

	.bot-nav {
		display: none;
	}

	.cycle-slide {
		width: 100%;
		height: auto;
	}

	.cycle-slide-info {
		top: auto;
		bottom: 0;
		left: 0;		
		width: 100%;
		height: auto;
		padding: 20px;
		position: static;
	}

	.cycle-slide-info h4 {
		margin-top: 0;
	}	
}

@media (min-width: 320px) and (max-width: 768px) {

	.top-nav,
	.search {
		display: none;
	}

	.mobile-nav-icon {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
	}
}

@media (min-width: 320px) and (max-width: 480px) {

	.soc-nav,
	.search {
		display: none;
	}
}