@import './events_links.css';

h1 {
	font-size:2.1em;
	font-weight:bold;
	}

#title {
	float:left;
	width:230px;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	}

#content {
	position:relative;
	width:720px;
	padding:10px;
	background-color:#ffffff;
	}

p.event_date {
	margin-top:15px;
	}

p.standfirst {
	color:#2d5897;
	margin:0 0 10px 240px;
	text-align:right;
	}

p.calltoaction {
	color:#2d5897;
	text-align:right;
	font-weight:bold;
	}

p.footnote {
	color:#002254;
	}
	
.ui-tabs .ui-tabs-hide {
	/*display:none;*/
	position: absolute; /* using "off page" method to hide inactive tabs so that Google Map loads properly */
    top: -10000px;
	}

ul#characters {
	margin:10px 0 0 0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	list-style:none;
	overflow:hidden;
	}

ul#characters li {
	width:114px;
	padding:5px 0 3px;
	float:left;
	margin:0 2px 0;
	border:1px solid #c0c0c0;
	border-width:1px 1px 0;
	background:url(../images/10x50_c0c0c0_b0b0b0.jpg) 0 0 repeat-x #b0b0b0;
	}

ul#characters li a {
	display:block;
	color:#002254;
	text-decoration:none;
	text-align:center;
	line-height:1.1em;
	}

ul#characters li.ui-state-active {
	background:#e0e0e0;
	}

ul#characters li.ui-state-active a {
	color:#b22222;
	background-color:#e0e0e0;
	}

ul#characters li a:link, ul#characters li a:visited {
	}

ul#characters li a:hover, ul#characters li a:active {
	color:#b22222;
	}

#tabs .tab-content {
	min-height:320px;
	padding:5px 10px 10px;
	margin:0 0 10px 0;
	background:url(../images/10x300_e0e0e0_d0d0d0.jpg) 0 0 repeat-x #d0d0d0;
	color:#002254;
	border:1px solid #c0c0c0;
	border-width:0 1px 1px;
	}
	
#tabs h2 {
	display:none; /* <h2> not required - tab acts as heading */
	}

#tabs img {
	float:right;
	width:48%;
	margin:10px 0 10px 10px;
	border:5px solid #2d5897;
	}

#events_links {
	clear:both;
	}