@charset "utf-8";
/* CSS Document */
/*-----element styles-----*/
body {
	background-color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, address {
padding: 0;
margin: 10px;
line-height: 1.5em;
}

p, li, address {
font-size: 80%;
}

h1 {
font-size: 130%;
}

h2 {
	font-size: 115%;
	color: #ffffff;
}

h3 {
font-size: 100%;
color: #000000;
}

h4 {
font-size: 90%;
color: #666666;
}


a:link{
	color:#FF6600;
	font-weight: normal;
	border-bottom: none;
	text-decoration: none;
}

a:visited {
	color:#FF6600;
	font-weight: normal;
	border-bottom: none;
	text-decoration: none;
}

a:hover {
	color:#FF6600;
	font-weight: normal;
	border-bottom: none;
	text-decoration: none;
}

a:active {
	color:#FF6600;
	font-weight: normal;
	border-bottom: none;
	text-decoration: none;
} 

address {
font-style:normal;
line-height:1.5em;
}

/*-----div styles-----*/

/*-wrapper styles-*/
#wrapper {
	width: 770px;
	position:relative;
	left: 50%;
	margin-left: -385px;
	Background-color:#cccccc;
	border: 1px solid #000000;
	
}
/*---nav styles---*/
#nav {
float:left;
width:100%;
background-color:#000000;
}

#nav ul {
margin: 0;
padding:0;
list-style:none;
width: 100%;
}

#nav ul a {
display: block;
padding: 1em 1.3em;
line-height: 1.8em;
text-decoration:none;
background-color:#000;
}
#nav a:link {
color: #ffffff;
}
#nav a:visited {
color:#ffffff;
}

#nav a:hover {
color:#FF6600;
}

#nav ul li {
float: left;
}

#home #nav .home a, #resources #nav .resources a, #takeAction #nav .takeAction a, #birmingham #nav .birmingham a, #belfast #nav .belfast a, #register #nav .register a{
color:#ff6600;
}

/*--gohome styles--*/

#gohome {
clear: both;
font-size: 0.8em;
width:100%;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

#gohome a {
color: #000000;
}

/*---intro styles---*/

#intro {
border: 1px solid #cccccc;
width:100%;
/*position:relative;*/
}
#intro ul {
text-align:left;
padding: 20px;
margin:10px;
}

/*--content styles--*/

#content {
	clear:both;
	background-color:#FFFFFF;
	width:100%;
	border-bottom: 1px solid #000000;
}
#content ul,ol {
margin-left: 1.5em;
margin-top:0.75em;
padding:0;
line-height:1.3em;
}

/*--footer styles--*/

#footer{
font-size:0.8em;
line-height: 0.5em;
width:100%;
}

/*--img styles--*/

#img {
float: right;
padding: 10px 10px 0px 10px;
margin: 0 0 0 10px;
background-color:#ffffff;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

/*--form styles--*/

form{
margin:0;
padding:0;
}
fieldset{
margin:1em 0;
border:none;
border-top:1px solid #ccc;
}
legend{
margin:1em 0;
padding:0 .5em;
color:#666;
background:transparent;
font-size:1.3em;
font-weight:bold;
}
label{
float:left;
width:200px;/*makes the label element 200px wide*/
padding:0 1em;
text-align:right;
}
fieldset div{/*applies to all divs in the fieldset*/
margin-bottom:.5em;
padding:1em;
display:block;
}
fieldset div input,fieldset div textarea{/*applies to all input and textarea elements in divs in the fieldset*/
width:200px;/*makes them all the same width*/
border-top:1px solid #555;
border-left:1px solid #555;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:1px;color:#333;
}

fieldset div select{
padding:1px;
}

/*div*/.fm-multi /*div*/{
margin:5px 0;
}
div.fm-multi input{
width:1em;
}
div.fm-multi label{
display:block;
width:200px;
padding-left:5em;
text-align:left;
}
#fm-submit{
clear:both;
padding-top:1em;
text-align:center;
}
#fm-submit input{/*Submit button is in its own div to distinguish it from other input tags*/
border:1px solid #333;
padding:2px 1em;
background:#555;
color:#fff;
font-size:100%;
}
input:focus,textarea:focus{
background:#efefef;
color:#000;
}
fieldset div.fm-req{/*this makes required labels bold*/
font-weight:bold;
}
fieldset div.fm-req label:before{ /* this adds '*' before mandatory labels*/
content:"* ";
}
.form{
padding:0;
margin:20px;
color:#333;
background:#fff;
font:12px arial,verdana,sans-serif;
text-align:center;
}
#form{
margin:0 auto;
padding:1em;
width:80%;
text-align:left;
}

/*--programme list styles--*/
.interactive_programme  li {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	/*text-decoration: underline;*/
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	margin-top:0.75em;
	padding:0.2em 0 0.2em 0.75em;
	line-height:1.3em;
	border: 1px solid #ccc;
	width:90%;
}

/*.interactive_programme ul li {
	font-size: 0.8em;
	color: #000000;
	text-decoration: underline;
	border:none;
	margin-left:0;
	padding-left:0;
	
}*/
.interactive_programme ol li>ul li{
		font-size: 1em;
		text-decoration:none;
		padding-left:20px;
		background-image: url(../images/arrow.gif);
		background-repeat: no-repeat;
		background-position: left center;
		font-weight:normal;
		border: none;
}

/*--Misc. classes--*/

.aims {
padding:0 2em 2em 2em;
margin: 0 2em 1em 0;
line-height: 1.5em;
}
.section {
border-bottom: 1px solid #cccccc;
margin-bottom:0;
margin-top:0;
}
.briefings {
margin-left: 2em;
}
.rhlabel {
text-align:right;
color: #666666;
}

/* accordion styles--*/
.addInfo {
	padding-left:20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
}


.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	background-color: #5092CE;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#ffffff;
}


.AccordionPanelOpen .AccordionPanelTab {
	background-color: #5092CE;
}


.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}


.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
	color:#ffffff;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}