/* Resets default values to something useful

----------------------------------------------------------------------------- */



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

form {
	margin: 0px;
	padding: 0px;
}

a:link, a:visited {
	color: #6E94B7;
	text-decoration: none;
}

a:hover {
	color: #133B6F;
	text-decoration: none;
}

h1 {
	font-weight: lighter;
	font-size: 26px;
}

h2 {
	font-size: 18px;
	text-transform: uppercase;
/*	margin-top: 1.5em;*/
	margin-bottom: 0.5em;
	font-weight: lighter;
	color: #6E94B7;
}
h3 {
	font-size: 13px;
	text-transform: uppercase;
/*	margin-top: 0px;*/
	padding-top: 0.5em;
/*	color: #6E94B7;*/
	color: #666666;
}
.no-gap {
	padding-top: 0px;
}
p {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 1.5em;
}

.accessibility {
	display: none;
	/* Hides from IE 5 Mac */
	/* \*/
	display: inline;
	position: absolute;
	left: -999em;
	/* */
}

.accessibility hr {
	width: 100px;		/* Fixes a display issue in IE */
}

.title {
	color: #6E94B7;
	text-transform: uppercase;
	font-weight: normal;
}

.lower {
	text-transform: lowercase;
}
ul {
	list-style-type: square;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 15px;
}


/* CSS

----------------------------------------------------------------------------- */

body {
	text-align: center;		/* Fix to centre page in IE */
}

#page {
	width: 776px;			/* Maximum width to fit 800 x 600 px screen */
							/* If you need borders then the page width needs
							   to be reduced by the widths of the borders */						  
	margin: 0px auto;		/* Centre this div */
	text-align: left;		/* Uncentre content from fix to centre page in IE */
}
#header {
	width: 776px;
	overflow: hidden;
	padding: 11px 0px 0px;
}
#content {
	width: 770px;			/* Maximum width to fit 800 x 600 px screen */
	/* If you need borders then the page width needs
							   to be reduced by the widths of the borders */
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #6E94B7;
}





/* Two columns */



#two-blobs #blob1 {

	float: left;

	padding: 0px 24px 0px 0px;

	width: 170px;			/* Width - (left + right padding) */

	padding: 0px 0px 0px 0px;
}

#two-blobs #blob2 {
	float: left;
	width: 580px;
	padding: 10px 0px 50px 20px;
	position: relative;
	background-color: #FFFFFF;
}




/* FOOTER */

#footer {
	width: 777px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B6C9DB;
	margin-top: 1px;
	text-align: right;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 40px;
}
#footer ul {
	list-style: none;
	float: right;
	margin: 0px;
	padding: 0px;
}
#footer li {
	float: left;
	padding-left: 25px;
}
/*#footer-link {
	font-size: 10px;
}

#footer-link a:link, #categories a:visited {
	color: #133B6F;
}

#footer-link a:hover {
	color: #133B6F;
}*/













/*



Horizontal menu.

Version 1.



*/



/* Menu CSS

----------------------------------------------------------------------------- */



#menu {
	width: 741px;
	overflow: hidden;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 6px 18px 4px 18px;
	background: url(images/topbar.jpg) repeat-x left top;
	height: 20px;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 800px;
}

#menu li {
	float: left;
	margin-right: 30px;
	/*background-color: #DCE5EE;*/
	text-transform: uppercase;
	height: 29px;
}
.new-menu li {
	margin-right: 23px !important;
}

#menu a {
	display: block;					/* Enable padding on links so the whole tab is clickable. */
	padding: 0px;
	text-decoration: none;
	width: 7em;						/* Fixed for IE 5 mac. */

	/* Hides from IE 5 Mac */
	/* \*/
	width: auto;					/* Corrected from IE 5 mac fix. */
	/* */

	text-align: center;
}

#menu a:link, #menu a:visited {
	color: #133B6F;
}

#menu a:hover {
	color: #DCE5EE;
}

#menu .selected a:link, #menu .selected a:visited, #menu .selected a:hover {
	color: #133B6F;
}

.menu-end {
	padding-right: 0px;
}















/* Design specific CSS

============================================================================= */



/* Header

----------------------------------------------------------------------------- */



#logo {

	text-align: right;
	/*background: url(/media/nav/logo_mac.gif) no-repeat top left;*/

}

#print-logo {

	display: none;

}

#header-image {

	float: right;

}

.intro #header {

	/* background: url(/media/nav/intro_header_mac.gif) no-repeat bottom left;*/

	/*padding-bottom: 23px;*/

}

.intro #logo {

	background: url(/media/nav/logo_intro_mac.gif) no-repeat top left;

}

.intro #logo_header_dots {

	background: url(/media/nav/intro_header_dots.jpg) no-repeat top left;

	height: 136px;

}

/* Column 1

----------------------------------------------------------------------------- */

#categories {
	font-size: 12px;
	font-weight: normal;
	padding-top: 11px;
	background-color: #6E94B7;
	margin-top: 1px;
}

#categories ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
}

#categories li {
	padding-top: 0px;
/*	line-height: 3em;*/
	padding-left: 15px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EABC7;
	padding-top: 10px;
	padding-bottom: 11px;
}

#categories a:link, #categories a:visited {

	color: #FFFFFF;

}

#categories a:hover {

	color: #133B6F;

}

#categories .selected a:link,#categories .selected a:visited, #categories .selected a:hover {

	color: #CF1170;

}




.row {
	width: 580px;
	overflow: hidden;
	padding-bottom: 1em;
}
.col {
	width: 290px;
	float: left;
}





.download {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EABC7;
	background: url(images/icon_pdf.gif) no-repeat 0px 5px;
}
.download-empty {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EABC7;
/*	background: url(images/icon_pdf.gif) no-repeat 0px 5px;*/
}
.download a:link, .download a:visited, .download a:hover {
/*	background: url(images/icon_pdf.gif) no-repeat 0px 5px;*/
	padding: 15px 0px 15px 40px;
	display: block;
}


#contact-form {
	float: left;
}
form th {
	text-align: left;
	vertical-align: top;
	padding: 0px 10px 5px 0px;
/*	color: #6E94B7;*/
} 
form td {
	padding: 0px 0px 5px 0px;
}
form .textbox {
	width: 200px;
}
.button {
	padding-top: 10px;
	width: auto;
}


.mugshots {
	padding: 0px 0px 10px 20px;
}

.contact-details {
	float: left;
}
.contact-details th {
	text-align: left;
	vertical-align: top;
	padding: 0px 10px 5px 0px;
}
.contact-details td {
	vertical-align: top;
	padding: 0px 30px 5px 0px;
}


.iosh {
	float: right;
	padding: 0px 0px 20px 20px;
}

.venues th {
	text-align: left;
	padding: 0px 10px 5px 0px;
}
.venues td {
	padding: 0px 10px 5px 0px;
}


/* Home page columns */
.home-cols {
	width: 575px;
	background: url(images/homepage_columns.gif) repeat-y left top;
	margin-bottom: 20px;
	overflow: hidden;
}
.home-cols-inner {
	width: 600px;
}
.home-col {
	background-color: #dae4ed;
	width: 185px;
/*	padding: 10px 20px 0px 20px;*/
	float: left;
	margin-right: 10px;
}
.home-col img {
	margin-bottom: 10px;
}
.home-col p {
	padding-left: 10px;
	padding-right: 10px;
}
.venue {
	color: #133b6f;
	font-size: 11px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ACC2D7;
	margin-bottom: 4px;
}
.home-list {
	color: #133b6f;
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
	line-height: 14px;
	list-style-type: disc;
}
.home-subtitle {
	color: #666666;
	font-size: 11px;
	text-transform: capitalize;
	padding-left: 8px;
	padding-right: 8px;
}
.homepage-left {
	float: left;
}
.homepage-right {
	float: right;
}
.homepage-right img {
	margin-left: 10px;
}


.contact-details-screen {
	float: left;
	text-align: left;
	font-style: italic;
	font-size: 12px;
}
.contact-details-print {
	display: none;
}

.newsletter {
	margin-left: -8px;
	font-size: 14px;
	text-align: center;
	width: 203px;
}