/*
===== CONTENTS =========================

	1: Global
	2: Typography
	3: DIV Containers
	4: Features
	5: Images
	6: Navigation
	7: Breadcrumbs
	8: Footer
	9: Forms/Tables


========================================
*/



/* ===== 1: Global Styles ===== */	

html, body {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: .82em;
	font-weight: normal;
	color: #999999;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 1.4em;
	}

html, body {height: 100%;}

* { padding: 0; margin: 0;}

a img, img a {border: none;}

.left {float: left}

.right {float: right}

.clear {width: 100%; clear: both;}

.logo {float: left;}

.bar {position: absolute; left: 0; top: 0; height: 125px; border-left: 5px solid #CE000A; z-index:3}
.home .bar {height: 260px}

.highlight {color: #CE000A}

.pdf {background: url(../images/ico_pdf.gif) left center no-repeat; padding: 3px 0 3px 20px}

#content_100 img, #content img {margin-bottom: 20px;}

.list {list-style-type: none;}
.list li {padding: 2px 0 2px 8px; background: url(../images/ico_list.gif) left center no-repeat}
.list .none {padding: 0; background: none} 
.list h3 {margin-top: 0}

a:link.back, a.back, a:visited.back, a:active.back, a.more, a:link.more, a:visited.more, a:active.more {margin-top: 30px; padding-left: 10px; float: left; color: #FFFFFF; text-decoration: none;}
a:hover.back, a:hover.more {text-decoration: underline}

.BtFindMore {
	background-color:#1A4045;
	height:17px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	text-align:right;
}



/* ===== 2: Typography ===== */

a, a:visited, a:active {color: #7F7F7F}

a:hover {color: #000}

h1 {	
	color: #999999;
	font-size: 2.3em;
	padding: 5px 0 20px 0;
	font-weight: normal;
	}
	
h3  {
	font-size: 1.1em;
	color: #999999;
	margin: 30px 0 5px 0;
	}
	
h3 a, h3 a:visited, h3 a:active, h3 a:hover {color: #282828}
	
p {margin: 0 0 10px 0;}




/* ===== 3: DIV Styles ===== */

#header {
	width: 750px;
	margin: 10px auto 0 auto;
	position: relative;
	height: 52px;
	}
	
#banner {
	width: 100%; 
	position: relative;
}

.home {
}
.global {background: url(d../images/img_global_banner.jpg) top center repeat-x; height: 125px;}
.heritage {background: url(d../images/img_heritage_banner.jpg) top center repeat-x; height: 125px;}
.foodWine {background: url(d../images/img_foodWine_banner.jpg) top center repeat-x; height: 125px;}
.library {background: url(d../images/img_library_banner.jpg) top center repeat-x; height: 125px;}
.venues {background: url(d../images/img_venues_banner.jpg) top center repeat-x; height: 125px;}
.visiting {background: url(d../images/img_visiting_banner.jpg) top center repeat-x; height: 125px;}
.whatsOn {background: url(d../images/img_whatsOn_banner.jpg) top center repeat-x; height: 125px;}


#banner .logo {
	position: absolute; 
	right: 0; 
	top: 0; 
	z-index: 2; 
	background: #000; 
	height: 125px;
	}
#banner.home .logo {height: 195px}
	
#global_nav {
	position: absolute;
	top:15px; 
/*	right: 0px;*/
	width: 450px;
	text-align: left;
	text-transform: uppercase;
	font-size: .9em;
	background: #FFF;
	margin-left:200px;
	}
	
#content_container {
	width: 750px;
	text-align: left;
	position: relative;
	clear: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#navigation {
	width: 150px;
	padding-right: 18px;
	float: left;
	font-size: .9em;
	font-family: verdana;
	margin-top: 30px;
	height: 100%;
	display: block;


	}
	

#content {
	width: 382px;
	float: left;
	padding:28px 0px 0px 17px;
	}
	
#content.home {
	width: 380px;
}
	
#content_100 {
	width: 580px;
	float:left;
	}
	
#features {
	width: 180px;
	float: right;
	margin-top: 30px;

	}

#images {
	width: 145px;
	margin-top: 30px;
	float: right;
	}
	
#footer {
	text-transform: uppercase;
	font-size: 0.9em;
	text-align:right;
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 750px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	}
#legal {
	height:20px;
	width:750px;
	background-color:#666666;
	text-align:right;
	padding-top:5px;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ===== 4: Features ===== */

.feature {
	margin-bottom: 3px;
	clear:both;
	float:right;
}

	
/* ===== 5: Images ===== */

#images img {float: left;}
	
#images td {padding: 0 0 1px 0;}



/* ===== 6: Navigation ===== */

#sidenav {
	width:150px;
	float:left;
	
	}

#navigation ul {
	width: 150px;
	list-style-type: none;
	float: left;
	background: #FFF;
	text-transform: uppercase;
	}

#navigation ul li {
	position: relative;
	float: left;
	width: 150px;
}

#navigation ul li a {
	display: block;
	padding: 2px 10px 0px 20px;
	color: #282828;
	text-decoration: none;
	font-weight: normal;
	}
	
#navigation ul li a:hover, #navigation ul li a.homeCurrent{
	color: #FFF;
	font-weight: bold;
	background: url(../images/bg_nav_on.gif) 0px 0px no-repeat;
	background-color: #1A4045;
	}
	
#navigation ul li a.current, #navigation ul li a.current:hover  {
	color: #FFF;
	font-weight: bold;
	background: url(../images/ico_arrow_down.gif) 6px 9px no-repeat;
	background-color: #CE000A;
	}



/*SOCIAL ICONS*/

#social_navigation ul li.socialheader{
	color: #FFF;
	font-weight: bold;
	background: url(../images/bg_nav_on.gif) 0px 0px no-repeat;
	background-color: #1A4045;
	}

	
#social_navigation {
	width: 150px;
	padding-right: 18px;
	float: left;
	font-size: .9em;
	font-family: verdana;
	margin-top: 30px;
	height: 100%;
	display: block;
	clear:both;
	}

#social_navigation ul {
	width: 150px;
	list-style-type: none;
	float: left;
	background: #FFF;
	text-transform: uppercase;
	}

#social_navigation ul li {
	position: relative;
	float: left;
	width: 150px;
	background:url(../images/nav_social/icons.gif) no-repeat;
	padding:0px;
	height:20px;
	}

#social_navigation ul li a {
	display: block;
	padding: 0px 10px 0px 20px;
	color: #282828;
	text-decoration: none;
	font-weight: normal;
	}
	
#social_navigation ul li.social1 {
    background-position: 0px 0px;
	margin:6px 0px 0px 20px;
}

#social_navigation ul li.social2 {
        background-position: 0px -30px;
		margin-left:20px;
	}

#social_navigation ul li.social3 {
        background-position: 0px -60px;
        margin-left:20px;
	}


#social_navigation ul li.social4 {
        background-position: 0px -90px;
        margin-left:20px;
	}


		
/*END SOCIAL ICONS*/






/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li { float: left; height: 1%; }
* html #navigation ul li a { height: 1%; }
* html #navigation ul ul li { float: left; height: 1%; }
* html #navigation ul ul li a { height: 1%; }
/* End */

/* Level 2*/

#navigation ul ul {
	background-color: #F6F5F5;
	
	float: left;
	width: 150px;
	text-transform: uppercase;
	}
	
#navigation ul ul li a {
	padding: 2px 10px 2px 20px;
	}

#navigation ul ul li a.current, #navigation ul ul li a:hover, #navigation ul ul li a.current:hover {
	background: none;
	background-color: #E4E3E3;
	color: #606060;
	}
	
/* Level 3*/

#navigation ul ul ul {
	background-color: #E4E3E3;
	border-bottom: none;
	float: left;
	padding-bottom: 6px;
	}

	
#navigation ul ul ul li a {
	padding: 2px 10px 2px 30px;
	width: 110px;
	}

#navigation ul ul ul li a.current, #navigation ul ul ul li a:hover {
	background: none;
	font-weight: bold;
	color: #606060;
	}

#global_nav ul {
	list-style-type: none;
	}
	
#global_nav li {
	position: relative;
	float: left;
	padding-left: 12px;
	background: url(../images/img_global_divider.gif) 0 3px no-repeat;
}

#global_nav li a, #global_nav li a:visited, #global_nav ul li a:active {
	color: #666666;
	padding: 0 12px 0 0;
	text-decoration : none;
}

#global_nav li a:hover, #global_nav li a.current { 
	color: #282828;
	text-decoration : underline;
}
	


/* ===== 7: Breadcrumbs ===== */

#breadcrumbs {
	float: left;
	margin: 8px 0 13px 0;
	padding-bottom: 8px;
	width: 100%;
	border-bottom: 1px solid #000;
	}
	
#breadcrumbs ul {
	list-style-type: none;
	}
	
#breadcrumbs li {
	position: relative;
	float: left;
	padding: 0 0 0 20px;
	background: url(../images/ico_breadcrumb.gif) 9px 6px no-repeat;
}

#breadcrumbs li a, #breadcrumbs li a:visited, #breadcrumbs ul li a:active {
	color: #000;
	text-decoration : none;
	font-size: .9em;
	text-transform: uppercase
}

#breadcrumbs li a:hover, #breadcrumbs li a.current { 
	color: #000;
	font-weight: bold;
	}



/* ===== 8: Footer ===== */

#legal ul {
	list-style-type: none;
	float: right;	
	padding=top:15px;
	}
	
#legal ul li {
	
	position: relative;
	float: left;
	padding-right: 12px;
	padding-left:12px;
	background: url(../images/img_global_divider.gif) 0 3px no-repeat;

}

#legal ul li a, #legal ul li a:visited, #legal ul li a:active {
	color: #FFFFFF;
	padding: 0 0 0 0;
	text-decoration : none;
}

#legal ul li a:hover, #legal ul li a.current { 
	color: #FFFFFF;
	text-decoration : underline;
	}



/* ===== 9: Forms/Tables ===== */
td {
	padding: 3px 0 3px 0;
	font-size: 11px;
	}
	
.b1 td {border-bottom: 1px solid #D8D8D8}
.b2 {border-top: 1px solid #D8D8D8; background-color:#F1F1F1}
.pad {
	width: 10px;
	display: block;
	width: 100%;
	
}
#content_container #content_100 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: right;
	margin-top: 0px;
	padding-top: 0px;
}
#content_container #content_100 #content table {
	display: block;
	clear: both;
}