/* 00 Page Layouts */
body, html {
	margin:0;
	padding:0;
	height: 100%;
	background-color: #2C003F;
	background-image: url("/images/bg_page-background.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

@media screen and (max-device-width: 768px)
{
	body, html {
		background-position: top center;
	}
}

.container
{
	width:970px;
	margin: 5px auto;
	min-height: 100%;
}

a.unbordered img
{
	border-style:none;
}

div.clear_both
{
	clear: both;
}

/* 01 Left Nav Layouts */
.left
{
	float:left;
	width:260px;
	margin-right:20px;
}

a.leftnav 
{
	color:#fae7f1;
	font-weight:bold;
	font-size:13pt;
	text-decoration:none;
}

ul.leftnav
{
  list-style: none;
  /*padding-left:20px;*/
}

ul.leftnav li
{
	padding-bottom:10px;
}

ul.leftnav li:hover
{
	list-style-image: url("/images/fb_bullet.png");
}

div.leftnav_top
{
	background-image: url("/images/bg_leftnav-top.png");
	background-repeat: no-repeat;
	height:14px;
}

div.leftnav_mid
{
	background-image: url("/images/bg_leftnav-mid.png");
	background-repeat: repeat-y;
	padding:3px;
}

div.leftnav_base
{
	background-image: url("/images/bg_leftnav-base.png");
	background-repeat: no-repeat;
	vertical-align:top;
}

div.leftnav
{
	width:231px;
	margin-left:29px;
}

img#rba_2010
{
	margin-top: 5px;
	margin-bottom: 5px;
}

img#giag_2010
{
	margin-left:29px;
	margin-top: 5px;
	margin-bottom: 5px;
}

img#banner_questions
{
	margin-top:5px;
	margin-bottom:5px;
}

img#dazed_404
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 437px;
    height: 512px;
}

/* 02 Centre/Right Content Layouts */
.right 
{
	float:left;
	width:690px;
}

#content 
{
	color:#e49ec4;
	font-size:9pt;
	text-decoration:none;
}

#content a, #content a:hover, #content a:active 
{
	color:#b31665;
	text-decoration:underline;
}

#content h1
{
	color:#e56aae;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
}

#contentleft
{
	float:left;
	width:500px;
}

#contentleft_top
{
	background-image: url("/images/bg_centrepanel-top.png");
	background-repeat: no-repeat;
	height:15px;
}

#contentleft_banner
{
	margin:9px auto auto 7px;
}

#contentleft_mid
{
	background-image: url("/images/bg_centrepanel-mid.png");
	background-repeat: repeat-y;
	padding: 3px 10px 3px 10px;
}

#contentleft_mid .rightmost 
{
	padding-left: 380px;
}

#contentleft_base
{
	background-image: url("/images/bg_centrepanel-base.png");
	background-repeat: no-repeat;
	vertical-align:top;
}

#contentright
{
	float:left;
	width:177px;
	margin-left:13px;
}

#contact_right
{
	float:left;
	width:173px;
	margin-left:17px;
}

#contact_right_top
{
	background-image: url("/images/img_rightcolum-top.png");
	background-repeat: no-repeat;
	height:12px;
}

#contact_right_mid
{
	background-image: url("/images/img_rightcolum-mid.png");
	background-repeat: repeat-y;
}

#contact_right_mid h1
{
	color:#e56aae;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
	font-family:helvetica condensed;
}

#contact_right_details
{
	padding: 10px 0px 10px 7px;
}

#contact_right_base
{
	background-image: url("/images/img_rightcolum-base.png");
	background-repeat: no-repeat;
	vertical-align:top;
}

/* 02a Wide-Aspect Centre/Right Content Layouts */
#contentwide
{
	float:left;
	width:687px;
}

#contentwide_top
{
	background-image: url("/images/bg_wide-centrepanel-top.png");
	background-repeat: no-repeat;
	height:15px;
}

#contentwide_mid
{
	background-image: url("/images/bg_wide-centrepanel-mid.png");
	background-repeat: repeat-y;
	padding: 3px 10px 3px 10px;
}

#contentwide_base
{
	background-image: url("/images/bg_wide-centrepanel-base.png");
	background-repeat: no-repeat;
	vertical-align:top;
}

/* 02b Narrow-Aspect Centre/Right Content Layouts */
#contentleft_narrow
{
	float:left;
	width:450px;
}

#contentleft_narrow_top
{
	background-image: url("/images/narrow/bg_narrow-centrepanel-top.png");
	background-repeat: no-repeat;
	height:15px;
}

#contentleft_narrow_mid
{
	background-image: url("/images/narrow/bg_narrow-centrepanel-mid.png");
	background-repeat: repeat-y;
	padding: 3px 10px 3px 10px;
}

#contentleft_narrow_base
{
	background-image: url("/images/narrow/bg_narrow-centrepanel-base.png");
	background-repeat: no-repeat;
	vertical-align:top;
}

.contentright_narrow
{
	float:left;
	width:234px;
	margin-left:6px;
}

.contentright_narrow .photo
{
	background-image: url("/images/istockphotos/bg_istockphoto.png");
	background-repeat: no-repeat;
	height:194px;
	padding: 6px;
}

.contentright_narrow #banner_locations
{
	margin-left:2px;
}

.contentright_narrow_top
{
	background-image: url("/images/narrow/bg-narrow_rightcolum-top.png");
	background-repeat: no-repeat;
	height:12px;
}

.contentright_narrow_mid
{
	background-image: url("/images/narrow/bg-narrow_rightcolum-mid.png");
	background-repeat: repeat-y;
}

#contentright_details
{
	padding: 1px 6px 1px 6px;
}

.contentright_narrow_base
{
	background-image: url("/images/narrow/bg-narrow_rightcolum-base.png");
	background-repeat: no-repeat;
	vertical-align:top;
}

/* 03 Top Nav */
#AddToAny
{
	float:right;
	padding: 4px 16px 0 44px;
	height: 25px;
}

#navigationBar
{
	background:transparent url('/images/bg_topnav.png') no-repeat left top;
	height:92px;
	width:690px;
	margin-top:9px;
	margin-bottom:25px;
	float:right;
}

#navigationBarInner
{
	/*
	We use this element to position the elements contained within relative to one another,
	while still allowing the outer element to float in the page (as hitherto).
	*/
	position:relative;
}

#navigationBar #newgraphic
{
	position:absolute;
	z-index: 0;
	left: 128px;
	top: -8px;
}

#navigationBar ul
{
	list-style-type:none;
	height:47px;
	width:640px;
	padding: 0px;

	position:absolute;
	top:5px;
	left:28px;
	z-index:1;
}

#navigationBar ul li
{
	display:inline;
	list-style-type: none;
}

#navigationBar ul li a
{background-image:url("/images/sprite_topnav.png");display:block;float:left;height:47px;text-indent:-9999px;}

#navigationBar ul li a#nav1
{width:120px;}

#navigationBar ul li a#nav2
{background-position:-120px 0;width:183px;}

#navigationBar ul li a#nav3
{background-position:-303px 0;width:160px;}

#navigationBar ul li a#nav4
{background-position:-463px 0;width:177px;}

#navigationBar ul li a#nav1:hover
{background-position:0 -47px;}

#navigationBar ul li a#nav2:hover
{background-position:-120px -47px;}

#navigationBar ul li a#nav3:hover
{background-position:-303px -47px;}

#navigationBar ul li a#nav4:hover
{background-position:-463px -47px;}

/* Common page navigation */
div#page_nav
{
	width: 640px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

a#btn_newer
{
	display:block;
	float:left;
}

a#btn_older
{
	display:block;
	float:right;
}