﻿/*Main Container > Info box*/
#info
{
	overflow: hidden;
	position: relative;
	height: 206px;
	
	margin-top: 36px;
	
}

#info .box
{
	float: left;
	height: 206px;
	margin: 0px 1px 0px 0px;
}

#info .box img
{
	border-width: 0px;
}

#info .last
{
	margin: 0px;
}

#info .box .hidden-text
{
	width: 306px;
	position: absolute;
	cursor: auto;
	display: none;
	z-index: 10000;
	color: #57585a;
	font-size: 0.8em;
}

#info .box .hidden-text .inner
{
	border: solid 1px #cfd1d8;
	background: #dae1ed url(/images/backgrounds/info-box-gradient.gif) no-repeat top left;
	padding: 5px;
	margin: 0px;
}

#info .box a
{
	position: relative;
	text-decoration: none;
}

#info .box a span
{
	bottom: 14px;
	color: white;
	font-size: 1.2em;
	position: absolute;
	right: 16px;
}

/*Main*/
#main
{
	background: #fff url(/images/backgrounds/bg-grad-main.gif) repeat-x 1px 0px;
	font-size: 0.8em;
	padding: 18px 0; /*background-color: #f6f6f7;*/
	color: #687076;

	zoom: 1;
}

#main-bg
{	position: relative;
	/*background: url(/images/backgrounds/main.gif) repeat-y top left;*/
	overflow: hidden;
	zoom: 1;
}
#main #award
{
    width: 154px;
    position: absolute;
    bottom: 0px;
    left: 0px;
	/*bottom: 0px;
	height: 154px;
	left: -172px;
	position: absolute;
	*/
}

#main #left-col
{
	float: left;
	width: 154px; /*width: 272px;*/ /*padding: 0px 0px 0px 18px;*/
	padding: 0px 18px 0px 0px;
	margin: 0px; /*0px 280px 0px;*/
	overflow: hidden;
	zoom: 1;
}

/* See Accordion Styles*/

#main #centre-col
{
	width: 470px; /*width: 576px;*/
	padding: 0px 18px 0px 0px;
	float: left;
	position: relative;
	/*overflow: hidden;*/
	/*zoom: 1;*/
}


#main #centre-col p
{
	margin: 0;
	padding: 0.5em 0;
}

#main #centre-col p a
{
	color: #758BD0;
	text-decoration: underline;
}

#main ul
{
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 14px;
}

#main #centre-col ul li
{
	background: transparent url(/images/backgrounds/bullet-point.gif) no-repeat scroll 0 5px;
	margin: 0 0 4px;
	padding: 0 0 0 22px;
}

#main #centre-col ul ul 
{
	padding-top: 14px;
}

/*Sitemap*/
#centre-col #sitemap 
{
	padding-top: 20px;	
}

#sitemap ul li
{
	background: transparent url(/images/backgrounds/bullet-point.gif) no-repeat scroll 0 0px;
	margin: 0 0 4px;
	padding: 0 0 0 22px;
}

#sitemap ul ul 
{
	padding-top: 14px;
}

#sitemap ul li a
{
	color: #758BD0;
	text-decoration: underline;
}

#main .snippets
{
	margin: 26px 0px 0px 0px;
	background: url(/images/backgrounds/left-snippets-divide.gif) repeat-x left top;
}

#main .snippets a.inner-link
{
	background-image: url(/images/link_arrow_1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 13px;
	text-decoration: underline;
	font-size: .85em;
	color: #758bd0;
}

#main .snippets .row
{
	overflow: hidden;
}

#main .snippets .snippet
{
	float:left;
	width:229px;
	
	/*width: 282px;*/
	/*float: left;*/
}

#main .snippets .left
{
	margin: 0px 12px 0px 0px;
}

#main .snippets .pad
{
	margin: 12px 12px 0px 0px;
}

#main .snippets .snippet h3
{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

#main .snippets .snippet h3 a
{
	color: #687076;
	margin: 0px;
	padding: 7px 6px 5px 6px;
	display: block;
	text-decoration: none;
}

#main #right-col
{
	float: right;
	width: 250px; /*width: 272px;*/ /*padding: 0px 0px 0px 18px;*/
	padding: 0;
	margin: 0;
	overflow: hidden;
	zoom: 1;
}
