/*
Theme Name: MSS
Theme URI: http://www.srhmatters.org/
Description: The basic theme for the Marie Stopes Society website
Version: 1.0
Author: Creative Chaos (Pvt.) Ltd.
Author URI: http://www.csquareonline.com/

	This site was built by M. Omair, Shahzad Khan and Zair Abbas at Creative Chaos (Pvt.) Ltd.
	
*/

/* Start of Global Reset*/
 * {margin:0px; padding:0px; background:transparent; outline:none;}
/* End of Global Reset */

/* Start of Global access values */
	body {
		background:#f8f1ba url(images/bg-main.gif) repeat-x top center fixed;
		font-family:arial, helvetica;
	}
	
	#wrapper {
		width:1004px;
		height:auto;
		padding:30px 0;
		margin:0px auto;
	}
	
		/*The Header Area */
	
		#header {
			height:443px;
		}
		
			/* The RSS Area */
			#header .rss-box {
				width:83px;
				height:42px;
				position:absolute;
				padding-left:914px;
				top:33px;
				float:right;
				z-index:0;
			}
			
				#header .rss-box a img {
					border:0px;
					outline:none;
				}


			#header .ue {
				width:150px;
				height:42px;
				position:absolute;
				padding-left:25px;
				top:31px;
				float:left;
				z-index:999;
				font-size:12px;
				color:#666666;
			}

			#header .ue a {
				color:#CE4D00;
				text-decoration:underline;
			}
			
			#header .ue a:link {
				color:#CE4D00;
				text-decoration:underline;
			}
			
			#header .ue a:hover {
				color:#CE4D00;
				text-decoration:none;
			}
			
			#header .ue a:active {
				color:#000;
				text-decoration:underline;
			}
			
			#header .ue a:visited {
				color:#CE4D00;
				text-decoration:underline;
			}
			
			/* End  of the RSS area */
		
			/* The top rounded area */
			#header .top-rounded {
				height:23px;
				background:url(images/header-rounded.gif) no-repeat top center;
			}
			/* End of the top rounded area */
			
			/* The header area */
			#header .heading-box {
				height:70px;
				background:#fff;
				padding-left:28px;
				padding-top:30px;
			}
			
				.heading-box h1 a{
					background:url(images/h1.gif) no-repeat top left;
					display:block;
					text-indent:-100000px;
					height:67px;
					width:297px;
				}
				.clear-all{clear:both;}
				#header-but ul {padding:0; margin-left:28px;}
				#header-but ul li { float:left; 
									padding-right:2px; 
									list-style:none; 
									list-style-position:outside; 
									padding-top:11px; 
									width:94px; 
									height:75px; 
									position:relative; 
									margin-left: 10px;}
									
				#header-but ul li a{border:none;} 
				/*.b1 {
					background: url(images/b1.png) no-repeat top left;
					width:89px;
					height:51px;				
					}
				b2 {
					background:url(images/b1.png) no-repeat top left;
					width:89px;
					height:51px;
					}
				b3 {
					background:url(images/b1.png) no-repeat top left;
					width:89px;
					height:51px;
					}*/
					.h1{float:left; width:297px;}
					#header-but{float:right; width:354px; margin-right:15px; padding:0;}
			/* End of the header area */
				
			/* The second panel in the header */
			#secondary-header-area {
				width:1004px;
				height:320px;
				background:#fff;
			}
			
				#secondary-header-area .intro-image {
					width:646px;
					height:300px;
					padding-top:20px;
					float:left;
					overflow: hidden;
					/*background:url(images/welcome-image.gif) no-repeat bottom center;*/
				}
				
					.intro-image p {
						display:none;
					}
					
					.intro-image-text h2 {
						text-decoration:none;
						padding-bottom:12px;
						font-size: 55px;
						font-weight: bold;
						padding: 243px 10px 0 0;
						color: #d86d2d;
						text-align: right;
						cursor: default;
					}
					
					
				
				/* Header Images with Text */
				.growing-up {
					background: url('images/growing-up.jpg') no-repeat;
					width:646px;
					height:300px;
				}
				
				.reproductive-health {
					background: url('images/reproduction.jpg') no-repeat;
					width:646px;
					height:300px;
				}
				
				.sexual-health {
					background: url('images/sexual-health.jpg') no-repeat;
					width:646px;
					height:300px;
				}
				
				.behaviours {
					background: url('images/behaviours.jpg') no-repeat;
					width:646px;
					height:300px;
				}
				
				
					
					
				#secondary-header-area .search-plus{
					width:358px;
					height:320px;
					float:left;
				}
				
					.search-plus .search {
						width:100%;
						height:50px;
						background:#a7c119 url(images/search-back.gif) repeat-x top center;
						font-family:"Trebucht MS", Tahoma;
						font-size:14px;
						color:#fff;
					}
					
						.search-plus .search form {
							padding:16px 14px 14px 12px;
						}
						
							.search-plus .search form div.searchtitle {
								padding:0px;
								float:left;
							}
							
							.search-plus .search form div.query {
								background:transparent url(images/search-query-back.gif) no-repeat top right;
								width:223px;
								height:20px;
								padding-left:10px;
								float:left;
							}
							
								.search-plus .search form div.query input {
									width:215px;
									height:16px;
									padding:2px 4px;
									color:#999;
									border:0px;
									font-size:12px;
									letter-spacing:0.09em;
								}
								
								.search-plus .search form div.gobutton {
									padding:0px;
									padding-left:8px;
									width:47px;
									height:20px;
									border:0px;
									background:transparent;
									float:left;
								}
								
									.search-plus .search form div.gobutton input{
										width:47px;
										height:20px;
									}
					
					.search-plus .toll-free {
						width:100%;
						height:270px;
						padding:0px;
						overflow:hidden;
					}

	.search-plus .toll-free a#toll-link {
							width:358px;
							height:270px;
							z-index: 2;
							position: absolute;
							display: block;
						}
						.search-plus .toll-free #toll-flash {
							width:358px;
							height:270px;
							z-index: 1;
							position: absolute;
						}
					
						.toll-free a.more-link img{
							bordeR:0px;
							padding:0px;
						}
						
			/*End of the second panel in the header*/
						
		/*End of the Header Area */
		
		/*The Navigation Area*/
		
		#navigation {
			width:1004px;
			height:43px;
			background:#ce4d00 url(images/navigation.gif) repeat-x top left;
			margin:0px;
			padding:0px;
		}
		
			.dropdown_menu {
				width:214px !important;
			}
			
			.hidden_item {
				display:none;
			}
		
		/*End of the Navigation Area*/
		
		/* The content area */
		
		#content-container {
			width:1004px;
			height:auto;
			overflow:hidden;
			background:#fff url(images/content-back.gif) repeat-y top center;
		}
		
			#content-container .content {
				background:#fff url(images/content-area-back.gif) repeat-x top center;
				width:646px;
				height:auto;
				float:left;
			}
			
				.content .posts {
					padding:34px 70px 39px 40px;
					font-size:15px;
					color:#636363;
				}
				
					.posts h2 {
						display:block;
						border:0px;
						text-decoration:none;
						padding-bottom:12px;
						font-size: 30px;
						font-weight: normal;
						text-transform:uppercase;
					}
					
					.posts h2 img {
						display:block;
						border:0px;
						text-decoration:none;
						padding-bottom:12px;
					}
					/* New H1 created above H2 converted into H1 */
									
					.posts h1 {
						display:block;
						border:0px;
						text-decoration:none;
						padding-bottom:12px;
						font-size: 30px;
						font-weight: normal;
						text-transform:uppercase;
					}
					
					.posts h1 img {
						display:block;
						border:0px;
						text-decoration:none;
						padding-bottom:12px;
					}
					/* Closed */
					
					
						.posts h3 {
							font-size:18px;
							font-weight:lighter;
							color:#CE4D00;
							padding-bottom:5px;
							padding-top:10px;
						}
						
						.posts h4 {
							font-size:16px;
							font-weight:bold;
							color:#A7C119;
							padding:10px 0px;
						}
						
						.posts h4 a:link {
							color:#A7C119;
							border-bottom:1px dotted #A7C119;
						}
						
						.alter-highlight {
							background:#fff4e9;
							padding:6px !important;
							margin-bottom:15px;
							color:#634f3b;
						}
						
						.alter-highlight p {
							padding-top:15px !important;
							padding-bottom:0px !important;
						}
					
					.news {
						padding-bottom:50px;
					}
					
					.post p {
						padding-bottom:20px;
					}
					
						.post a {
							color:#CE4D00;
							text-decoration:underline;
						}
						
						.post a:link {
							color:#CE4D00;
							text-decoration:underline;
						}
						
						.post a:hover {
							color:#CE4D00;
							text-decoration:none;
						}
						
						.post a:active {
							color:#000;
							text-decoration:underline;
						}
						
						.post a:visited {
							color:#CE4D00;
							text-decoration:underline;
						}
						
						.post a:visited:hover {
							color:#CE4D00;
							text-decoration:none;
						}
						
						.post a:visited:active {
							color:#000;
							text-decoration:underline;
						}
						
						/*green highlight*/
						.post .h-text {
							color:#a7c119 !important;
							font-weight: bold;
						}
						
						/*orange highlight*/
						.post .h-text2 {
							color:#ce4d00 !important;
						}
						
						/*red highlight*/
						.post .h-text3 {
							color:#e30000;
						}
						
						.post p.consult {
							background: #FFFFD2;
							padding: 10px;
							text-align: center;
							color: #CC0000;
							margin: 15px 0;
						}
						
						
						.post .srh {
							color:#ce4d00;
						}
						
						.post .matters {
							color:#a7c119;/*a7c119*/
							font-weight: bold;
						}
					
					.post ol {
						padding:15px 0 15px 50px;
					}
					
						.post ol li {
							padding-bottom:10px;
							font-size:15px;
						}
					.post ul {
						padding:15px 0 15px 50px;
						list-style:disc;
					}
					
						.post ul li {
							padding-bottom:10px;
							font-size:15px;
							list-style:disc;
						}
						
					.posts .highlight-box {
						background:#ce4d00;
						padding:10px;
						text-align:justify;
						display:block;
						font-size:15px;
						line-height:25px;
						color:#fff;
						letter-spacing:.05em;
						font-weight:bold;
					}
					
						.posts .highlight-box a {
							color:#fff;
							text-decoration:underline;
						}
						
						.posts .highlight-box h4 {
							color:#fff;
							border-bottom:1px solid #fff;
						}
			
			#content-container .sidebar {
				width:358px;
				height:auto;
				background:#f8f1ba url(images/sidebar-back.gif) repeat-x top center;
				float:right;
				min-height:100px;
			}
			
				#content-container .sidebar .search-text {
					font-size:12px;
					color:#fff;
					padding:5px;
					background:#CE4D00;
				}
			
				.sidebar .content-filler {
					padding:40px;
				}
				
				.sidebar .content-filler h4.tags-head {
					font-size:24px;
					font-weight:lighter;
					color:#2f4800;
					font-family:Tahoma, 'Trebucht MS';
					text-transform:uppercase;
					padding-bottom:10px;
				}
				
					.sidebar .content-filler .cloud-container {
						padding:0px;
						overflow:hidden;
						height:auto;
						
					}
					
					.sidebar .content-filler .cloud-container ul li{
						padding:0px;
						list-style:none;
						font-size:12px;
						display: inline;
					}
				
					.sidebar .content-filler .cloud-container ul li a{
						text-decoration:underline;
						outline:none;
						color:#525252;
						line-height:auto;
						margin: 0 5px 0 0;
					}
					
					.sidebar .content-filler .cloud-container ul li a:link{
						text-decoration: underline;
						color:#525252;
					}
					
						.sidebar .content-filler .cloud-container ul li a.tag1 { font-size: 0.8em;}
						.sidebar .content-filler .cloud-container ul li a.tag2 { font-size: 0.9em; color: #006699;}
						.sidebar .content-filler .cloud-container ul li a.tag3 { font-size: 1.0em;}
						.sidebar .content-filler .cloud-container ul li a.tag4 { font-size: 1.2em; color: #666;}
						.sidebar .content-filler .cloud-container ul li a.tag5 { font-size: 1.4em;}
						.sidebar .content-filler .cloud-container ul li a.tag6 { font-size: 1.6em; color: #2f4800;}
						.sidebar .content-filler .cloud-container ul li a.tag7 { font-size: 1.8em;}
						.sidebar .content-filler .cloud-container ul li a.tag8 { font-size: 2.0em; color: #582000;}
						.sidebar .content-filler .cloud-container ul li a.tag9 { font-size: 2.2em;}
						.sidebar .content-filler .cloud-container ul li a.tag10 { font-size: 2.4em; color: #ce4d00; }
					
					.sidebar .content-filler .cloud-container ul li a:hover{
						text-decoration: none;
						color:#fff !important;	
						background:#A7C119;
					}
					
					.sidebar .content-filler .cloud-container ul li a:active{
						text-decoration:none;
						color:#fff !important;
						background:#D5611B;
						
					}
					
					.sidebar ul.faqs {
						margin: 50px 0 20px 0;
					}
					
					.sidebar li {
						padding-bottom:10px;
						font-size:15px;
						list-style:disc;
					}
					
					.sidebar a {
							color:#CE4D00;
							text-decoration:underline;
						}
						
						.sidebar a:link {
							color:#CE4D00;
							text-decoration:underline;
						}
						
						.sidebar a:hover {
							color:#CE4D00;
							text-decoration:none;
						}
						
						.sidebar a:active {
							color:#000;
							text-decoration:underline;
						}
						
						.sidebar a:visited {
							color:#CE4D00;
							text-decoration:underline;
						}
						
						.sidebar a:visited:hover {
							color:#CE4D00;
							text-decoration:none;
						}
						
						.sidebar a:visited:active {
							color:#000;
							text-decoration:underline;
						}
						
						.sidebar .newslist {
							margin: 0 0 20px 0;
						}
						.sidebar .newslist div {
							margin: 0 0 20px 0;
						}
						.sidebar .newslist h4, .sidebar .newslist h4 a {
							font-size:24px;
							font-weight:lighter;
							color:#2f4800;
							font-family:Tahoma, 'Trebucht MS';
							text-transform:uppercase;
							margin:0 0 10px 0;
						}
						.sidebar .newslist small {
							font-size: 11px;
							color: #333;
						}
						.sidebar .newslist p {
							font-size: 14px;
						}
						.sidebar .newslist a {
							text-decoration: none;
						}
						.sidebar .newslist a:hover {
							text-decoration: underline;
						}

		
		/* End of The content area */
		
		/* The Footer */
		
		#footer {
			background:transparent url(images/footer-back.gif) no-repeat top center;
			width:1004px;
			height:77px;
			font-size:12px;
			color:#636363;
		}
		
			#footer .copyright {
				padding:33px 0 0 20px;
				width:auto;
				height:auto;
				float:left;
			}
			
			#footer .power {
				width:auto;
				height:auto;
				padding:20px 20px 0 0;
				float:right;
			}
			
			.visits-badge {
				background: url(images/visitsbg.gif) no-repeat;
				width: 65px;
				height: 19px;
				float: right;
				margin: 30px 20px 0 0;
			}
			
				.visits-badge .digits {
					width: 31px;
					height: 12px;
					font-size: 9px;
					padding: 3px;
					text-align: right;
				}
			
				.power .text {
					padding-top:13px;
					padding-right:5px;
					float:left;
				}
				
				.power img {
					float:left;
				}
		
		/* End of The Footer */
	
/* General Styles */
.navigation {
	overflow: hidden;
	margin: 0 0 20px 0;
}
.navigation a {
	color: #fff;
	background: #A7C119;
	padding: 2px;
	text-decoration: none;
}
.navigation a:hover {
	color: #CE4D00;
	background: none;
	text-decoration: none;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
	
	
#GB_frame a {
	font:normal 18px Helvetica; 
	color: #aaa;
	}
	
	#nav {
    margin-top: 5px;
    width: 100%;
}
/* End of Global access values */