@charset "UTF-8";
/* -------------------------------- */
/* Standard HTML Tag Reset          */
/* -------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, button, pre, b, strong {
	border:		0px;
	margin:		0px;
	padding:	0px;
}

/* -------------------------------- */
/* Standard HTML Tag Definition     */
/* -------------------------------- */

html, body {
	/*background:	$body_background;*/
	background:		#002128;
	color:			#FFF;
	font-family:	Arial, Helvetica, sans-serif;
	/* font-family:	'Helvetica Neue', Helvetica, Arial, sans-serif; */
	font-size:		12px;
	height:			100%;
	height:			auto !important;
	/*text-align:	$body_text_align;*/
	text-align:		left;
	width:			100%;		
	-webkit-text-size-adjust: none; /* Turn off font resizing */
}

h1 { font-size: 24px; }

h2 { font-size: 18px; }

h3 { font-size: 13px; }

/* -------------------------------- */
/* Page Container                   */
/* -------------------------------- */

#container_home {
	background:		url(../uploads_b/templates/bkgd_repeat.jpg) repeat-x;
	height: 		100%;
	/*height:			auto !important;*/
	/*
	left:			$container_left;
	overflow:		$container_overflow;
	position:		$container_position;
	right:			$container_right;
	top:			$container_top;  	
	text-align:		$container_text_align;
	*/
	left:			0px;
	overflow:		hidden;
	position:		relative;
	right:			0px;
	top:			0px;  	
	text_align:		left;
	width:			100%;	
}

/*
#container {
	height: 		$container_height;
	height:			auto !important;
	min-height:		$container_min_height;
	left:			$container_left;
	overflow:		$container_overflow;
	position:		$container_position;
	right:			$container_right;
	top:			$container_top;  	
	text-align:		$container_text_align;
	width:			100%;	
}
*/

#bkgd {
	background:		url(../uploads_b/templates/bkgd_visual.jpg) no-repeat;
	height:			905px;
	/*
	height:			100%;
	height:			auto !important;	
	left:			$bkgd_left;
	position:		$bkgd_position;
	top:			$bkgd_top;  
	width:			$bkgd_width;
	z-index:		$bkgd_z_index;
	*/	
	left:			0px;
	overflow:		hidden;
	position:		absolute;
	right:			0px;
	top:			0px;
	width:			100%;
	z-index:		0;  
}

#bkgd ul {
	list-style:		none;
}

/* -------------------------------- */
/* Main Navigation                  */
/* -------------------------------- */

#main_nav_bkgd {
	/*background:	$main_nav_bkgd_background;*/
	display:	block;
	/*
	font-size:	$main_nav_bkgd_font_size;
	height:		$main_nav_bkgd_height;
	left:		$main_nav_bkgd_left;
	position:	$main_nav_bkgd_position;
	right:		$main_nav_bkgd_right;
	text-align:	$main_nav_bkgd_text_align;
	top:		$main_nav_bkgd_top; 
	width:		$main_nav_bkgd_width;	 
	z-index:	$main_nav_bkgd_z_index;
	*/	
	height:		28px;
	left:		340px; /* 390 - 50 */
	position:	absolute;
	right:		0px;
	text-align:	left;
	top:		24px;
	width:		100%;
	z-index:	3;
}

#main_nav {
	display:	block;
	/*
	font-size:	$main_nav_font_size;
	height:		$main_nav_height;
	*/
	height:		28px;
	position:	relative;
	/*	
	text-align:	$main_nav_text_align;
	width:		$main_nav_width;
	*/	
	text-align:	left;
	width:		635px; /* 585 + 50 */
}

#main_nav ul {
	clear:				right; /* Drop Down Menu */
	list-style-type:	none; /* Drop Down Menu */
	margin:				0px;
	padding:			0px;
}

#main_nav ul li {
	display:	inline;
	float:		right; /* Drop Down Menu */
	list-style:	none;
	margin:		0px 0px 0px 50px;
	padding:	0px;
	position:	relative;
}

#main_nav ul li a {	
	display:			block; /* Drop Down Menu */
	margin:				0px;
	padding:			0px;
	text-decoration:	none;
}

#main_nav ul li a img {	
	margin:		0px;
	padding:	0px;
}

/* -------------------------------- */
/* Lava Lamp Navigation             */
/* -------------------------------- */

#lava {
	/* background:	#99CCFF; */
	/* font-family:	georgia; */
	/* font-size:	14px; */
	height:		40px;
	position:	relative; /* you must set it to relative, so that you can use absolute position for children elements */
	/*text-align:	center; */
	width:		700px;
}

#lava a {
	/* text-decoration: none; */
}
		
#lava ul {
	display:	inline;
	list-style:	none;
	left:		54px;
	margin:		0; 
	padding:	0; 
	position:	absolute; /* position absolute so that z-index can be defined */
	top:		0;
	z-index:	5; /* should be higher than #box */
}
	
#lava ul li {
	float:		left; /* display the list item in single row */
	margin:		0px 58px 0px 0px; /* give some spaces between the list items */
}
	
#lava #box {
	/* background:	#ccc; image of the right rounded corner */
	left:			0; 
	height:			28px;
	/* margin-left:	-10px; self-adjust negative margin to make sure the box display in the center of the item */
	padding-right:	0px; /* add padding 8px so that the tail would appear */
	position:		absolute; /* position absolute so that z-index can be defined and able to move this item using javascript */
	top:			0; 
	z-index:		4; /* should be lower than the list menu */
}
	
#lava #box .head {
	/* background:	#006699; image of the left rounded corner */
	/* border-bottom:	#5a4d47 3px solid; */
	background:	url(../uploads_b/templates/lave_baseline.png) repeat-x bottom;
	height:			28px;
	padding-left:	0px; /* self-adjust left padding to make sure the box display in the center of the item */
}
	
/* -------------------------------- */
/* Drop Down Menu                   */
/* -------------------------------- */

#main_nav ul li ul { /* 1st sub level menu */
	/* background-color:$main_nav_ul_li_ul_background_color; */
	display: 			block;
	/* font-size: 		$main_nav_ul_li_ul_font_size; */
	left: 				0;
	margin:				0px;
	padding:			0px;
	position: 			absolute;
	top: 				1em; /* no need to change, as true value set by script */
	visibility:			hidden;	
}

#main_nav ul li ul li { /* Sub level menu list items (undo style from Top level List Items) */
	/* display:	list-item; */
	float:		none;
	margin:		0px;
	padding:	0px;	
}

#main_nav ul li ul li a { /* Sub level menu links style */
	/* border-top:		$main_nav_ul_li_ul_li_a_border_top; */
	/* color:			$main_nav_ul_li_ul_li_a_color; */
	/* display:			block; */
	margin:				0px;
	padding:			0px;
	text-decoration:	none;
	/* width:			$main_nav_ul_li_ul_li_a_width; width of sub menu levels - both side padding */
}

#main_nav ul li ul li a img {
	margin:		0px;
	padding:	0px;
}

#main_nav ul li ul li ul { /* All subsequent sub menu levels offset after 1st level sub menu */
	left:	159px; /* no need to change, as true value set by script */
	top:	0;
}

#main_nav ul li ul li a:hover {
	/* background-color:	$main_nav_ul_li_ul_li_a_hover_background_color; */
	/* color: 				$main_nav_ul_li_ul_li_a_hover_color; */
}

#main_nav ul li ul li a:active {
	/* color: 				$main_nav_ul_li_ul_li_a_active_color; */
}

#main_nav .mainfoldericon { /* Background image for top level menu list links */
	/*	background:	#F3F3F3 url(media/arrow-down.gif) no-repeat center right; */
}

#main_nav .subfoldericon { /* Background image for subsequent level menu list links */
	/* background:	#afc7d3 url(../uploads/template/arrow-right.gif) no-repeat center right; */
	margin-bottom:	0;
}

/*
* html p#iepara { padding-top: 1em; } For a paragraph (if any) that immediately follows dropdown menu, add 1em top spacing between the two in IE
*/

/* -------------------------------- */
/* Section Title                    */
/* -------------------------------- */

/* 
#section_title {
	background:	url(../images/main_visual_repeat.png) repeat-y;
	text-align: center;
}
*/
 
/* -------------------------------- */
/* Content Wrapper                  */
/* -------------------------------- */

/*
#content_home {
	background:	url(../uploads_b/templates/content_home_repeat.png) repeat-y;
	display:	block;
	height: 		100%;
	height:		auto !important;
	height:		300px;
	min-height:	300px;
	width:		auto;
}

#content_sitemap {
	background:	url(../uploads_b/templates/content_sitemap_repeat.png) repeat-y;
	display:	block;
	height: 	100%;
	height:		auto !important;
	width:		auto;
}

#content_d_colour {
	background:	url(../uploads_b/templates/content_general_repeat.png) repeat-y;
	display:	block;
	height: 	100%;
	height:		auto !important;
	width:		auto;
}
*/

/* -------------------------------- */
/* Home Content - only for homepage */
/* -------------------------------- */

#flash_video {
	/*
	height:		$flash_video_height; 
	position:	$flash_video_position;
	top:		$flash_video_top;
	width:		$flash_video_width;
	z-index:	$flash_video_z_index;
	*/
	height:		325px; 
	left:		0px;
	position:	absolute;
	top:		176px;
	width:		271px;
	z-index:	1;
}

#top_spacer {
	display:	block;
	height:		288px;
	left:		0px;
	position:	relative;
	top:		0px;
	width:		586px;
	z-index:	2;
}

#home_motifs {
	display:	block;
	height:		214px;
	margin:		0px 0px 0px 390px;
	position:	relative;
	width:		586px;
	z-index:	2;
}

#home_motifs h1 {	
	background:	url(../uploads_b/templates/thumbnail_base_01.png) no-repeat;
	display:	block;
	float:		left;
	height:		147;
	margin:		0px 1px 0px 0px;
	padding:	4px;
	position:	relative;
	width:		292;	
}

#home_works {
	display:	block;
	height:		auto !important;
	height:		700px;
	min-height:	700px;
	margin:		0px 0px 0px 390px;
	position:	relative;
	width:		586px;
	z-index:	2;
}

#home_works h1 {
	background:	url(../uploads_b/templates/thumbnail_base_01.png) no-repeat;
	display:	block;
	float:		left;
	height:		147;
	margin:		0px 1px 1px 0px;
	padding:	4px;
	position:	relative;
	width:		292;	
}

#home_works h2 {
	background:	url(../uploads_b/templates/thumbnail_base_02.png) no-repeat;
	display:	block;
	float:		left;
	height:		147;
	margin:		0px 1px 1px 0px;
	padding:	4px;
	position:	relative;
	width:		585;	
}

#home_works h3 {
	background:	url(../uploads_b/templates/thumbnail_base_03.png) no-repeat;
	display:	block;
	float:		left;
	height:		295;
	margin:		0px 1px 1px 0px;
	padding:	4px;
	position:	relative;
	width:		585;	
}

#home_works h4 {
	float:		right;
	padding:	5px 0px 0px;
}

#home_news {
	display:	block;
	margin:		24px 0px 20px 390px;
	position:	relative;
	width:		586px;
	z-index:	2;
}

#home_news h4 {
	float:		right;
	padding:	5px 0px 0px;
}

#home_news li {
	background:		url(../uploads_b/templates/news_dotline.png) no-repeat left bottom;
	list-style:		none;
	padding:		14px 4px;
}

/*
#home_news li h1 {
	color:			#8c9b9e;
	font-size:		15px;
	font-weight:	normal;
	letter-spacing:	1pt;
	padding-bottom:	4px;
}
*/

.news_title {
	color:			#8c9b9e;
	font-size:		15px;
	font-weight:	normal;
	letter-spacing:	1pt;
	padding-bottom:	4px;
}

/*
#home_news li h3 {
	color:			#586568;
	font-size:		11px;
	font-style:		italic;
	font-weight:	normal;
	padding-bottom:	10px;
}
*/

.news_date {
	color:			#586568;
	font-size:		11px;
	font-style:		italic;
	font-weight:	normal;
	padding-bottom:	10px;
}

#home_news li p {
	color:			#929292;
	font-size:		11px;
	font-weight: 	lighter;
	letter-spacing:	1pt;
	padding-bottom:	9px;
}

#home_news li p img {
	margin-top:	5px;
}

#home_footer {
	display:	block;
	height:		71px;
	margin:		0px;
	position:	relative;
	overflow: 	hidden;
	width:		100%;
	z-index:	5;
}

#footer_content {
	display:	block;
	padding:	0px 0px 0px 48px;
	position:	relative;
	width:		992px;
	z-index:	50;
}

#footer_content p {
	color:			#929292;	
	font-size:		10px;
	padding-top:	22px;
}

#footer_content p a {
	color:				#929292;
	text-decoration:	none;
}

#footer_content h2 {
	float:		right;
}

/*
#banner_ad {
	left:		$banner_ad_left;
	position:	$banner_ad_position;
	top:		$banner_ad_top;
	z-index:	$banner_ad_z_index;
}

#banner_ad ul {
	list-style:	none;
}

#home_footer {
	background:	$home_footer_background;
	display:	block; 
	height:		$home_footer_height;
	padding:	$home_footer_padding; 
	position:	$home_footer_position;
	top:		$home_footer_top;
	width:		$home_footer_width;
	min-width:	990px;
	z-index:	$home_footer_z_index;
}

#home_display {
	background:	url(../uploads_b/templates/index_display_tc.png) no-repeat;
	display:	block; 
	float:		left;
	height:		113px; /* 139px - 26px (padding-top)
	padding:	26px 0px 0px 21px;
	width:		374px; /* 395px - 21px (padding-left)
}

#home_display_hit {
	display:	block; 
	height:		139px;
	left:		20px;
	position:	absolute;
	top:		30px;
	width:		395px;
	z-index:	1;
}

#home_download {
	display:	block; 
	float:		left;
	height:		139px;
	width:		375px;
}

#home_links {
	display:	block; 
	float:		left;
	height:		116px;
	padding:	19px 0px 0px 10px;
	position:	relative;
	width:		176px;
	z-index:	2;
}

#home_links_hide {
	display:	block; 
	height:		330px;	
	left:		780px;
	position:	absolute;
	top:		20px;
	visibility:	hidden;
	width:		230px;
	z-index:	1;
	
}

#home_links_popup {
	background:	url(../uploads_b/templates/popup_top.png) no-repeat;
	display:	block; 
	left:		839px;
	padding:	3px 0px 0px 6px;
	position:	absolute;	
	top:		151px;
	visibility:	hidden;
	width:		109px;
	z-index:	3;	
}

#home_news {
	background:	$home_news_background;
	font-size:	$home_news_font_size;
	height:		$home_news_height;
	left:		26px;
	padding:	$home_news_padding;
	position:	absolute;	
	top:		180px;
	width:		$home_news_width;	
}

#home_news ul {
	list-style:	none;
}

#home_news ul li a {
	color:				#555b5f;
	text-decoration:	none;
}

#home_news ul li a:hover {
	color:				#656c71;
	text-decoration:	underline;
}

#home_news ul li a:active {
	color:				#555b5f;
	text-decoration:	none;
}

#home_copyright {
	color:		#929292;
	font-size:	11px;
	left:		30px;
	position:	absolute;
	top:		228px;
}

#home_copyright a {
	color:				#929292;
	text-decoration: 	none;
}

#home_copyright a:hover {
	text-decoration: underline;
}

*/

/*

#home_news h1 {
	background:		url(../images/home_title_news_en.png) no-repeat top left;
	color:			$home_news_h1_color;
	font-size:		$home_news_h1_font_size;
	margin:			$home_news_h1_margin;
	overflow:	hidden; // hide the text out of visible area
	text-indent:	-9999px; // move the text out of visible area
}

#home_news #list_d_header_text {
	background:	url(../uploads_b/templates/home_dotline.gif) repeat-x bottom left;
	padding:	$home_news_header_text_padding;
}

#home_news #list_d_header_text a {
	color:				$home_news_header_text_a_color;	
	line-height:		$home_news_header_text_a_line_height;
	text-decoration:	none;
}

#home_news #list_d_header_text a:hover {
	text-decoration:	underline;
}

#home_news #list_d_header_text strong {
	color:			$home_news_header_text_strong_color;
	font-weight:	bold;	
}

#home_news_more {
	padding:	6px 0px 0px 0px;
}

*/

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

/*

#home_events {
	float:			right;
	font-size:		$home_events_font_size;
	height:			170px;
	height:			auto !important;
	min-height:		170px;
	width:			$home_events_width;
}

#home_events h1 {
	background:		url(../images/home_title_events_en.png) no-repeat top left;
	margin:			$home_events_h1_margin;
	overflow:		hidden; // hide the text out of visible area
	text-indent:	-9999px; // move the text out of visible area
}

#home_events #list_d_header_image {
	float:		left;
	margin:		$home_events_header_image_margin;
}
	
#home_events #list_d_header_image img {
	border: 	$home_events_header_image_img_border;
}

#home_events #list_d_header_text {
	background:	url(../uploads_b/templates/home_dotline.gif) repeat-x 10px bottom;
	display: 	block;
	float:		left;	
	padding:	$home_events_header_text_padding;
	width: 		$home_events_header_text_width;
}

#home_events #list_d_header_text a {
	color:				$home_events_header_text_a_color;
	line-height:		$home_events_header_text_a_line_height;
	text-decoration:	none;
}
	
#home_events #list_d_header_text a:hover {
	text-decoration:	underline;
}

#home_events #list_d_header_text strong {
	color:			$home_events_header_text_strong_color;
	font-weight:	bold;
}

#home_events_more {
	margin:	-4px 0px 0px 0px;
}

*/

/* -------------------------------- */
/* Sub Navigation                   */
/* -------------------------------- */

/*

#sub_nav {
	display:	block;
	float:		left;
	font-size:	$sub_nav_font_size;
	width:		$sub_nav_width;
}

#sub_nav ul {
	display:	block;
	margin:		$sub_nav_ul_margin;
	width:		$sub_nav_ul_width;
}

#sub_nav ul li {	
	display:	block;
	list-style:	none;
}

#sub_nav ul li a {
	background:			$sub_nav_ul_li_a_background; // d_scheme_xxx.css
	color:				$sub_nav_ul_li_a_color;
	display:			block;
	font-weight:		bold;
	padding:			$sub_nav_ul_li_a_padding;
	text-decoration:	none;
	width:				$sub_nav_ul_li_a_width;	
}

#sub_nav ul li a:hover { color: $sub_nav_ul_li_ahover_color; }

#sub_nav ul li a:active { color: $sub_nav_ul_li_a_color; }
 
#sub_nav ul .sub_nav_list {
	margin:			0px 0px 0px 0px;
}

#sub_nav ul .sub_nav_list li a {
	background:		$sub_nav_list_li_a_background;
	border-left:	none !Important;
	color: 			$sub_nav_list_li_a_color;
	display:		block;
	font-weight:	lighter;
	font-style:		italic;
	padding:		$sub_nav_list_li_a_padding;
	width:			$sub_nav_list_li_a_width;	
}

#sub_nav ul .sub_nav_list li a:hover { color: $sub_nav_list_li_ahover_color; }

#sub_nav ul .sub_nav_list li a:active { color: $sub_nav_list_li_a_color; }

#sub_nav ul .sub_current a {	
	background:		$sub_current_a_background;	
	border-left:	$sub_current_a_border_left; // d_scheme_xxx.css
	color:			$sub_current_a_color;
	display:		block;
	padding:		$sub_current_a_padding;
	width:			$sub_current_a_width;
}

#sub_nav ul .sub_current a:hover {	
	color:	$sub_current_a_color;
}

*/

/* -------------------------------- */
/* Main Content                     */
/* -------------------------------- */

#main_content {
	/* color:		$main_content_color; */
	display:		block;
	/* float:		left; */
	/* height: 		100%; */
	height:			auto !important;
	height:			$main_content_height;
	min-height:		$main_content_min_height;
	/* line-height:	$main_content_line_height; */
	/* margin:		$main_content_margin; */
	padding:		$main_content_padding;
	position:		relative;
	/* text-align:	left; */
	width:			$main_content_width; /* d_scheme_xxx.css */
}

/*
#main_content h1 {
	background:			url(../uploads_b/templates/main_content_dot.gif) repeat-x 1px bottom;
	color:				$main_content_h1_colour; // d_scheme_xxx.css
	display:			block;
	font-size:			$main_content_h1_font_size;
	letter-spacing:		0.06em;
	margin:				$main_content_h1_margin;
	padding:			$main_content_h1_padding;	
	text-transform:		uppercase;
}

#main_content h2 {
	color:				$main_content_h2_colour; // d_scheme_xxx.css
	font-size:			$main_content_h2_font_size;
	font-weight:		lighter;
	font-style:			italic;
	margin:				$main_content_h2_margin;
	padding:			$main_content_h2_padding;
}

#main_content h3 {
	background:			url(../uploads_b/templates/main_content_title_icon.gif) no-repeat 0px 2px;
	color:				$main_content_h3_colour; // d_scheme_xxx.css
	font-size:			$main_content_h3_font_size;
	font-weight:		lighter;
	font-style:			italic;
	margin:				$main_content_h3_margin;
	padding:			$main_content_h3_padding;
}

#main_content h5 {
	background:			$main_content_h5_background;
	font-size:			$main_content_h5_font_size;
	margin:				$main_content_h5_margin;
	padding:			$main_content_h5_padding;
}

#main_content h5 a {
	color: 				$main_content_h5_a_color;
	text-decoration:	none;
}

#main_content h5 a:hover { color: $main_content_h5_ahover_color; }

#main_content h5 a:active { color: $main_content_h5_a_color; }
*/

#main_content img { border: $main_content_img_border; }

#main_content b, #main_content strong {
	font-weight:	bold;
}

#main_content a {
	color:				$main_content_a_color;
	text-decoration:	underline;
}

#main_content a:hover { color: $main_content_ahover_color; }

#main_content a:active { color: $main_content_a_color; }

#main_content ol li {
	color:					$main_content_color;
	line-height:			$main_content_line_height;
	list-style-position:	outside;
	margin:					$main_content_ol_li_margin;
	padding:				$main_content_ol_li_padding;
	text-align:				left;
}

#main_content ul li {
	/* background:	$main_content_ul_li_background; */
	color:			$main_content_color;
	line-height:	$main_content_line_height;
	list-style:		none;
	margin:			$main_content_ul_li_margin;
	padding:		$main_content_ul_li_padding;	
	text-align:		left;	
}

/* -------------------------------- */
/* List Customization               */
/* -------------------------------- */

#main_content #list_d_header_image { /* d_scheme_xxx.css */
	background:		$header_image_background;
	float:			$header_image_float;
	height:			$header_image_height;
	margin:			$header_image_margin;
	padding:		$header_image_padding;
	width:			$header_image_width;
}

#main_content #list_d_header_image h1 { /* d_scheme_xxx.css */
	color:			$header_image_h1_color;
	font-size:		$header_image_h1_font_size;
	font-weight:	$header_image_h1_font_weight;
	padding:		$header_image_h1_padding;
}

#main_content #list_d_header_image img {
	border:			$header_image_img_border;
}

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

#main_content #list_d_header_text {
	background:			$header_text_background;
	border:				$header_text_border;
	color:				$header_text_colour;
	display:			$header_text_display;
	float:				$header_text_float;
	font-size:			$header_text_font_size;
	font-style:			$header_text_font_style;
	font-weight:		$header_text_font_weight;
	height:				$header_text_height;
	margin:				$header_text_margin;
	padding:			$header_text_padding;
	width:				$header_text_width;
}

#main_content #list_d_header_text h1 {
	color:				$header_text_h1_color;
	float:				$header_text_h1_float;
	font-size:			$header_text_h1_font_size;	
	font-weight:		$header_text_h1_font_weight;
	padding:			$header_text_h1_padding;	
}

#main_content #list_d_header_text a {
	float:				$header_text_a_float;
	margin:				$header_text_a_margin;
	padding:			$header_text_a_padding;
}

/*
#main_content #list_d_header_text a:hover {
	color:				$header_text_a_hover_colour;
	text-decoration:	$header_text_a_hover_text_decoration;
}

#main_content #list_d_header_text a:active {
	color:				$header_text_a_active_colour;
}

#main_content #list_d_header_text strong {
	background:			$header_text_strong_background;
	color:				$header_text_strong_colour;
	padding:			$header_text_strong_padding;
}
*/

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

#main_content #list_d_images {
	background:		$images_background;	
	float:			$images_float;
	margin:			$images_margin;
	padding:		$images_padding;
	width:			$images_width;
}

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

#main_content #list_d_body_text {
	background:		$body_text_background;	
	color:			$body_text_color;	
	font-size:		$body_text_font_size;	
	font-weight:	$body_text_font_weight;
	height:			auto !important;
	height:			$body_text_height;
	min-height:		$body_text_min_height;
	line-height:	$body_text_line_height;
	padding:		$body_text_padding;
	width:			$body_text_width;
}

#main_content #list_d_body_text a {
	float:			$body_text_a_float;
}

#main_content #list_d_body_text hr {
	background-color:	#d3d3d3;
	border:				0px;
	color:				#d3d3d3;
	height: 			1px;
	margin:				0px;
	padding:			0px;
}

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

#main_content #list_d_abstract {
	background:		$abstract_background;
	color:			$abstract_color;
	display:		$abstract_display;
	font-size:		$abstract_font_size;
	padding:		$abstract_padding;
	width:			$abstract_width;
}


#main_content #list_d_abstract span {
	display:		$abstract_span_display;
	float:			$abstract_span_float;
	font-size:		$abstract_span_font_size;
	margin:			$abstract_span_margin;
	width:			$abstract_span_width;
}

#main_content #list_d_abstract a {
	background:			$abstract_a_background;	
	color:				$abstract_a_color;
	display:			$abstract_a_display;
	float:				$abstract_a_float;
	padding:			$abstract_a_padding;
	text-decoration:	$abstract_a_text_decoration;
	width:				$abstract_a_width;
	
}

#main_content #list_d_abstract a:hover {
	text-decoration:	$abstract_a_hover_text_decoration;
}

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

#main_content #list_d_footer_text {
	border-bottom:		$footer_text_border_bottom;
	font-size:			$footer_text_font_size;
	padding:			$footer_text_padding;
	text-align:			$footer_text_text_align;
}

#main_content #list_d_footer_text a {
	text-decoration:	$footer_text_a_text_decoration;
}

#main_content #list_d_footer_text img {
	border:				$footer_text_img_border;
}

/* -------------------------------- */
/* Album Customization              */
/* -------------------------------- */

#main_content #album_d_header_text {
	background:		$album_header_text_background;
	color:			$album_header_text_colour;
	font-size:		$album_header_text_font_size;
	font-style:		$album_header_text_font_style;
	font-weight:	$album_header_text_font_weight;
	padding:		$album_header_text_padding;
}

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

#main_content #album_d_abstract {
	padding:		$album_abstract_padding;
}

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

#main_content #album_d_images {
	padding:		$album_images_padding;
	text-align:		$album_images_text_align;
}

#main_content #album_d_images a:hover img {
	border: 		$album_images_ahover_img_border;
	cursor:			url(../images/zoom.cur); /* For IE Only */
}

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

#main_content #album_d_footer_text {
	text-align:		$album_footer_text_text_align;
}

/* -------------------------------- */
/* Breadcrumb                       */
/* -------------------------------- */

#d5_breadcrumb {
	margin-left:	$d5_breadcrumb_margin_left; /* width of sub-nav + main content margin */
	padding-top: 	$d5_breadcrumb_padding_top;
}

#d5_breadcrumb ul li {
	color:			$d5_breadcrumb_ul_li_color;
	display:		inline;
	font-size:		$d5_breadcrumb_ul_li_font_size;
	list-style:		none;
	padding-right:	$d5_breadcrumb_ul_li_padding_right;
}

#d5_breadcrumb ul li a {
	color:				$d5_breadcrumb_ul_li_color;
	text-decoration:	none;
}

#d5_breadcrumb ul li a:hover {
	color:				$d5_breadcrumb_ul_li_ahover_color;
	text-decoration:	underline;
}

/* -------------------------------- */
/* Back to Top                      */
/* -------------------------------- */

#back_to_top {
	background:	$back_to_top_background;
	color: 		$back_to_top_color;
	display:	block;
	margin:		$back_to_top_margin;
	padding:	$back_to_top_padding;
	text-align:	right;
}

#back_to_top_sitemap {
	background:	$back_to_top_background;
	color: 		$back_to_top_color;
	display:	block;
	margin:		$back_to_top_sitemap_margin;
	padding:	$back_to_top_sitemap_padding;
	text-align:	right;
}

#back_to_top a, #back_to_top_sitemap a {
	background:			$back_to_top_a_background;
	color: 				$back_to_top_a_color;
	font-size:			$back_to_top_a_font_size;
	padding: 			$back_to_top_a_padding;
	text-decoration:	none;
}

#back_to_top a:hover, #back_to_top_sitemap a:hover { color: $back_to_top_ahover_color; }

#back_to_top a:active, #back_to_top_sitemap a:active { color: $back_to_top_a_color; }

/* -------------------------------- */
/* Floating Item                    */
/* -------------------------------- */

#floating_item {
	float:			right;
}

#float_image {
	margin:			4px 0px 0px 0px;
	padding-bottom:	6px;
	text-align:		right;
}

#float_attachment {
	border:			solid 1px #c3c59d;
	margin:			0px 27px;
	padding:		5px 16px 18px 0px;
	width: 			199px;
}

#float_attachment h4 {
	background:		#dfe2bd url(../uploads_b/templates/download_icon.png) no-repeat 12px center;
	border-bottom:	solid 1px #c3c59d;
	color:			#5d5e4e;
	display:		block;
	font-size:		12px;
	margin-bottom:	8px;
	padding:		8px 0px 10px 40px;
	text-align:		left;
}

#float_attachment hr {
	background-color:	#c3c59d;
	border:				0px;
	color:				#c3c59d;
	height: 			1px;
	margin:				16px 15px 10px 15px;
}

#float_attachment img {
	border:		none !Important;
}

/* ----------------------------------- */
/* Spacer - solve Wrapper height issue */
/* ----------------------------------- */

#spacer {
	clear:		both;
	display:	block;
}

/* -------------------------------- */
/* Footer                           */
/* -------------------------------- */

#footer {
	/* background:	$footer_background; */
	/* font-size:	$footer_font_size; */
	margin:			$footer_margin;
	overflow:		$footer_overflow;
	padding:		$footer_padding;
	position:		relative;
	text-align:		$footer_text_align;
	width:			100%;
	z-index:		$footer_z_index;
}

/*
#footer p {
	color:			$footer_p_color;
}

#footer ul {
	padding:		$footer_ul_padding;
	text-align:		center;
}

#footer ul strong {	
	color:			$footer_ul_strong_color;
	font-weight:	lighter;
	padding:		0 5px;
}

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

#footer ul li a {	
	color:			$footer_p_color;	
	text-decoration:none;
	text-transform:	uppercase;
}

#footer ul li a:hover { color: $footer_ahover_color; }

#footer ul li a:active { color: $footer_p_color; }

#footer ul li a strong {	
	color:			$footer_p_color;
	font-weight:	bold;
}

#footer ul li a:hover strong { color: $footer_ahover_color; }

#footer ul li a:active strong { color: $footer_p_color; }

#footer h4 {
	background:		url(../uploads_b/templates/dot_repeat.gif) repeat-x center center;
	display:		block;
	height: 		2px;
	margin:			4px auto 6px;
	text-indent:	-9999px;
	width: 			$footer_h4_width; // width of dot line
}
*/

/* -------------------------------- */
/* Pagination                       */
/* -------------------------------- */

#main_content  #pagination {
	background: 	none;
	margin:			3px 0 0 25px;
}

#main_content  #pagination ul {
	background: 	none;
	margin:			0px;
	padding:		0px;
}

#main_content  #pagination li {
	background:		none;
	display:		inline;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
	list-style:		none;
	margin:			0px 2px 0px 0px;
	padding:		0px;
}

#main_content  #pagination a {
	background: 	none;
	border:			solid 1px #888;
	margin-right:	2px;
}

#main_content  #pagination .previous_off, #main_content  #pagination .next_off {
	background:		none;
	border:			solid 1px #dedede;
	color:			#888;
	display:		block;
	float:			left;
	font-weight:	bold;
	margin:			0 2px 0 0;
	padding:		2px 4px;
}

#main_content  #pagination .previous a, #main_content  #pagination .next a {
	background: 	none;
	font-weight:	bold;
}

#main_content  #pagination .active {
	background:		#666;
	color:			#fff;
	display:		block;
	float:			left;
	font-weight:	bold;
	margin:			0 2px 0 0;
	padding:		3px 6px;
}

#main_content  #pagination a:link, #main_content  #pagination a:visited {
	background: 	none;
	color:			#444;
	display:		block;
	float:			left;
	margin-right:	2px;
	padding:		2px 5px;
	text-decoration:none;
}

#main_content  #pagination a:hover {
	border:	 		solid 1px #444;
}

/* -------------------------------- */
/* Album Pagination                 */
/* -------------------------------- */

#main_content #album_pagination {	
	padding:			8px 0px 2px;
	text-align:			center;
}

#main_content #album_pagination ul li {
	background:			none;
	display:			inline;
	font-size:			9px;
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

#main_content #album_pagination span {
	background:			#666;
	border:				solid 1px #666;
	color:				#fff;
	font-weight:		bold;
	margin:				0px;
	padding:			2px 4px;
}

#main_content #album_pagination a:link, #main_content #album_pagination a:visited {
	background: 		none;
	border:				solid 1px #888;
	color:				#444;
	font-weight:		bold;
	margin:				0px;
	padding:			2px 4px;
	text-decoration:	none;
}

#main_content #album_pagination a:hover {
	background:			#c5ce97;
	border: 			solid 1px #444;
}

#main_content #album_pagination .previous img, #main_content #album_pagination .next img {
	vertical-align:		middle;
}

#main_content #album_pagination .previous a, #main_content #album_pagination .next a {
	background: 		none !Important;
	border:				none !Important;
	margin:				0px !Important;
	padding:			0px !Important;
	text-decoration:	none !Important;
}

#main_content #album_pagination .previous a:link, #main_content #album_pagination .next a:link {
	background: 		none !Important;
	border:				none !Important;
	margin:				0px !Important;
	padding:			0px !Important;
}

#main_content #album_pagination .previous a:visited, #main_content #album_pagination .next a:visited {
	background: 		none !Important;
	border:				none !Important;
	margin:				0px !Important;
	padding:			0px !Important;
}

/* -------------------------------- */
/* Drop-down Menu                   */
/* -------------------------------- */

#drop_menu {
	color:			#444;
	float:			right;
	font-family:	Arial, Helvetica, sans-serif;
	margin-right:	25px;
	text-align:		right;
}

/* -------------------------------- */
/* Table Title of Abstract          */
/* -------------------------------- */

.abstract_title a {
	color:			#000 !important;
	font-family:	Arial, Helvetica, sans-serif !important;
	font-weight:	bold !important;
}

/* -------------------------------- */
/* Back Button                      */
/* -------------------------------- */

#content_d_colour #main_content #back_button_d {
	background:			none;
	height:				25px;
    padding:			0;
	margin-left:		25px;
}

#content_d_colour #main_content #back_button_d ul {
	float:				left;
	list-style-type:	none;
	margin:				0;
	padding:			0;
  	text-align:			center;
}

#content_d_colour #main_content #back_button_d ul li {
	background:			$back_button_background repeat-x top left;
	display:			block;
	float:				left;
	margin:				0;
	padding:			0;
}

#content_d_colour #main_content #back_button_d ul li a {
	background:			$back_button_ul_li_a_background no-repeat top left;
	color:				#FFF;
	cursor:				pointer;
	display:			block;
	float:				left;
	height:				25px;
	line-height:		25px;
  	padding-left:		30px; /* width of the left image + space*/
	text-decoration:	none;
}

#content_d_colour #main_content #back_button_d ul li a span {
	background:			$back_button_ul_li_a_span_background no-repeat top right;
	float:				left;
	height:				25px;
	padding-right:		30px; /* width of the right image + space */
}

#content_d_colour #main_content #back_button_d ul li a:hover {
	color: 				#DDE;
	text-decoration:	none;
}

/* -------------------------------- */
/* cms Home                         */
/* -------------------------------- */

#cmshome {
	background:		url(../uploads_b/templates/content_sitemap_repeat.png) repeat-y;
	height:			300px;
	height:			auto !important;
	min-height:		300px;
	padding:		15px 33px;
}

#cms_title {
	background:		#ccc;
	border: 		solid 1px #bbb;
	font-weight:	bold;
	float:			left;
	height:			23px;
	line-height:	23px;
}

#cms_content {
	float:			left;
	height:			23px;
	height:			auto !important;
	min-height:		23px;
	line-height:	23px;
}

#user_role {
	background:		url(../images/sitemap_user.png) no-repeat top left;
	float:			left;
	height:			23px;
	line-height:	23px;
	padding:		0 0 0 26px;
}

#cms_back_home {
	background:		url(../images/sitemap_home.png) no-repeat top left;
	float:			left;
	height:			23px;
	line-height:	23px;
	margin: 		0 0 0 20px;
	padding:		0 0 0 26px;
}

#log_out {
	background:		url(../images/sitemap_logout.png) no-repeat top left;
	float:			right;
	height:			23px;
	line-height:	23px;
	padding:		0 0 0 26px;
}

#log_out a, #cms_back_home a, #cms_title a, #cms_content a {
	color:				#000;
	text-decoration:	underline;
}

#log_out a:hover, #cms_back_home a:hover, #cms_title a:hover, #cms_content a:hover {
	color:				#3b94d4;
	text-decoration:	underline;
}

#preview {
	background: 	#FF0000;
	border-bottom:	solid 2px #FFF;
	color: 			#fff;
	padding:		5px 0px;
	text-align:		center;
	width:			100%;
}

#preview a { color: #fff; }

#preview a:hover { color: #6e0000; }

#preview a:active { color: #fff; }

/* -------------------------------- */
/* Sitemap                          */
/* -------------------------------- */

#sitemap {
	height:				300px;
	height:				auto !important;
	min-height:			300px;
	padding:			$sitemap_padding;
	line-height:		200%;
}
	
#sitemap ul {
 	list-style-type:	none; 
 	padding-left: 		0;
}

#sitemap ul li {
 	padding-left:		1.1em;
}

#sitemap ul li a {
	color:				#333;
	text-decoration:	underline;
	font-weight:		bold;
	margin-left: 		-1.1em;
 	padding-left: 		1em;
}

#sitemap ul li li a {
	color:				#333;
	text-decoration:	underline;
	font-weight:		normal;	
 	margin-left: 		-1.1em;
 	padding-left: 		1em;
}

#sitemap ul li a:hover {
	color:				$sitemap_ul_li_ahover_color;
}

#sitemap hr {
	background-color:	#bbb;
	border:				0px;
	color:				#bbb;
	height: 			1px;
	margin-top:			8px;
}

/* -------------------------------- */
/* Lightbox                         */
/* -------------------------------- */

.lightbox { /* d_scheme_xxx.css */
	width:	$lightbox_width;
}

.lightbox h1 { /* d_scheme_xxx.css */
	background:	$lightbox_h1_background;
	float:		left;
	padding:	$lightbox_h1_padding;
}

.lightbox h2 { /* d_scheme_xxx.css */
	background:	$lightbox_h2_background;
	color:		#FF0000;
	float:		left;
	font-size:	11px;
	height:		$lightbox_h2_height;
	padding:	$lightbox_h2_padding;
	text-align:	center;
	width:		$lightbox_h2_width;
}