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


/* Body */
html {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	background-color: #565656;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

/* Layout */
#containerOuter {
	width:1100px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}


/* Home Page Template */
#mainImageWrap {
	width:1050px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

/* Type */
h1
{
	color: #666666;
	background: white;
	font-weight: bold;
	font-size: 18px;
}
h2
{
	font-size: 16px;
	color: #666666;
	background: white;
}
h3
{
	font-size: 14px;
	color: #666666;
	background: white;
	margin: 0px;
	padding-top: 0px;
}
h4
{
	font-size: 12px;
	color: #666666;
	background: white;
	font-weight: bold;
}
h4
{
	font-size: 11px;
	color: #666666;
	background: white;
	font-weight: bold;
}
h6
{
	font-size: 10px;
	color: #666666;
	background: white;
	font-weight: normal;
}


.link1 {
	color:#aaaaaa;
	text-decoration: none;
}

.linkSubfooter {
	color:#868686;
	text-decoration: none;
}

a:hover.linkSubfooter {
	text-decoration: underline;
}
a:link.linkSubfooter, a:visited.linkSubfooter {
	color:#868686;
}



/* Columns */

/* All Columns */

#columns {
	clear: both;
	overflow: auto;
	position: relative;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 25px;
 }

#columns h1 {
	margin-top: 0px;
 }
 
#columns h4 {
	margin-bottom: 0px;
 }
 
#columns p {
	padding-top: 0px;
	margin-top: 0px;
	line-height: 18px;
	margin-bottom: 6px;
 }

 /* Wing Column */
 #columnWing {
	float: left;
	width: 150px;
	display: inline;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
	height: 585px;
 }


/* Wing + 2 Columns */

#column21 {
	float: left;
	width: 425px;
	display: inline;
	margin-top: 0;
	margin-right: 26px;
	margin-bottom: 0;
	margin-left: 0;
 }
 
#column22 {
	float: left;
	width: 425px;
	display: inline;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
 }


/* 3 columns */
/* Wing + 3 Columns 1 and 2+3 */

#column31, #column32 {
	float: left;
	width: 275px;
	display: inline;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
 }

#column33 {
	float: left;
	width: 275px;
	display: inline;
	margin-top: 0;
	margin-right: 0px; /* No right padding */
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
 }

 
#column323 {
	float: left;
	width: 575px;
	display: inline;
	margin-top: 0;
	margin-right: 0px; /* No right padding for image */
	margin-bottom: 0;
	margin-left: 0;
	overflow: hidden;
 }
 
 #column323 p {
	margin-top: 0;
	padding-top: 0px;
}


/* Wing + 3 Columns 1+2 and 3 */
/* Combined column 1+2 */
 
#column312 {
	float: left;
	width: 575px;
	display: inline;
	margin-top: 0;
	margin-right: 25px; /* Gutter */
	margin-bottom: 0;
	margin-left: 0;
 }

/* Combined column 1+2+3 */
 
#column3123 {
	float: left;
	width: 875px;
	margin: 0;
	padding: 0px;
	display: inline;
 }

/* Wing + 4 Columns */

#column41, #column42, #column43 {
	float: left;
	width: 200px;
	display: inline;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
 }

#column434 {
	float: left;
	width: 425px;
	display: inline;
	margin-top: 0;
	margin-right: 0px; /* No right padding */
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
 }

#column44 {
	float: left;
	width: 200px;
	display: inline;
	margin-top: 0;
	margin-right: 0px; /* No right padding */
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
 }


/* Wing + 5 Columns */

#column51, #column52, #column53, #column54 {
	float: left;
	width: 155px;
	display: inline;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
 }

#column55 {
	float: left;
	width: 155px;
	display: inline;
	margin-top: 0;
	margin-right: 0px; /* No right padding */
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
 }

 /* Height Spacer */
 #heightSpacer {
	float: left;
	height: 400px;
}


/* Sub Menu */

.submenu {
width: 100%; /*width of menu*/
}

.submenu .headerbar {
	color: white;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
	font-size: 13px;
	font-weight: bold;
}

.submenu ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.submenu ul li {
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.submenu ul li a {
	color: #666666;
	display: block;
	padding-left: 0px; /*link text is indented 8px*/
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 4px;
}

.submenu .active {
	color: #FF0000;
	font-weight: bold;
}

.submenu ul li a:visited {
	color: #666666;
}

.submenu ul li a:hover { /*hover state CSS*/
	color: #FF0000;
}

.submenu ul li ul li a {
	padding-left: 10px;
}


/* Footer */

#footer
{
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF0000;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-top: 6px;
	text-align: right;
}

#footer p.left
{
	float:left;
	font-size:10px;
	margin:0px;
	padding:0px;
	padding-top: 12px;
}

#footer p.right
{
	float:right;
}

#footer span
{
    padding-left:5px;
    padding-right:5px;
}


/* Footer */

#subfooter
{
    width:1100px;
}

#subfooter p.left
{
	float:left;
	font-size:10px;
	margin:0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #868686;
}

#subfooter p.right
{
	float:right;
}

#subfooter span
{
    padding-left:5px;
    padding-right:5px;
}

#subfooterr a:link {
	color:#868686;
}
#subfooterr a:hover {
	color:#868686;
	text-decoration: underline;
}
.clear { clear:both; }
a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
.caption {
	padding-top: 3px;
	padding-bottom: 18px;
}

/* sitemap */

.lcount {
	padding:2px;
}

.lhead {
	padding:3px;
}
.lpage {
	padding: 0px;
}
.lpart {
	padding: 0px;
}
.lbullet {
	width: 24px;
}

	
/* Homepage ----------------------------------------- */
	
	#homeSlideshow {
	position: absolute;
	/*top: -27px;*/
		top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	}
	.section-home #footerToolbar {
		width: 1205px;
		background: url(/site/images/maincontent_bg.gif) bottom repeat-x #eff4f7;
	}
		#slideshowCaption {
	float: left;
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 6px;
		}
		#slideshowControl {
	float: left;
	display: inline;
	width: 42px;
		}
		#slideshowControl a {
			border-left: 2px solid #FFF;
			margin: 0;
		}
		#slideshowThumbs {
	float: left;
	display: inline;
	width: 300px;
	overflow: hidden;
	height: 30px;
		}
		#slideshowThumbs div {
			float: right;
			display: inline;
			width: 830px;
			overflow: hidden;
			height: 30px;
		}
			#slideshowThumbs a {
				float: right;
				overflow: hidden;
				display: inline;
				border-left: 2px solid #FFF;
				margin: 0;
			}
/* Content areas ----------------------------------------- */
	
	#mainContent {
	height: 585px;
	background-color: #f2f2f2;
	}
	#mainContent2 {
	height: 585px;
	line-height: 15px;
	position: relative;
	}
		#content {
			padding: 16px 0 6px 12px;
			height: 508px;
			width: 386px;
			float: left;
		}

/* Footer Bits ----------------------------------------- */
	
	#footerToolbar {
	height: 30px;
	padding-top: 1px;
	position: absolute;
	width: 1050px;
	}
		#footerToolbar a {
			margin-left: 2px;
			float: left;
			outline: none;
			height: 30px;
		}
		#footerToolbar a.disabled img {
			visibility: hidden;
		}
		
		#footerToolbar a#pageBack {
			background: url(http://www.jra.co.uk/images/home/page_back_on.gif) top left no-repeat;
			width: 40px;
			height: 30px;
			margin-left: 0;
		}
		#footerToolbar a#pageBack.disabled {
				background: url(http://www.jra.co.uk/images/home/page_back_disabled.gif) top left no-repeat;
				cursor: default;
			}
		#footerToolbar a#pageNext {
			background: url(http://www.jra.co.uk/images/home/page_next_on.gif) top left no-repeat;
			width: 40px;
			height: 30px;
		}
			#footerToolbar a#pageNext.disabled {
				background: url(http://www.jra.co.uk/images/home/page_next_disabled.gif) top left no-repeat;
				cursor: default;
			}
/* HOME PAGE SLIDESHOW */

#containerOuter #mainImageWrap #controls {
	padding-top: 6px;
}
#jra-fadeshow {
	background-color: #FFFFFF;
	height: 415px;
	width: 575px;
}
#fadeshow1 {
	height: 585px;
	width: 1050px;
}
#control {
	width: 1050px;
}