/* Start of CMSMS style sheet 'O2PR - style' */
/*
	COLOUR PALETTE
	
	O2Pink					d60d8c
	light grey				eee
	med grey				dbdbdb
	dark grey				cccccc
	daarkest text			666666
	
	light pink				ffc4e7
	med pink				ff0099
	dark pink				d60d8c
	
	
*/

* { padding: 0; margin: 0; } 

html {
	text-align: center;
	}
	
#wrap {
	width: 990px;
	height:100%;
	margin: 0 auto;
}
	body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	background: #efefef url(../images/public/body-bg.jpg) repeat-y 50% 0;

}
		
		/*body.sub { background: #fff url("../images/back-2col.gif") top center repeat-y; }
		body.home { background: #fff url("../images/back-3col.gif") top center repeat-y; }*/
	
	.reset {
		display: block; 
		clear: both; 
		font-size: 1px; 
		height: 1px; 
		line-height: 0.1px;
		}

	
/* interface
-------------------------------------------------------- */
#header, #content {
	float: left;
	position: relative;
	width: 100%;
	background-color: #ffffff;
	}
#footer {
	float: left;
	position: relative;
	width: 100%;
	}
	
#header	{
	z-index: 100;
	}

#masthead{
	border-top: 7px solid #d60d8c;
	width:990px;
	height:300px;
	}
	
#masthead_page{
	border-top: 7px solid #d60d8c;
	width:990px;
	height:180px;
	}
	
#masthead_line{
	border-top: 7px solid #d60d8c;
	width:990px;
	}
		
		#main {
			float: left;
			width: 659px;
			margin: 20px 0;
			border-right:solid 1px #eee;
		}

		#submenu {
			float: left;
			width: 189px;
			margin:0;
		}
		.page_content{
			float: left;
			width: 470px;
			margin:0;
		}
			
		#col {
			float: right;
			width: 330px;
			border-left:solid 1px #eee;
			margin:20px 0;
			margin-left:-1px;
		}
		 
		#event{
			float: left;
			width: 330px;
			margin:0;
		}
		#mediaroom{
			float: left;
			width: 290px;
			margin: 5px 0px 5px 20px ;
		}
		
		.home_img{
			float: left;
			width: 280px;
			margin:10px 0px 10px 20px;
			padding-left:5px;
			border:solid 1px #eee;
		}
		
		.col_top{
			float: left;
			width: 200px;
			margin-top: 20px;
			font-size: 11px;
			}
		.col_top2{
			float: left;
			width: 120px;
			margin-top: 20px;
			font-size: 11px;
			}
			
		#footer_container {
			float: left;
			width: 660px;
			background-image:url(../images/public/footer_bg.gif);
			height:197px;
			font-size: 11px;
			line-height: 15px;
			color: #666666;	
			}			
		#footer_awards {
			float: left;
			width: 330px;
			height:147px;			
		}
		
		#footer_o2network {
			float: left;
			width: 329px;
			height:147px;
			border-left:solid 1px #eee;			
		}
		#footer_links {
			float: left;
			width: 660px;
			height:50px;
			}
			
		#footer_ml{
			float: right;
			width: 330px;
			height:197px;
			background-color:#dbdbdb;
			}
			
		#footer_ml table{
		margin:20px 30px;
		}
			
		#footer_bottom {
			float: left;
			width: 990px;
			height:20px;
		 }
		 
		 #banner{
			background-color:#4f81bd;
		 }
			
/* image replacement
-------------------------------------------------------- */
h1.home {
	color:#d60d8c;
	font-size: 46px;
	line-height: 50px;
	text-align:justify;
	padding:0px;
	margin: 0px 20px 10px 20px;
}

h1.head {
	color:#d60d8c;
	font-size: 20px;
	line-height: 24px;
	padding:0px;
	margin:0 20px 10px 20px;
	}
h1 {padding: 10px 20px;}

h1 span.side {
	padding: 0 20px 10px 20px;
	width: 270px;
	height:180px;
}

	h1 span {
	position: relative;
	display: block;
	height: 20px;
	width: 200px;
	text-indent: -9999px;
		}
		
		/* h1.awards span 					{ background: url("../images/public/title_o2awards.gif") no-repeat; }*/
		h1.o2social span 					{ background: url("../images/public/title_o2socialnetwork.gif") no-repeat; }
		h1.o2network span 					{ background: url("../images/public/title_o2network.gif") no-repeat; }
		h1.events span 					{ background: url("../images/public/title_events.gif") no-repeat; }
		h1.mediaroom span 					{ background: url("../images/public/title_mediaroom.gif") no-repeat; }		
		h1.stayinfo span 					{ background: url("../images/public/title_stayinfo.gif") no-repeat; }
		h1.stayinfo span 					{ background: url("../images/public/title_stayinfo.gif") no-repeat; }
	    h1.download span 					{ background: url("../images/public/side_download.jpg") no-repeat; }

/* navigation linkswn
-------------------------------------------------------- */

.header_txt {
	color: #ccc;
	font-size:10px;
	margin:10px;

	}
.footer_txt {
	color: #666666;
	font-size:9px;
	margin:5px;
}

.footer_bottom_txt {
	margin-top:10px;
	margin-left:15px;
}

.footer_links_txt {
	margin-top:15px;
	text-align:center;
}

.footer_links_txt a {
	color: #666666;
}

/* non-navigation links
-------------------------------------------------------- */
a {
	color: #d60d8c;		
	}

a:hover {
	color: #d60d8c;
	}
	
#col a{
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}

#col a:hover{
	color: #999999;
	font-weight:bold;
}

.page_content ul a{
	color: #666666;
	text-decoration:none;
}

.page_content ul a:hover{
	color: #999999;
}

/* content area
-------------------------------------------------------- */
#event img {padding: 0 20px 10px 20px;}
	
/* text
-------------------------------------------------------- */
#main p {
	margin: 10px 30px 10px 20px;
	font-size:12px;
	line-height:18px;
}

.pink{ color:#d60d8c;
}

.page_content ul {
	line-height:22px;
	margin-bottom: 11px;
	}
	
	.page_content li{
	list-style-type: none;
	line-height:22px;
	margin-left: 40px;
	padding-left: 10px;
	background-image: url(../images/public/li.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	}

.page_title {
	color: #d60d8c;
	float:left;
	font-size:48px;
	font-weight:800;
	line-height:50px;
	position: relative;
	bottom:70px;
	left:20px;
	margin-bottom:-50px;
}

.col_top p, .col_top2 p {
	margin: 5px 10px 0 18px;
	font-size:10px;
	line-height:15px;
}
#col p {
	margin: 0px 25px 15px 25px;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
}

#mediaroom p {
	margin: 10px 5px;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
}

#footer p {
	margin: 5px 22px;
	font-size:11px;
	line-height:12px;
}

.news_date {
	font-size:9px;
	line-height:12px;
	color: #d60d8c;
}

.news_line {
	margin:5px;
	border-top:1px solid #f0f0f0;
}

h2 {
	padding: 5px;
	font-size: 24px;
	color:#d60d8c;
	}

h4 {
	padding: 15px 30px;
	font-size: 14px;
	}
	

#main table{
	margin-left: 30px;
}

/* form content
-------------------------------------------------------- */
input
{
color: #781351;
background: #fff;
border: 0px solid #d60d8c;

}

from .ml{
	margin-left: 45px;
}

.submit input
{
color: #fff;
background: #d8259c;
border: 0px outset #d7b9c9;
margin:3px;
} 

/* tab
-------------------------------------------------------- */
/* used to hide elements which are used by Javascript, otherwise they are shown where javascript is not available*/
		body.javascript .withoutJS, body.javascript .location .withoutJS /* ie doesn't hide location label with above class */
		{display:none;}

		#tabs .shadetabs{
		padding: 3px 0;
		margin-left: 0;
		margin-top: 1px;
		margin-bottom: 0;
		font: bold 12px Verdana;
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
		}
		
		#tabs .shadetabs li{
		display: inline;
		margin: 0;
		}
		
		#tabs .shadetabs li a{
		text-decoration: none;
		position: relative;
		z-index: 1;
		padding: 3px 7px;
		margin-right: 3px;
		border: 1px solid #dbdbdb;
		color: #d60d8c;
		background: white url(../ajaxtabs/shade.gif) top left repeat-x;
		}
		
		#tabs .shadetabs li a:visited{
		color: #d60d8c;
		}
		
		#tabs .shadetabs li a:hover{
		text-decoration: underline;
		color: #d60d8c;
		}
		
		#tabs .shadetabs li a.selected{ /*selected main tab style */
		position: relative;
		top: 1px;
		}
		
		#tabs .shadetabs li a.selected{ /*selected main tab style */
		background-image: url(../ajaxtabs/shadeactive.gif);
		border-bottom-color: white;
		}
		
		#tabs .shadetabs li a.selected:hover{ /*selected main tab style */
		text-decoration: none;
		}
		
		
		/* TOBYs Changes */
		
		#stayInformedForm {margin:20px 0px 0px 30px;}
		#stayInformedForm .stayInformedFormField {margin-top:10px;}
		#stayInformedForm .stayInformedFormField label {}
		#stayInformedForm .stayInformedFormField input {margin-left:10px;}
		#stayInformedForm input.btn {color: #fff; background: #d8259c; border: 0px outset #d7b9c9; margin:10px 0px 0px 45px;display:block;}
		
		#logoImages {margin:15px 0px 0px 40px;}
		#logoImages img {border:0px;}
		#logoImages a img#interLogo {padding-left:10px;}
		#logoImages a img#greenLogo {padding-left:10px;}
		
		#topLinks {text-align:right;margin:1px 10px 0px 0px;}
		#mainLogo {float:left;}
		#topNav 	{margin:80px 0px 0px 330px;}
		
		#awardContent {text-align:left; width:300px; float: left; margin:10px 10px 20px 20px ;}
/* End of 'O2PR - style' */