/***************************************************
	Blue:				#0095d9 (dark #0099cc)
	Yellow:				#f5ea2e
	Main Background:	#3f3f4a
	Body Background:	#3f3f4a
	h1:					#686870

	body:				900px

	leftSide:			551px
	centreImage:		147px
	sideBar:			202px

 **************************************************/

body
{
	width: 900px;
	min-width: 900px !important;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: white;
	background: #3f3f4a url(/images/backgrounds/main_background.png) repeat-y 50% 0%;
}

a,
a:hover,
a:visited,
a.active
{
	border: 0;
	outline: 0; /* prevent dotted border in Firefox */
}

button
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	outline: 0; /* prevent dotted border in Firefox */
	background: none;
}

h1
{
	height: 24px;
	clear: both;
	margin: 10px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099cc;
	border-top: 1px solid black;
	border-right: 1px solid #686870;
	border-bottom: 1px solid #686870;
	border-left: 1px solid black;
	background: black;
}

h1 span
{
	display: block;
	padding: 2px 0px 0px 6px;
}

h1 span a,
h1 span a:hover,
h1 span a:visited,
h1 span a.active
{
	color: #0099cc !important;
	text-decoration: none;
}

h2
{
	clear: both;
	margin: 10px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #00AAFF;
	/*#AAAAAA;*/
}

h3
{
	clear: both;
	margin: 3px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #00AAFF;
	/*text-decoration: underline;*/
}

h4
{
	clear: both;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

p
{
	margin: 0;
	padding-top: 6px !important;
	padding-top: 6px;
	padding-bottom: 6px !important;
	padding-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p.footnote
{
	font-family: sans-serif;
	font-size: 8pt;
}

em
{
	font-weight: bold;
}

a
{
	color: #0095d9;
	text-decoration: underline;
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	color: #f5ea2e !important;
}

textarea
{
	width: 98%;
}

img
{
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	background: none;
}

img.right
{
	float: right;
	text-align: right;
	margin: 5px 0px 0px 5px !important;
}

img.left
{
	float: left;
	text-align: left;
	margin: 10px 5px 0px 0px !important;
}

/*
acronym {
	cursor: help;
	border-bottom: 1px solid #777;
}

input {
	width: 70%;
}

input,
textarea {
	padding: 1px 3px;
	margin: 5px 0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #EEE;
	background-color: #777;
	border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
	color: #FFF;
	background-color: #999;
	border: 1px solid #EEE;
}

blockquote
{
	margin: 0;
	background: #686870 url(/images/backgrounds/rounded_tr.gif) no-repeat top right;
}

blockquote span
{
	display: block;
	padding: 5px;
	background: url(/images/backgrounds/rounded_br.gif) no-repeat bottom right;
}
*/

/***************************************************
	Content
***************************************************/

#content
{
	clear: both;
	width: 100% !important;
	min-width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

/***************************************************
	Header & Footer
 ***************************************************/

#header,
#footerMenu
{
	clear: both;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	height: 56px;
	background: black;
}

#header
{
	height: 56px;
}

#footerMenu
{
	height: 36px;
	margin-top: 30px !important;
	border-bottom: 1px solid #686870;
}

#header ul,
#footerMenu ul
{
	width: 551px !important;
	min-width: 551px;
	margin: 0;
	padding: 0px 0px 0px 20px;
	line-height: normal;
}

#header ul li
{
	float: left;
	display: inline;
	margin: 0;
	padding: 20px 20px 0px 0px;
	list-style: none;
}

#footerMenu ul li
{
	float: left;
	display: inline;
	margin: 0;
	padding: 10px 20px 0px 0px;
	list-style: none;
}

#header ul li a,
#footerMenu ul li a
{
	height: 18px;
	/*width: 84px;*/
	display: block;
	padding-bottom: 4px;
	text-decoration: none;
	color: #0095d9;
	/*font: 1.1em Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#header ul li a:hover,
#header ul li a.active,
#footerMenu ul li a:hover,
#footerMenu ul li a.active
{
	color: #0095d9 !important;
	background: url(/images/backgrounds/menu_line.png) no-repeat bottom center;
}

#footerInfo
{
	float: left;
	clear: both;
	width: 320px !important;
	min-width: 320px;
	margin: 20px 10px 0px 15px !important;
	padding: 0;
	color: #888;
	text-align: left;
}

#footerInfo p
{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #888;
	border-top: 1px solid #00AAFF;
}

#footerInfo a
{
	display: inline;
	font-size: 10px;
}

/***************************************************
Left Side
***************************************************/

#leftSide
{
	float: left;
	width: 551px !important;	/* firefox and opera */
	width: 551px;				/*	ie6 */
	margin: 0px 0px 20px 0px !important;
	padding: 0 !important;
	border: 0;
	border-top: 1px solid #686870;
}

#tabbedLeftSide
{
	float: left;
	width: 551px !important;	/* firefox and opera */
	width: 551px;				/*	ie6 */
	margin: 0px 0px 20px 0px !important;
	padding: 0 !important;
	border: 0;
}

#leftSideContent
{
	margin: 0px 10px 0px 12px !important;
}

#leftSideContent h1
{
}

#leftSideContent h2
{
}

#leftSideContent h3
{
	padding: 0px 0px 0px 2px;
}

#leftSideContent h4
{
	margin: 10px 0 0 20px;
}

/***************************************************
	Index Page
***************************************************/

#slideshow
{
	float: left;
	clear: both;
	position: relative;
	height: 690px;
	width: 100% !important;
	min-width: 100%;
	margin: 0 auto;
	padding: 0 !important;
}

#slideshow div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	min-width: 100%;
	z-index: 8;
	opacity: 0.0;
	-ms-filter: "alpha(opacity=0)"; /* ie8 */
	filter: alpha(opacity=0); /* ie7 */
	height: 690px;
	background-color: #3f3f4a;
	background-repeat: no-repeat;
	background-position: left top;
}

#slideshow div.active
{
	z-index: 10;
	opacity: 1.0;
	-ms-filter: "alpha(opacity=100)"; /* ie8 */
	filter: alpha(opacity=100); /* ie7 */
}

#slideshow div.last-active
{
	z-index: 9;
}

#slideshow p
{
	margin: 0px !important;
	padding: 0 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

#slideshow p.menus
{
	position: absolute;
	top: 20px;
	left: 767px;
}

#slideshow p.menus a
{
	height: 20px;
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}

#slideshow p.menus a.white
{
	color: white;
}

#slideshow p.menus a.black
{
	color: black;
}

#slideshow p.menus a:hover,
#slideshow p.menus a.active
{
	color: #0095d9 !important;
	background: url(/images/backgrounds/menu_line_short.png) no-repeat bottom center;
}

#slideshow p.counter
{
	position: absolute;
	left: 2%;
	font-size: 11px;
	font-weight: normal;
}

#slideshow p.counter span
{
	color: #0099cc;
}

#slideshow p.caption
{
	position: absolute;
	left: 0%;
	width: 98% !important;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

#slideshow p.default
{
	width: 100% !important;
	margin: 100px 100px 0px 0px !important;
	text-align: right;
}

#slideshow p.default span
{
	color: #0099cc;
	font-size: 14px;
	font-weight: bold;
}

#slideshow img
{
	position: absolute;
	top: 229px;
	left: 447px;
	margin: 0 !important;
	padding: 0 !important;
}

#slideshow button
{
	position: absolute;
	left: 870px;
	padding: 2px 2px 2px 2px !important;
	font-size: 20px;
	color: white;
	cursor: help;
}

#simplemodal-container
{
	height: 230px;
	width: 320px !important;
	background: black;
}

#simplemodal-container div h1 span
{
	display: inline;
	color: white;
}

#simplemodal-container p
{
	margin: 0px 15px 10px 15px !important;
	padding: 0px 15px 10px 15px !important;
	font-size: 12px;
}

#simplemodal-container a.modalCloseImg
{
	background: url(/images/close_button.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -18px;
	cursor: pointer;
}

/***************************************************
Centre Image
***************************************************/

#centreImage
{
	float: left;
	width: 147px;
	min-width: 147px !important;
	height: 599px;
	margin: 0px 0px 20px 0px !important;
	padding: 0 !important;
	vertical-align: top;
}

#centreImage a
{
	width: 70%;
	height: 20px;
	display: block;
	color: #0095d9;
	margin: 0 auto 0 auto;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#centreImage a:hover,
#centreImage a.active
{
	color: #0095d9 !important;
	background: url(/images/backgrounds/menu_line_short.png) no-repeat bottom center;
}

#centreImage div.imageFrame
{
	height: 599px;
	margin: 0;
	padding: 0 !important;
}

#centreImage div.centreImageMenus
{
	padding-top: 5px;
}

#centreImage div.centreImageMenus a
{
	margin-top: 5px;
}

/***************************************************
SideBar
***************************************************/

#sideBar
{
	float: right;
	width: 202px !important;	/* firefox and opera */
	width: 202px;				/* ie6 */
	min-width: 202px;
	margin: 0px 0px 20px 0px !important;
	padding: 0 !important;
	border-top: 1px solid #686870;
}

#sideBarContent
{
	margin: 0px 12px 0px 8px !important;
	padding: 0;
}

#sideBarContent h1
{
	padding: 0px 2px 0px 0px;
	text-align: right;
	/*background: #686870 url(/images/backgrounds/h1_right.jpeg) no-repeat top left;*/
}

#sideBarContent h1 span
{
	display: block;
	padding: 2px 6px 0px 0px;
}

#sideBarContent h3
{
	padding: 0px 2px 0px 0px;
}

#sideBarContent h4
{
	margin: 10px 20px 0px 0px;
}

/***************************************************
	Image Viewer
***************************************************/

div.imageViewerPreview_right
{
	width: 340px !important;
	float: right;
	clear: both;
	margin: 5px 5px 0px 5px !important;
	padding: 0;
	text-align: right;
}

div.imageViewerPreview_left
{
	width: 340px !important;
	float: left;
	clear: both;
	margin: 5px 5px 0px 5px;
	padding: 0;
	text-align: left;
}

div.imageViewerPreview_centre
{
	width: 340px !important;
	clear: both;
	margin: 5px auto 0px auto;
	padding: 0;
	text-align: center;
}

div.imageViewerPreview_centre_wide
{
	width: 420px !important;
	clear: both;
	margin: 5px auto 0px auto;
	padding: 0;
	text-align: center;
}

div.imageViewerPreview_right div,
div.imageViewerPreview_left div,
div.imageViewerPreview_centre div,
div.imageViewerPreview_centre_wide div
{
	clear: both;
	height: 32px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	text-align: left;
	line-height: 32px;
	background: url(/images/backgrounds/magnifying_glass.png) no-repeat top left;
}

div.imageViewerPreview_right div a,
div.imageViewerPreview_left div a,
div.imageViewerPreview_centre div a,
div.imageViewerPreview_centre_wide div a
{
	padding: 0px 0px 0px 36px;
}

#imageViewer
{
	clear: both;
	width: 100% !important;
	min-width: 100%;
	margin: 0 auto;
	padding: 0 !important;
	text-align: center;
}

#imageViewer div.white
{
	background: white;
	margin: 0px 0px 0px 2px;
}

#imageViewer a
{
	margin: 0px auto;
}

#imageViewer a img
{
	margin: 0px auto;
}

#imageViewer p
{
	text-align: center;
}

/***************************************************
Errors
 ***************************************************/

#error
{
	margin: 200px 30px 0px 30px;
}

#error p
{
	font-size: 20px;
	line-height: 170%;
}

#error p.statusCode
{
	font-size: 12px;
}

/***************************************************
 ol class
 ***************************************************/

ol.list
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	border-bottom: none;
	list-style-type: decimal;
}

ol.list li
{
	margin: 0px 0px 0px 20px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/***************************************************
 ul classes
 ***************************************************/

ul.bigList
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	border-bottom: none;
}

ul.bigList li
{
	margin: 0px 0px 6px 12px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul.bigList li ul
{
	padding: 0px 0px 0px 0px;
}

ul.bigList li ul li
{
	margin: 0px 0px 0px 20px;
	list-style-image: url(/images/bullet.png);
}

ul.list
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 4px 0px;
	border-bottom: none;
}

ul.list li
{
	margin: 0px 0px 0px 10px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*list-style-image: url(/images/bullet.png);*/
	/*list-style-image: url(/images/round_bullet.png);*/
}

ul.list li ul
{
	padding: 0px 0px 0px 0px;
}

ul.list li ul li
{
	margin: 0px 0px 0px 20px;
	/*list-style-image: url(/images/round_bullet.png);*/
	list-style-image: url(/images/bullet.png);
}

ul.list li ul li ul
{
	margin: 0px 0px 0px 10px;
}

ul.list li ul li ul li
{
	margin: 0px 0px 0px 10px;
	list-style-image: url(/images/bullet.png);
}

ul.list li ul li ul li ul
{
	margin: 0px 0px 0px 10px;
}

ul.list li ul li ul li ul li
{
	margin: 0px 0px 0px 10px;
	list-style-image: url(/images/round_bullet.png);
}

/***************************************************
 Generic Classes
 ***************************************************/

.logo
{
	float: right;
	margin-right: 10px;
	margin-top: 12px;
	border: 0;
	outline: 0;
}

.partnerLogo
{
	float: right;
	margin: 5px;
	border: 1px;
}

.clickable
{
	padding: 5px;
	background-color: white;
	border: 1px;
}

.moto
{
	font-size: 12px;
	font-weight: bold;
	color: #DDDDDD;
	margin: 0px 0px 0px 20px;
}

.centre
{
	clear: both;
	text-align: center;
	margin: 10px auto 0px auto;
}

/*
.left
{
	float: left;
	text-align: left;
}

.right
{
	float: right;
	text-align: right;
}
*/

.indentedParagraphs p
{
	margin-left: 20px;
}

.inset
{
	margin: 0px 10px 0px 10px;
}

div.pdf
{
	clear: both;
	height: 32px;
	margin: 5px 0px 0px 20px;
	padding: 0;
	text-align: left;
	line-height: 32px;
	background: url(/images/backgrounds/pdf_icon_32x32.gif) no-repeat top left;
}

div.pdf a
{
	padding: 0px 0px 0px 40px;
}