@charset "UTF-8";
/* CSS Document */

body{
	background:url("../images/bg/bg.jpg") repeat-y;
	margin:0;
	font-family: “Trebuchet MS”, sans-serif;
	font-size: 1.13em; /*18px standard so 1em is 18px*/
	font-style: normal;
	text-transform: normal;
}

img{
	border:0;
}


/*===================HEADINGS==================*/

h1{
	float:left;
	width:300px;
	font-size:2em;
	margin-top:0;
	margin-bottom:10px;
	color:#6E1C61;
}

h2{
	font-size:1.67em;
	margin-top:10px;
	margin-bottom:5px;
	color:#6E1C61;
}

h3{
	font-size:1.33em;
	margin-top:0;
	margin-bottom:5px;
	color:#BA276A;
}

h4{
	font-size:1.11em;
	margin-top:0;
	margin-bottom:2px;
	color:#333333;
}

a:link{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

a:visited{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#E30E6F;
}
	
	 

	




/*=============SITE CONTAINER========================*/
/*this is used simply for the text resize script*/
#site_container{
}


/*==================TOP BAR=====================*/

#topbar{
	position:fixed;
	z-index:1;
	width:100%;
	height:140px;
	top:0;
	left:0;
	background:url("../images/topbar/topbar.jpg");
	background-repeat:no-repeat;
}

#topbar #gradient{
	position:absolute;
	z-index:0;
	width:100%;
	height:125px;
	background:url("../images/topbar/grad.png");
}

#topbar #content_hider{
	position:absolute;
	z-index:0;
	margin-left:325px;
	margin-top:140px;
	width:650px;
	height:20px;
	background:url("../images/topbar/content_hider.png");
}


#topbar .logo{
	position:absolute;
	z-index:1;
	margin-top:25px;
	margin-left:20px;
	width:230px;
	height:65px;
}

#topbar .contact_details{
	position:absolute;
	z-index:2;
	text-align:right;
	margin-top:30px;
	margin-left:285px;
	width:670px;
	height:75px;
}

#topbar .contact_details .phone{
	color:white;
	font-size:1.67em;
	font-weight:bold;
}

#topbar .contact_details .email{
	color:#EC7E9D;
	font-size:1em;
	font-weight:bold;
}

#topbar .contact_details .email a:link, #topbar .contact_details .email a:visited{
	color:#EC7E9D;
	text-decoration:none;
}

#topbar .contact_details .email a:hover{
	color:#BA276A;
	text-decoration:none;
}


/*==============MENU==================*/

#menu{
	position:fixed;
	z-index:2;
	width:300px;
	top:140px;
	left:0;
	height:auto;
}


/*MENU ITEMS*/

/*menu sections*/
#menu .menu_items{
	font-size:1em;
	line-height:1.67em;
	font-weight:bold;
	color:white;
	width:100%;
	background:url("../images/menu/bg.jpg") repeat;
}


#menu .menu_items #items{
	height:auto;
	z-index:1;
}

#menu .menu_items #top{
	position:absolute;
	width:20px;
	height:20px;
	background:url("../images/menu/menu_top.png");
	z-index:5;
	left:280px;
}

#menu .menu_items #bottom{
	position:relative;
	width:20px;
	height:20px;
	background:url("../images/menu/menu_bottom.png");
	z-index:5;
	margin-top:-20px;
	bottom:0;
	left:280px;
}


/*menu formatting*/
#menu .menu_items a{
	padding-left:20px;
	display:block;
}


#menu .menu_items a:link{
	color:white;
	text-decoration:none;
}

#menu .menu_items a:visited{
	color:white;
	text-decoration:none;
}

#menu .menu_items a:hover{
	color:white;
	text-decoration:none;
	background:#6C1C59;
}

#menu .menu_items .selected{
	background:#330033;
	background-image:url("../images/menu/selected.png");
	background-repeat:no-repeat
}

#menu .menu_items .selected:hover{
	background:#330033;
	background-image:url("../images/menu/selected.png");
	background-repeat:no-repeat;
	cursor:default;
}


/*FONT CONTROLS*/

#menu .font_controls{
	width:100%;
	height:55px;
	margin-top:20px;
}

#menu .font_controls .text_plus{
	float:right;
	width:55px;
	margin-left:15px;
	height:55px;
	background:url("../images/menu/text_plus.png");
	display:block;
}

#menu .font_controls .text_plus:hover{
	background-position: 0 -55px;
}

#menu .font_controls .text_minus{
	float:right;
	width:55px;
	height:55px;
	background:url("../images/menu/text_minus.png");
}

#menu .font_controls .text_minus:hover{
	background-position: 0 -55px;
}

/*==================PAGE CONTENT==================*/

#page_content{
	position:relative;
	z-index:0;
	width:620px;
	margin-left:340px;
	top:140px;
}


/*-----Image holder------*/

#page_content .image{
	width:620px;
	height:350px;
}

#page_content .image #pic{
	position:absolute;
	width:620px;
	height:350px;
	z-index:0;
	top:0;
}


#page_content .image #pic_template{
	position:absolute;
	width:620px;
	height:350px;
	background:url("../images/gallery/template.png");
	z-index:2;
}




/*------- Home page top - for social media, newsletter signup & welcome message -----------*/

#page_content .home_top{
	margin-top:30px;
	color:#6E1C61;
	font-size:1.11em; 
}

#page_content .home_top .top{
	position:relative;
	height:25px;
	background:url("../images/mailform/top.png");
}

#page_content .home_top .bottom{
	position:relative;
	height:25px;
	background:url("../images/mailform/bottom.png");
}


	/*--welcome message & quote---*/
	#page_content .home_top .welcome_quote{
		background:url("../images/mailform/bg.jpg");
		padding:0px 20px 0px 20px;
	}
	
		/*Text content - quote bubble*/
		.quote_bubble{
			float:left;
			margin-left:15px;
			width:250px;
		}
		
		.quote_bubble .bubble_top{
			position:relative;
			z-index:10;
			margin-right:-20px;
			margin-top:-20px;
			width:270px;
			height:40px;
			background:url("../images/content/quote_top.png");
		}
		
		.quote_bubble .content{
			background:url("../images/content/quote_bg.jpg") repeat-y;
			color:white;
			position: relative; 
			overflow: hidden; 
			text-align:center;
			height:6.94em;
			margin-top:-10px;
		}
		
		.quote_bubble .content .headline {
			position: absolute;
			top: 210px;
			left: 10px;
			width:230px;
			height:100%;
		}
		
		
		/*formatting for 'Day delegate rate' section of quotes panel*/
		.quote_bubble .content .headline .special{
		}
		
		.quote_bubble .content .headline .special .text_normal{
			font-size:1.33em;
			font-weight:bold;
		}
		
		.quote_bubble .content .headline .special .text_price{
			font-size:1.56em;
			font-weight:bold;
			color:#EC7E9D;
		}
		
		
		.quote_bubble .bubble_bottom{
			width:250px;
			height:15px;
			background:url("../images/content/quote_bottom.png");
		}
		/*end of quote bubble*/

	
	
	/*---social media---*/
	#page_content .home_top .social_media{
		background:url("../images/social_media/bg.jpg");
		padding:20px;
		color:white;
		overflow:hidden;
	}
	
	
		/*Social media ICONS - tooltip */
		
		#page_content .home_top .social_media .icon_tooltips{
			float:left;
			width:273px;
		}
		
			#tooltip {
				/* you must set it to relative, so that you can use absolute position for children elements */
				position:relative; 
				width:500px;
				z-index:200;
				height:105px; /*70px icons + 35px tooltip*/
				overflow:hidden;
			}
			
			#tooltip ul {
				/* remove the list style and spaces*/
				margin:0; 
				padding:0; 
				list-style:none; 
				display:inline;
						
				/* position absolute so that z-index can be defined */
				position:absolute; 
				
				/* center the menu, depend on the width of you menu*/
				/*left:110px;*/ 
				top:0; 

				
			}
			
			
			#tooltip ul li:first-child {
				
				/*first item in menu has no margin on left*/
				margin-top:0;
				margin-left:0px; 
				
				/* display the list item in single row */
				float:left;	
			}
			
			#tooltip ul li {
				
				/* give some spaces between the list items */
				margin-top:0;
				margin-left:25px; 
				
				/* display the list item in single row */
				float:left;
			}
			
			
					
			#box {
				
				/* position absolute so that z-index can be defined and able to move this item using javascript */
				position:absolute;
				top:0; 
				z-index:200; 

				/* image of the right rounded corner */
				background:url("../images/social_media/tooltip/tail.png") no-repeat right center; 
				height:35px;
		
		
				/* add padding 8px so that the tail would appear */
				padding-right:8px;
			
				
				/* set the box position manually */
				margin-left:30px;
				
				
				margin-top:70px;
				
				
			}
			
			
			#box .head {
				/* image of the left rounded corner */
				background:url("../images/social_media/tooltip/head.png") no-repeat 0 0;
				height:35px;
				color:#eee;
				
				/* force text display in one line */
				white-space:nowrap;
		
				/* set the text position manually */
				padding-left:8px;
				padding-top:12px;
			}
		
		
			
			
		/*social media layout divs*/
		
		#page_content .home_top .social_media .twitter_feed_stalk{
			float:left;
			margin-top:18px;
			width:40px;
			height:25px;
			background:url("../images/social_media/twitter_feed/stalk.png");
		}
		
		#page_content .home_top .social_media .twitter_feed{
			margin-right:17px;
			width:250px;
			float:left;
		}
		
		#page_content .home_top .social_media .twitter_feed .top{
			width:250px;
			height:15px;
			background:url("../images/social_media/twitter_feed/top.png");
		}
		
		#page_content .home_top .social_media .twitter_feed .feed_content{
			width:230px;
			padding-left:10px;
			padding-right:10px;
			background:url("../images/social_media/twitter_feed/bg.jpg");
		}
		
		
		#page_content .home_top .social_media .twitter_feed .bottom{
			width:250px;
			height:15px;
			background:url("../images/social_media/twitter_feed/bottom.png");
		}
		
	
		
		
		
		/*Twitter feed styling*/
		
		
		ul#twitter_update_list { 
			width:230px;
			list-style: none; 
			padding: 0; 
			margin: 0; 
		}
		
		ul#twitter_update_list li { 
			font-size:0.8em;
			list-style: none; 
		}
		
		
		ul#twitter_update_list li a { 
			font-size: 0.6em; 
			color:#EC7E9D;
		}


	/*---mail form---*/
	#page_content .home_top .mailform{
		background:url("../images/mailform/bg.jpg");
		padding:20px 20px 0px 20px;
	}
	
	
	#page_content .home_top .mailform .text_container{
		float:left;
		width:230px;
	}
	
	#page_content .home_top .mailform .form_container{
		float:left;
		margin-left:20px;
		width:330px;
	}






/*-------Text content---------*/

#page_content .text{
	height:auto;
	margin-top:30px;
	background-color:#DDDDDD;
	background-image:url("../images/content/content_logo_overlay.png");
	background-repeat:no-repeat;
	background-position:top right;
}

#page_content .text .content{
	padding:0px 20px 20px 20px;
}




#page_content .text #top{
	width:620px;
	height:30px;
	position:relative;
	z-index:2;
	background:url("../images/content/top.png");
}

#page_content .text #bottom{
	width:620px;
	height:250px;
	position:relative;
	background:url("../images/content/content_grad.png");
}



/*==================FOOTER==================*/

#footer{
	position:relative;
	z-index:1;
	width:100%;
	height:150px;
	background-image:url("../images/footer/footer_bg.png");
	background-repeat:no-repeat;

}


#footer .content{
	margin-left:340px;
	padding-top:20px;
	height:130px;
	width:620px;
	overflow:hidden;
}


/*---tagline---*/
#footer .content .tagline{
	float:left;
	margin-top:12px;
	background:url("../images/tagline/logo.jpg") no-repeat;
	width:130px;
	padding-left:80px; /*to allow for logo*/
	height:70px;
	color:#999;
	font-size:14px;
}


#footer .content .tagline:hover{
	color:#333;
}





/*---registered charity----*/

#footer .content .registered_charity{
	float:left;
	margin-top:12px;
	text-align:center;
	width:150px;
	height:70px;
	color:#999;
	font-size:12px;
}


/*---logos---*/

#footer .content .logos{
	float:right;
	width:250px;
	height:95px;
}


#footer .content .logos .action_logo{
	width:245px;
	height:70px;
}

#footer .content .logos .rnib_logo{
	width:245px;
	height:25px;
}