/*  
Site Name: TTOH
Site URI: www.ttoh.iwi.nz
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 21 Jan 2010
Last update made by: Pat O'Callaghan (pat@terabyte.co.nz)

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* COLORS 
Main Background: #ede7dc;
*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 9px !important;}
#ie6 .small, #ie7 .small{ font-size: 10px !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; overflow: hidden; }
.hidden					{ display: none; }
.self-clear 			{ height: 1%; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.hot					{ cursor:pointer; }
.col { float: left; display: inline; }
.print-only { display: none; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Trebuchet MS, arial, Verdana,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: url(/images/ttoh/bg-body.gif) repeat-x top left #ede7dc;
	color: #000;
}

#ie6 .logo, #ie6 .previous, #ie6 .next { behavior: url(/scripts/iepngfix.htc) }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; letter-spacing: 0px; margin-bottom: 0; color: #a13500; }

h1 { font-size: 2.8em; margin: 0; }
h2 { font-size: 1.8em; margin: 0 0 20px 0; }
h3 { font-size: 1.4em; margin: 10px 0 10px 0; font-weight: bold; }
h4 { font-size: 1.3em; margin: 10px 0 0 0; font-style: italic; font-weight: bold; }

p { font-size: 1.3em; line-height: 1.4em; margin: 0 0 20px 0; }
	p.tagline { color: #999; margin: 0; }
a { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 1.3em; color: #a13500; text-decoration: none; }
a:visited { color: #51381f; }
a:hover, a:active { color: #51381f; text-decoration: underline; }

ul li, ol li { font-weight: bold; color: #a13500; }

ul li {
	list-style: disc;
	list-style-position: outside;
}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

ul.no-markers li {
	list-style: none;
}

dl {
	font-size: 12px;
}

dt {
	float: left;
	clear: left;
	width: 150px;
	margin: 0 0 10px 0;
	color: #999;
}

dd {
	float: left;
	margin: 0 0 10px 20px;
}

blockquote {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: bold;
	color: #999;
	padding: 30px 0 0 0;
}

.quote-src {
	text-align: right;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#master {
	width: 1200px;
	margin: auto;
	position: relative;
}

#header {
    width: 1200px;
    margin: auto;
    background-color: #fcfaf8;
    position: relative;
}

#header-content { margin: auto; width: 960px; position: relative; overflow: hidden; height: 100%; }

#page { width: 960px; margin: auto; padding-top: 40px; padding-bottom: 60px;position: relative; overflow: hidden; }
.homepage #page { padding-bottom: 0px; }

/* Only needed if using Email A Friend on homepage */
/*.homepage #page {
    padding-top: 60px;
}*/

#subnav { width: 172px; background: url(/images/ttoh/bg-sidenav-top-repeater.png) repeat-x top left; }
#main-content { padding: 25px 20px 0 20px; width: 500px; }
#main-content.landing { width: 722px; padding-top: 0px; padding-left: 0px; padding-right: 0px; }
#main-content.sitemap { width: 688px; padding: 20px; }
.homepage #main-content { width: 722px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }

#footer { clear: both; }

.main-col{ 
    width: 722px; 
    margin-right: 20px; 
    background-color: #faf8f5;
    padding-bottom: 40px;
    position: relative;
    margin-bottom: 20px;
}

.homepage .main-col {
    background-color: #ede7dc;
}

.secondary-col{ width: 218px; }
.landing-text { width: 247px; }

.landing-pods { width: 415px; }


/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

body.homepage { background: url(/images/ttoh/bg-body-homepage.jpg) repeat-x top left #ede7dc; }
.english { display: block; color: #a13500; font-style: italic; }
.back-to-top {  
    position: absolute;
    bottom: 40px;
    right: 250px;
    background: url(/images/ttoh/bg-back-to-top.png) no-repeat; 
    font-size: 1.1em; 
    display: block; 
    padding-left: 10px; 
}

#ie6 .back-to-top { width: 50px; }

.bodyText table {
    width: 100%;
    margin: 15px 0;
}

.bodyText table, td, th {
    background: #faf8f5;
    border: 1px solid #f0f0ef;
}

.bodyText td { font-size: 1.3em; }

.bodyText td, .bodyText th {
    padding: 10px 15px;
}

.bodyText tbody th, .bodyText thead td {
    background: #eeeeee;
    border-bottom: 3px solid #cd8b34;
    font-size: 1.4em;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    color: #a13500;
}

.bodyText img, img.detail { 
    float: right; 
    margin: 0px 0 10px 10px; 
}

.bodyText ul, 
.bodyText ol {
    margin-bottom: 10px;
}

/* Header */
#header { background: url(/images/ttoh/hdg-normal.jpg) no-repeat; height: 205px; width: 1200px; }
.homepage #header { background: none; }
#banner { display: none; }
    .homepage #banner { display: block; position: absolute; top: 0; left: 0; height: 387px; width: 1200px; }
    .homepage #master .homepage-header-1 { background: url(/images/ttoh/hdg-homepage-hawk.jpg) no-repeat; }
    .homepage #master .homepage-header-2 { background: url(/images/ttoh/hdg-homepage-temataPeak.jpg) no-repeat; }
.homepage #header { background: none; height: 387px; width: 1200px; margin: auto; }
    #header p { position: absolute; }

.logo { 
    background: url(/images/ttoh/ttoh-logo.png) no-repeat; 
    width: 295px; 
    height: 94px; 
    position: absolute; 
    top: 55px; 
    left: 30px; 
}

.homepage .logo { 
    background: url(/images/ttoh/ttoh-homepage-logo.png) no-repeat; 
    width: 198px; 
    height: 137px; 
    position: absolute; 
    top: 65px; 
    left: 30px; 
}

.logo a {
    display: block;
    overflow: hidden;
}

.logo a:hover{
    text-decoration: none;
}

.logo a {
    width: 295px; 
    height: 94px;
}

.homepage .logo a {
    width: 198px; 
    height: 137px;
    display: block;
}

#header p.quote { top: 80px; right: 30px; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; }
#header q { font-size: 21px; color: #503820; }
#header cite { display: block; color: #904b03; font-size: 13px; font-style: italic; }

.crnr {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    /* IE rounded corners achieved using DD_Roundies javascript - see frontend.terabyte.js */
}

.left-crnrs {
   -moz-border-radius: 7px 0 0 7px;
   -webkit-border-top-left-radius: 7px;
   -webkit-border-bottom-left-radius: 7px;
   border-radius: 7px 0 0 7px;
   /* IE rounded corners achieved using DD_Roundies javascript - see frontend.terabyte.js */ 
}

.right-crnrs {
   -moz-border-radius: 0 7px 7px 0;
   -webkit-border-top-right-radius: 7px;
   -webkit-border-bottom-bottom-radius: 7px;
   border-radius: 0 7px 7px 0;
   /* IE rounded corners achieved using DD_Roundies javascript - see frontend.terabyte.js */ 
}

.bottom-crnr {
   -moz-border-radius: 0 0 7px 7px;
   -webkit-border-bottom-left-radius: 7px;
   -webkit-border-bottom-right-radius: 7px;
   border-radius: 0 0 7px 7px;
   /* IE rounded corners achieved using DD_Roundies javascript - see frontend.terabyte.js */ 
}

.top-crnr, .landing-pod-top {
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
   /* IE rounded corners achieved using DD_Roundies javascript - see frontend.terabyte.js */ 
}

.main-crnr {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
   /* IE rounded corners achieved using DD_Roundies javascript - see frontend.terabyte.js */ 
}

#search { 
    position: absolute;     
    top: 8px;
    right: 15px;
}

#ie6 #search, 
#ie7 #search {
    right: 15px;
}

    #search #search-input,
    #search #search-button {
        display: inline;
        float: left;
    }
    
    #search #search-input {
        border: none;
        width: 240px; 
        height: 20px;
        color: #fff;
        text-align: left;
        font-style: italic;
        font-size: 1.4em;
        font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
        padding: 5px 5px 0 10px;
        color: #000;
    }
    
    #search #search-button {
        background: url(/images/ttoh/search.gif) no-repeat -35px -1px;
        width: 24px;
        height: 24px;
        border: none;
        padding: 0px;
    }
    
    #ie6 #search #search-button, 
    #ie7 #search #search-button{
        border: 0px solid #fff;
    }
    
    #search #search-button:hover {
        background: url(/images/ttoh/search.gif) no-repeat -2px -1px;
    }

/* *Primary Nav ------------------------------------*/
#primary-nav { position: absolute; bottom: 0; left: 0; }
#ie6 #primary-nav { bottom: -1px; }
#ie6 #primary-nav li a { position: relative; }
#ie7 #primary-nav li a span { height: 1%; }
        
    #primary-nav li {
        list-style-type: none;
        float: left; 
        padding: 0 1px 0 0; 
    }
    
    #primary-nav a {
        display: block;
        padding: 0px 0 0 6px; margin: 0;
        background: url(/images/ttoh/bg-nav-left-inactive.png) top left no-repeat;
    }
    
    #ie6 #primary-nav a {
        background: url(/images/ttoh/bg-nav-left-inactive.gif) top left no-repeat;
    }
    
    #primary-nav a span.nav-link {
        font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
        font-size: 1.15em;
        color: #fff; 
        text-decoration: none;
        font-weight: normal;
        line-height: 1.1em;
        display: block;
        background: url(/images/ttoh/bg-nav-right-inactive.png) top right no-repeat;
        padding: 10px 11px 10px 5px;
    }
    
    #ie6 #primary-nav a span.nav-link {
      background: url(/images/ttoh/bg-nav-right-inactive.gif) top right no-repeat;  
    }
    
        #primary-nav a:hover {
            background: url(/images/ttoh/bg-nav-left-active.png) top left no-repeat;
            text-decoration: none;
        }
        
        #ie6 #primary-nav a:hover {
            background: url(/images/ttoh/bg-nav-left-active.gif) top left no-repeat;
            position:relative;
        }
            
            #primary-nav a:hover span.nav-link {
                background: url(/images/ttoh/bg-nav-right-active.png) top right no-repeat;
                text-decoration: none;
                color: #493f30;
            }
            
            #ie6 #primary-nav a:hover span.nav-link {
                background: url(/images/ttoh/bg-nav-right-active.gif) top right no-repeat;
            }
    
    #primary-nav a.selected span.nav-link {
        background: url(/images/ttoh/bg-nav-right-active.png) top right no-repeat;
        text-decoration: none;
        color: #493f30;
    }
    
    #ie6 #primary-nav a.selected span.nav-link {
      background: url(/images/ttoh/bg-nav-right-active.gif) top right no-repeat;  
    }
        #primary-nav a.selected {
            background: url(/images/ttoh/bg-nav-left-active.png) top left no-repeat;
            text-decoration: none;
        }
        
        #ie6 #primary-nav a.selected,
        #ie6 #primary-nav a.selected:hover{
            background: url(/images/ttoh/bg-nav-left-active.gif) top left no-repeat;
            position:relative;
        }
        
            #primary-nav a.selected:hover span.nav-link {
                background: url(/images/ttoh/bg-nav-right-active.png) top right no-repeat;
                text-decoration: none;
                color: #493f30;
            }
            
            #ie6 #primary-nav a.selected:hover span.nav-link {
                background: url(/images/ttoh/bg-nav-right-active.gif) top right no-repeat;
            }
    
    #primary-nav li.last a span span.english {
        padding-left: 0px;
        padding-right: 21px;
        background: none;
    }
    
    #ie6 #primary-nav li.last a span span.english, 
    #ie7 #primary-nav li.last a span span.english {
        padding-right: 7px;
        background: none;
        color: #d69135;
    }
    
        #primary-nav a span span.english{
            font-size: 0.8em;
            font-style: italic;
            color: #d69135;
            background: none;
            padding: 0;
            display: block;
        }

/* *Secondary Nav ------------------------------------*/
#search-nav-bar {
    background: #393126;
    display: block;
    overflow: hidden;
    width: 960px;
    height: 40px;
    margin: auto;
    position: absolute;
}
#secondary-nav { position: absolute; top: 10px; left: 15px; }
#ie6 #secondary-nav, 
#ie7 #secondary-nav { left: 25px; }
    #secondary-nav a {
        font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
        color: #fff;
        padding: 0 10px 0 10px;
        border-right: thin solid #fff;
        font-size: 12px;
    }
    
    #secondary-nav a.home { background: url(/images/ttoh/bg-home.png) no-repeat; padding-left: 25px; }
    #secondary-nav li.last a { border-right: none; }

    #secondary-nav li {
        list-style-type: none;
        float: left; 
        padding: 0; margin: 0;
    }
    
/* Subnav -----------------------------------------*/
#calendarContainer, #subnav ul.links, #subnav h2, #subnav p.event-by { padding-left: 9px; padding-right: 9px; }

.calendar {margin-bottom: 10px; position: relative; }

.rounded-background {
    background: url(/images/ttoh/rounded-background.gif) bottom left no-repeat;
}
#subnav { background-color: #2f2a24; }
#ie6 #subnav, #ie7 #subnav { overflow: hidden; }
#subnav h2 { 
    color: #fff; 
    font-size: 18px; 
    line-height: 1.1em; 
    background: url(/images/ttoh/bg-sidenav-top-motif.png) no-repeat right top; 
    padding-top: 25px;
    border-bottom: 1px #959391 solid;
    padding-bottom: 15px;
}
#subnav h2 span {
    display: block;
}
#subnav p.event-by { 
    color: #fff; 
    font-size: 18px; 
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; 
    padding-left: 10px; 
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 10px;
    border-top: 1px #959391 solid;
}
#subnav .english { font-size: 14px; font-style: italic; display: block; color: #fff;}
#subnav ul.links {  
    padding-bottom: 100px;
    background: url(/images/ttoh/bg-sidenav-bottom.png) no-repeat bottom right;
}
#subnav ul.links li { 
    list-style: none; 
    background: url(/images/ttoh/bg-subnav-list.png) no-repeat 0 6px; 
    padding-left: 12px;
    margin-bottom: 10px;
    line-height: 1.4em;
}

#ie6 #subnav ul.links li, 
#ie7 #subnav ul.links li { display: inline-block; }

    #ie6 #subnav li a, 
    #ie7 #subnav li a{ word-wrap: break-word; }
    
    #subnav ul.level-2 li { width: 140px; }
    #subnav ul.level-3 li { width: 120px; }
    #subnav ul.level-4 li { width: 100px; }
    

#subnav ul.links li a, #calendarContainer p a { 
    font-size: 14px;
    color: #d69135;
    font-weight: normal; 
    text-decoration: none;
}

.level-3 { margin-top: 10px; margin-bottom: 20px; }
    #subnav ul.level-3 li a { font-size: 1.2em; }
    #subnav ul li a.selected { color: #fff; }

#calendarContainer p { 
    margin-bottom: 10px; 
    background: url(/images/ttoh/bg-subnav-list.png) no-repeat 0 6px; 
    padding-left: 12px;
}

#subnav ul.links li a:hover, #calendarContainer p a:hover{ 
    color: #fff;
}

/* Breadcrumbs ------------------------------------*/
.breadcrumbs { font-size: 11px; margin-bottom: 10px;}
.breadcrumbs span { margin-right: 7px; }
.breadcrumbs a { font-family: Trebuchet MS, arial, Verdana,sans-serif; font-size: 11px; text-decoration: underline; }
.breadcrumbs li { display: inline; list-style: none; color: #343332; padding-left: 7px;}
.breadcrumbs li.first { padding-left: 0px; } 
#back-to-listing {
    font-family: Trebuchet MS, arial, Verdana,sans-serif; 
    font-size: 1.1em;
    background: url(/images/ttoh/bg-quick-links-bullet-featured.png) no-repeat 0 2px;
    padding-left: 12px;
    float: right;
    display: block;
    position: absolute; 
    top: 42px;
    left: 626px;
    font-weight: bold;
}

/* Main Content ------------------------------------*/
 p.abstract { font-size: 1.5em; color: #51381f; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; }
.bodyText a { font-family: Trebuchet MS, arial, Verdana,sans-serif; color: #a13500; text-decoration: underline; font-size: 1.0em; }
.bodyText a:visited { color: #51381f; text-decoration: none; }
.bodyText a:hover { color: #51381f; text-decoration: underline; }
.bodyText a:active { color: #51381f; text-decoration: underline; }

.bodyText li, .bodyText li p { font-size: 1.3em; }
.bodyText li p { margin: 0; }

.landing h1 { color: #fff; font-size: 2.8em; line-height: 1.1em; width: 722px; height: 175px; margin-bottom: 30px;  }
.landing h1 span { position: absolute; top: 25px; left: 25px; }
.landing h1 span.english { display: block; color: #cd8b34; font-size: 0.6em; left: 0px; width: 200px;}
.landing .bodyText { margin-bottom: 40px; }
#call-us {
    background-color: #FAF8F5;
    padding: 10px;
}
#call-us .question, 
.landing .question { padding-top: 20px; border-top: 1px solid #eee; margin-bottom: 0px; }
#call-us .question { padding-right: 0px; font-size: 1.6em;}
#call-us .question { border-top: none; }
#call-us .question,
.landing .question, 
#call-us .phone,
.landing .phone { position: static; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; }
#call-us .phone,
.landing .phone { background: url(/images/ttoh/bg-white-motif.png) no-repeat bottom left; padding-bottom: 30px; }
#call-us .question, 
.landing .question, 
#call-us .phone,
.landing .phone, 
#call-us .phone span, 
.landing .phone span { color: #393126;}
#call-us .question span,
.landing .question span,
#call-us .question span a,
.landing .question span a { color: #a13500; }
.landing-text { padding-left: 20px; }
.landing-pods {  margin-left: 25px; padding: 0; }
    .landing-pods li { 
        height: 110px;
        width: 375px;
        margin-bottom: 10px; 
        list-style: none; 
        padding: 20px;
        float: left;
        background: url(/images/ttoh/bg-landing-pod-motif.png) no-repeat bottom left #e8ddc9;
    }
    #ie6 .landing-pods li { background: url(/images/ttoh/bg-landing-pod.png) no-repeat top left #e8ddc9; } 
    #ie7 .landing-pods li { background: url(/images/ttoh/bg-landing-pod.png) no-repeat top left #e8ddc9; } 
    .landing-pods h2 { 
        color: #393126; 
        font-size: 18px; 
        line-height: 1.1em; 
        margin-bottom: 10px; 
        float: left; 
        width: 150px; 
    }
        .landing-pods h2 span.english { font-size: 0.8em }
    .landing-pods p { margin-bottom: 0px; color: #393126; font-size: 1.3em; float: right; width: 220px; }
        .landing-pods p a { display: block; font-size: 0.9em; margin-top: 5px; }
        .landing-pods p a span { font-size: 0.7em; }
    .landing-pods li.bl-hover { background-color: #29221c; background-image: none;}
    #ie6 .landing-pods li.bl-hover, 
    #ie7 .landing-pods li.bl-hover { background: url(/images/ttoh/bg-landing-pod-hover.png) no-repeat top left #29221c; } 
        .landing-pods li.bl-hover p, 
        .landing-pods li.bl-hover h2 { color: #fff; background-image: none; }
        .landing-pods li.bl-hover h2 span.english, 
        .landing-pods li.bl-hover p a { color: #cd8b34; }


/* Image Gallery --------------------------------------*/
div.related-content { background: #eee; margin: 20px 0; }

div.related-content div.header { padding: 10px 12px 0; position: relative;}

div.related-content div.header h2 { color:#51381f; padding:0 0 4px 0; margin:0 0 0 0; border-bottom: 1px solid #d1c5b4; }
div.related-content div.header span,
div.related-content div.header a { font-size: 110%; float: right; text-align: right; color:#000; font-family: Trebuchet MS, arial, Verdana,sans-serif; position: absolute; right:12px; top: 18px; }
div.related-content div.header a { color:#a13500; }

div.image-gallery-scroller { width: 476px; padding:12px; overflow-x: scroll; overflow-y: hidden; height: 105px;  }
div.image-gallery ul#imageGallery { float: left; margin:0; padding:0; list-style: none; }
div.image-gallery ul#imageGallery li { display: block; float: left; width: 112px; margin-right: 10px; }
div.image-gallery ul#imageGallery li a {  }

div.image-gallery ul#imageGallery li a img { border: 1px solid #fff; }

div.related-content ul h4 { margin:0; padding:0; font-size: 120%; }

div.related-content ul li { list-style-position: outside; }

div.related-content ul.downloads,
div.related-content ul.relatedlinks { margin:0; padding:6px 0 6px 12px; list-style: none; }
div.related-content ul.downloads li,
div.related-content ul.relatedlinks li { list-style: none; padding:0; margin:0; }
div.related-content ul.downloads li a,
div.related-content ul.relatedlinks li a { font-style: normal; font-size: 100%; font-weight: bold; }

div.related-content ul.downloads li a { margin-bottom: 5px; display: block; line-height: 21px; padding-top: 2px; padding-left: 25px; background: transparent url(/images/ttoh/iconsprite.png) no-repeat left top; }
#ie6 div.related-content ul.downloads li a {background-image: url(/images/ttoh/iconsprite.gif);}
div.related-content ul.downloads li a span { font-size: 90%; color:#666; font-family: Trebuchet MS, arial, Verdana,sans-serif; }

ul.listings li.attachments h3 { background: url(/images/ttoh/iconsprite.png) no-repeat 0 3px; padding-left: 30px; }
#ie6 ul.listings li.attachments h3 { background-image: url(/images/ttoh/iconsprite.gif); }

div.related-content ul.downloads li.doc a, 
ul.listings li.attachments h3.doc  { background-position: -44px -50px }
div.related-content ul.downloads li.pdf a, 
ul.listings li.attachments h3.pdf { background-position: -20px -23px; }
div.related-content ul.downloads li.xls a, 
ul.listings li.attachments h3.xls  { background-position: -64px -82px; }
div.related-content ul.downloads li.ppt a, 
ul.listings li.attachments h3.ppt  { background-position: -86px -110px; }
div.related-content ul.downloads li.image a, 
ul.listings li.attachments h3.image  { background-position: -110px -136px; }

ul.listings li.attachments h3 span { 
    color: #666666; 
    font-family: Trebuchet MS, arial, Verdana,sans-serif; 
    font-size: 0.85em;
}


/* Footer ------------------------------------*/
#footer { background: url(/images/ttoh/bg-footer-repeater.gif) repeat-x;  overflow: hidden; }
#ie6 #footer { position: relative; }
#footer-content { 
    background: url(/images/ttoh/bg-footer.jpg) no-repeat; 
    width: 1200px; 
    height: 243px; 
    margin: auto; 
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    color: #fff;
    position: relative;
    
}

    .question {
        font-size: 20px;
        position: absolute;
        top: 80px;
        left: 140px;
        line-height: 1.1em;
        padding-right: 50px;
    }
    
    #footer-content .question {
        background: url(/images/ttoh/bg-motif.gif) no-repeat 195px 3px;
    }
    
    .question span, .question span a {
        font-size: 13px;
        display: block;
        color: #f4a339;
        font-style: italic;
        line-height: 1.3em;
    }
    
    .phone {
        font-size: 24px;
        position: absolute;
        top: 75px;
        left: 380px;
    }
    
        .phone span {
            font-size: 18px;
            color: #fff;
        }
        
    #copyright {
        font-size: 11px;
        position: absolute;
        bottom: 15px;
        right: 150px;
        font-family: Trebuchet MS, arial, Verdana,sans-serif; 
        font-style: italic;
        color: #f4a339;
        margin-bottom: 0;
        text-transform: uppercase;
        overflow: hidden;
    }
    
#footer-nav {
    position: absolute;
    bottom: 15px;
    left: 130px;
}

#footer-nav li{
    float: left;
    list-style-type: none;
    text-transform: uppercase;
}

#footer-nav li a {
    font-family: Trebuchet MS, arial, Verdana,sans-serif; 
    color: #fff;
    border-right: thin solid #fff;
    font-weight: normal;
    padding: 0 10px;   
    font-size: 1.2em;
}

#footer-nav li.last a {
    border-right: none;
}

/* Right Hand Side pods ------------------------------------*/
.section-entry-point {
    background: url(/images/ttoh/bg-sidepod-top.png) top center no-repeat #faf8f5;
    margin-bottom: 20px;
    overflow: hidden;  
}
    
    .section-entry-point .quick-links {
       margin: 15px 15px;
    }
    
        .section-entry-point .quick-links li { 
            list-style-type: none; 
            list-style-position: outside;
            background: url(/images/ttoh/bg-quick-links-bullet.png) 0 2px no-repeat;
            padding-left: 10px;
        }
        
        #ie6 .section-entry-point .quick-links li,
        #ie7 .section-entry-point .quick-links li { 
            zoom: 1;
        }

    .section-entry-point h2 {
        background:url("/images/ttoh/bg-sidepod-top.png") no-repeat scroll center top #CD8B34;
		color:#FAF8F5;
		font-family:Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
		margin: 0;
		min-height:34px;
		padding: 5px 15px 0;
    }
    
    #ie6 .section-entry-point h2, 
    #ie7 .section-entry-point h2, 
    #ie8 .section-entry-point h2 {
        margin: 0px;
        padding-left: 10px;
    }
    
     .section-entry-point h3 {
        margin: 15px 15px 5px 15px;
     }

    .section-entry-point h3 a { 
        font-size: 1.1em;
        line-height: 1.0em;
    }

    .section-entry-point a {
        font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
        color: #a13500;
    }
    
    .section-entry-point a:visited, .section-entry-point a:active {
        color:#51381F;
        text-decoration: underline;
    }
    
    #ie7 .section-entry-point a {
        word-wrap: break-word;
    }

    .section-entry-point p {
        margin: 5px 15px 10px 15px;
    }

        .section-entry-point p.link{
            background: url(/images/ttoh/bg-sidepod-bottom.png) top center no-repeat #cd8b34;
            display: block;
            min-height: 28px;
            margin: 0px;
        }
                 
            .section-entry-point p.link:hover{
                background: url(/images/ttoh/bg-sidepod-bottom-hover.png) top center no-repeat;
            }
            
            .section-entry-point p.no-hover:hover{
                background: url(/images/ttoh/bg-sidepod-bottom.png) top center no-repeat #cd8b34;
            }

            .section-entry-point p.link a{
                
                width: 188px;
                display: block;
                text-align: center; 
                color: #faf8f5;
                font-size: 1.0em;
                padding: 5px 0;
                margin: 0 15px;
            }

            #ie6 .section-entry-point p.link a {
                height: 28px;
            }
            
            .section-entry-point li p {
                color: #000;
                font-weight: normal;
            }
            
/* *Listings ------------------------------------*/

.top-row {
    border-top: 2px solid #ede7dc;
}

.pagination {
    background-color: #eee;
    padding: 10px 15px;
    overflow: hidden;
}

#ie6 .pagination {
    height: 1%;
}

.listing-info {
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 3px;
}

.paginator {
    float: right;
}

    .paginator a {
        font-family: Trebuchet MS, arial, Verdana,sans-serif;
        font-size: 1.0em;
    }
    
    .paginator span.btn a {
        background: url(/images/interface/btn/btn-pagination.png) no-repeat;
        width: 13px;
        display: inline-block;
    }
    
    .paginator span.paginator-next a {
        background-position: 0 3px;
    }
    
    .paginator span.paginator-next a:hover {
        background-position: -37px 3px;
    }
    
    .paginator span.paginator-previous a {
        background-position: 0 -18px;
    }
    
    .paginator span.paginator-previous a:hover {
        background-position: -37px -18px;
    }
    
    .paginator span.last a {
        background-position: 0 -60px;
    }
    
    .paginator span.last a:hover {
        background-position: -37px -60px;
    }
    
    .paginator span.first a {
        background-position: 0 -40px;
    }
    
    .paginator span.first a:hover {
        background-position: -37px -40px;
    }

.listing-info {
    float: left;
}

.paginator span {
    color: #a13500;
    font-size: 11px;
    font-weight: bold;
    padding: 0 3px;
}

.paginator span.active {
    color: #000;
}

.pagination-top {
    border-bottom: 2px solid #cd8b34;
}

.pagination-bottom {
    border-top: 2px solid #cd8b34;
}

.pagination p, .listings p{
    margin: 0px;
}

.listings li {
    list-style: none;
    padding: 25px 20px 15px 20px;
    overflow: hidden;
}

#ie6 .listings li.featured,
#ie7 .listings li {
    float: left;
    width: 460px;
}

.listings li.past-event {
   background:#efedea url(/images/ttoh/past-event.gif) no-repeat 96% 9%;
   color:#666;
   padding-top: 40px;
}

    .listings li img {
        float: left;
        width: 100px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .listings li.featured img {
        float: right;
        width: 130px;
        margin-left: 20px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

.listings li.featured {
    background-color: #ede7dc;
    border-bottom: 2px solid #faf8f5;
}

    .listings li h3{
        margin: 0px;
        font-size: 1.3em;
    }

.listings p {
    color: #000;
    font-size: 1.3em;
    font-weight: normal;
}

.listings li.past-event p { color:#666; }
.listings li.past-event a { color:#3b3228; }

    .listings p a{
        font-size: 0.9em;
    }

.listings p.event-details {
    font-size: 1.1em;
}

#ie6 .listings p.event-details {
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;
}

/* Case Study Pod ---------------------------------------------------- */
.case-study-pod {
    background: url(../images/ttoh/bg-case-study-pod.png) repeat-y top left #29231b;
    overflow: hidden;
    margin-bottom: 25px;
}

.case-study-pod img {
    float: right;
    width: 130px;
    margin: 20px 15px 15px 30px;
    outline: 1px solid #c6c0b5;
    display: inline;
}

.case-study-pod p, .case-study-pod h3 {
    margin-right: 30px;
    margin-left: 65px;
}

.case-study-pod h3 {
    color: #cd8b34;  
    font-size: 1.6em; 
    margin-top: 15px; 
}

.case-study-pod p {
    color: #fff;
    font-style: italic;
    
}

table.event-detail { clear: right; }

table.event-detail, table.event-detail td {
    border: none;
}

table.event-detail td {
    padding: 5px;
}

table.event-detail td.heading {
    font-size: 1.3em;
    font-weight: bold;
    vertical-align: top;
    width: 100px;
}

table.event-detail td.detail {
    font-size: 1.3em;
}

table.event-detail td.detail a, p.contact a  {
    font-size: 1.0em;
    font-family: Trebuchet MS, arial, Verdana,sans-serif;
}
p.contact-name { margin-bottom:5px; }
p.contact { margin-bottom: 0; }
p.contact span { font-weight: bold; }

/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/

.required-message em { 
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    color: #a13500; 
    font-size: 0.85em;
}

.form-container {
    background-color: #eee;
    overflow: hidden;
    padding: 20px;
}

#ie6 .form-container,
#ie7 .form-container,
#ie8 .form-container{
    width: 460px;
}

.form-container h2 {
    color: #51381f;
    border-bottom: 1px solid #d1c5b4;
    padding: 15px 0px 5px 0px;
    
}

.form li {
    list-style: none;
    margin-bottom: 15px;
    overflow: hidden;
    font-weight: normal;
    width: 460px;
}

.form .field-error {
    background-color: #f90000;
    font-size: 1.3em;
    color: #fff;
    display: inline;
    margin-top: 6px;
    clear: both;
    width: 322px;
    float: right;
    padding: 5px;
    margin-right: 3px;
    position: relative;
}

.form .field-error span {
    position: absolute;
    width: 7px;
    height: 6px;
    background: url(../images/ttoh/bg-form-error.gif) no-repeat;
    top: -6px;
}

.form .wide {
    width: 414px;
}

.form input, .form label, .form select {
    float: left;
    color: #000;
    font-size: 1.3em;
}

.form textarea {
	float: left;
    font-size: 1.3em;
}

.form input, .form select, .form textarea {
    width: 322px;
    padding: 3px;
}

.form label {
    width: 115px;
    text-align: right;
    margin-right: 10px;
}

#ie6 .form label,
#ie7 .form label,
#ie8 .form label {
    width: 100px;
}

#ie6 .form .checkbox label,
#ie7 .form .checkbox label,
#ie8 .form .checkbox label {
    width: auto;
}

.form .checkbox {
display: inline;
}

.form .checkbox input {
    width: 20px;
    margin-right: 10px;
    margin-top: 3px;
}

.form .checkbox label {
    width: 368px;
    text-align: left;
    
}

.form .terms label { font-weight: bold; }

.form input.button {
    width: 112px;
    height: 36px;
    color: #fff;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    margin-right: 10px;
}

.form input.submit {
    background: #a13500;
    border: 1px solid #c07f5f;
}

.form input.reset {
    background: #cccccc;
    border: 1px solid #e0e0e0;
}

.terms-and-conditions {
    height: 100px;
    overflow:auto;
    background-color: #fff;
    padding: 10px 15px;
    color: #666;
    margin-bottom: 10px;
    width: 430px;
    font-size: 0.9em;
}

.captcha-field {
    margin-bottom: 40px;
    overflow: hidden;
}

.captcha-field input {
    float: left;
    
}

.captcha-field label {
    font-weight: bold;
    width: 32%;
}

.captcha-field label span, .captcha-field label span a{
    color: #909090;
    font-size: 11px;   
}

.captcha-field label span a{
    text-decoration: underline;
}

.captcha-field .field-error {
    float: left;
}

#recaptcha_widget,  .captcha-field label{
    display: none;
}

.js #recaptcha_widget, .js .captcha-field label {
    display: block;
}

#recaptcha_widget p {
    float: left;
    margin-bottom: 0px;
    padding: 10px 0 10px 0;
    text-align: left;
}

#recaptcha_image {
    padding-left: 150px;
}

#recaptcha_widget .captcha-controls {
    float: right;
    margin-top: 25px;
    margin-right: 25px;
}

#recaptcha_widget .captcha-controls li {
    margin-bottom: 0px;
}

#recaptcha_widget .captcha-controls li a {
    background: url(/images/ttoh/recaptcha.gif) no-repeat;
    padding-left: 20px;
    font-size: 1.2em;
    font-family: Trebuchet MS, arial, Verdana,sans-serif;
}

#recaptcha_widget .captcha-controls li.reload a {
    background-position: top left;
}

#recaptcha_widget .captcha-controls li.audio a {
    background-position: 0 -31px;
}

#recaptcha_widget .captcha-controls li.help a {
    background-position: 0 -64px;
}

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

#contact-map{
	width:500px;
	height:300px;
	margin-bottom:20px;
	margin-top: 20px;
}

#email-a-friend-container {
    position: absolute;
    top: 220px;
    right: 94px;
    background-color: #ede7dc;
    padding: 25px 15px 15px 15px;
    width: 230px; 
    display: none;
}

#email-a-friend { font-size:1em;}
#email-a-friend a{
	font-size:1em;
	color:#343332;
}


.js #email-a-friend-container {
    display: block;
}

.homepage #email-a-friend-container {
    top: 393px;
}

#email-a-friend-container {
    padding-bottom: 0;
}

#email-a-friend-container .form {
    position: relative;
}

#email-a-friend-container .form,
#email-a-friend-placeholder {
    padding-bottom: 0px;
    display: none;
}

#email-a-friend-container .form {
    background-color: #fff;
    padding: 10px;
    width: 200px;
    margin-top: 7px;
}

#email-a-friend-container .form li {
	width: auto;
}

#email-a-friend-container .form h3 {
    border-bottom: 1px solid #d1c5b4;
    padding-bottom: 3px;
    color: #51381f;
}

#email-a-friend-container .form .field label {
    text-align: left;
    font-weight: bold;
}

#email-a-friend-container .form .field label span {
    font-weight: normal;
    color: #666;
}

#email-a-friend-container .form .field input, 
#email-a-friend-container .form .field label,  
#email-a-friend-container .form .field textarea {
    background-color: #fff;
    width: 188px;
}

#close {
   background: url(/images/ttoh/close.gif) no-repeat top right;
   padding-right: 20px; 
   position:absolute;
   top: 15px;
   right: 20px;
   color: #a6400d;
   font-size: 11px;
}

#email-a-friend-container ul {
    display: inline;
}

    #email-a-friend-container ul li {
        display: inline;
        list-style-type: none;
        margin-right: 20px;
    }
    
     #email-a-friend-container ul li span {
        color: #343332;
        font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
        font-size: 13px;
        background: url(/images/ttoh/email-friend.gif) no-repeat;
        padding-left: 25px;
        font-weight: normal;
    }
    
    #email-a-friend-container ul li span:hover {
        text-decoration: underline;
    }
    
    #email-a-friend-container ul li span#print {
        background-position: top left;
    }
    
    #email-a-friend-container ul li span#email-a-friend {
        background-position: bottom left;
    }

#email-a-friend-container .form .field-error {
    width: 188px;
}

#email-a-friend-placeholder {
    height: 435px;
}

#email-a-friend-placeholder.success {
    height: 160px;
}

#email-a-friend-placeholder.error-1 {
    height: 495px;
}

#email-a-friend-placeholder.error-2 {
    height: 550px;
}

#email-a-friend-placeholder.error-3 {
    height: 610px;
}

.homepage #email-a-friend-container {
    display: none;
}

.home-page-pods {
    overflow: hidden;
    background-color: #493f30;
    margin-bottom: 40px;
    position: relative;
    padding: 15px 15px 20px 15px;
}

    .home-page-pods h2 {
        color: #fff;
        display: inline-block;
        font-size: 2.0em;
        margin-bottom: 0px;
        float: left;
    }

    .home-page-pods h3 {
        margin-top: 0px;
        margin-bottom: 5px;
    }

        .home-page-pods h3 a {
            font-size: 1.1em;
        }

    .home-page-pods p {
        color: #000;
        line-height: 1.3em;
        font-weight: normal;
    }
    
        .home-page-pods p a {
            font-size: 0.9em;
        }

    .home-page-pods ul.additional-links {
        float: right;
        margin-top: 10px;
    }

        .home-page-pods ul.additional-links li,
        .home-page-pods ul.articles li
        {
            list-style-type: none; 
        }
        
        .home-page-pods ul.additional-links li {
            margin-right: 15px;
            float: left;
            display: inline;
        }
        
        .home-page-pods ul.additional-links li.last {
            margin-right: 0px;
        }
        
        .home-page-pods ul.additional-links li a{
                font-size: 10px;
                font-weight: bold;
                color: #D69135;
            }
        
       .home-page-pods ul.additional-links li a:visited { color: #EDE7DC; text-decoration: none; }
       
       .home-page-pods ul.additional-links li a:hover { color: #D69135; text-decoration: underline; }
        
.previous, .next {
    width: 32px;
    height: 39px;
    display: none;
    position: absolute;
}

.js .previous, .js .next {
    display: block;
}
        
.previous {
    background: url(/images/ttoh/btn/btn-previous.png) no-repeat;
    left: -1px;
}

#ie6 .previous {
    display:block;
}

.next {
    background: url(/images/ttoh/btn/btn-next.png) no-repeat;
    right: -1px;
}

.pod-content {
    padding: 15px 25px;
    background-color: #fff;
    overflow: hidden;
}

.window{
    position: relative;
 }

#our-taiwhenua {
    width: 692px;
    height: 235px;
}

    #our-taiwhenua .previous, 
    #our-taiwhenua .next  {
        top: 130px;
        overflow: hidden;
    }

    #our-taiwhenua .window{
        overflow: hidden;
        height: 203px;
        width: 692px;
    }
    
    #conference-and-facilities {
        overflow: hidden;
    }
    
    #conference-and-facilities .window {
        overflow: hidden;
        height: 280px;
        width: 218px;
    }
    
    #conference-and-facilities p.link {
        position: relative;
        overflow: hidden;
    }
    
    #ie6 #conference-and-facilities p.link {
        height: 30px;
    }
    
    #conference-and-facilities .next, #conference-and-facilities .previous {
        position: absolute;
        width: 55px;
        padding: 0;
        margin: 0;
        display: none;
    }
    
    .js #conference-and-facilities .next, 
    .js #conference-and-facilities .previous {
        display: block;
    }
    
    #conference-and-facilities .next {
        background: url(../images/ttoh/side-bar-next.gif) 47px 5px no-repeat;
        padding-right: 10px;
        bottom: -17px;
        right: 25px;
    }
    
    #conference-and-facilities .previous {
        background: url(../images/ttoh/side-bar-previous.gif) no-repeat 0 5px;
        padding-left: 15px;
        bottom: -17px;
        left: 25px;
    }
    
    #ie6 #conference-and-facilities .previous,
    #ie6 #conference-and-facilities .next {
        top: 6px;
    }
    
    ul.articles {
        width: 99999px; 
    }
        #our-taiwhenua ul.articles li {
            float: left;
            display: inline;
            width: 692px;
        }

    #our-taiwhenua img,
    #our-taiwhenua .pod-content {
        float: left;
        display: inline;
    }

    #our-taiwhenua .pod-content {
        width: 194px;
        height: 173px;
    }

#whanau-hapu, #our-marae { 
    height: 320px;
    display: inline;
    float: left;
}

#ie6 #whanau-hapu, #ie6 #our-marae, 
#ie7 #whanau-hapu, #ie7 #our-marae { 
    margin-bottom: 0px;
}

#whanau-hapu .articles li{
    padding: 0px;
}

#whanau-hapu .pod-content, 
#our-marae .pod-content {
    height: 285px;
} 
 
#whanau-hapu {
    width: 448px;
    margin-right: 10px;
}

    #whanau-hapu .pod-content {
        width: 398px;
    }

#our-marae {
    width: 204px;
}

    #our-marae .previous, 
    #our-marae .next,
    #whanau-hapu .previous,
    #whanau-hapu .next  {
        top: 100px;
    }

    #our-marae .window{
        overflow: hidden;
        height: 285px;
        width: 204px;
    }
    
        #our-marae ul.articles li {
            width: 204px;
            height: 285px;
            display: inline;
            float:left;
        }

    #our-marae .pod-content {
        width: 174px;
        height: 111px;
        padding: 15px 15px;
    }
    
#whanau-hapu {
    width: 448px;
}

    #whanau-hapu .window{
        overflow: hidden;
        height: 285px;
        width: 448px;
    }

    #whanau-hapu ul.articles, #our-marae ul.articles {
        height: 285px;
    }
    
        #whanau-hapu ul.articles li {
            width: 448px;
            height: 285px;
            display: inline;
            float:left;
        }

    #whanau-hapu .pod-content {
        width: 398px;
        height: 111px;
    }

.homepage-link-pods li.homepage-link-pod {
    background-color: #28221b;
    width: 234px;
    height: 360px;
    display: inline;
    float: left;
    margin-right: 10px;
    position: relative;
}

.homepage-link-pods li.homepage-link-pod ul li a{
    color: #d69135;
}

.homepage-link-pods li.last {
    margin-right: 0px;
}

.homepage-link-pods li a.view-all {
    background: url(../images/ttoh/bg-homepage-bottom-pod.jpg) #28221b no-repeat;
    width:234px;
    height: 26px; 
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
}

.homepage-link-pods li a.view-all:hover {
    background-image: url(../images/ttoh/bg-homepage-bottom-pod-hover.jpg);
}

.homepage-link-pods li h3, 
.homepage-link-pods li p,
.homepage-link-pods li ul {
    padding: 0 20px;
}

a.view, a.view-featured {
    padding-left: 10px;
    font-size: 0.9em;
}

a.view {
    background: url(/images/ttoh/bg-quick-links-bullet.png) 2px 2px no-repeat;
}

a.view-featured {
    background: url(/images/ttoh/bg-quick-links-bullet-featured.png) 2px 2px no-repeat;
}

.homepage-link-pods li ul li {
    background: url(/images/ttoh/bg-subnav-list.png) no-repeat 0 8px;
    padding-left: 12px;
    list-style: none;
    margin-bottom: 3px;
    list-style-position: outside;
}

#ie6 .homepage-link-pods li ul {
    position: relative;
    padding-left: 20px;
}

#ie7 .homepage-link-pods li ul {
    padding-left: 20px;
}

#ie6 .homepage-link-pods li ul li, 
#ie7 .homepage-link-pods li ul li {
    display: inline-block;
}

.homepage-link-pods li h3, 
.homepage-link-pods li p {
    color: #fff;
}

.homepage-link-pods li h3 {
    font-weight: normal;
    font-size: 20px;
    font-size: 2.0em;
    line-height: 1.0em;
    margin-top: 15px; 
}

.homepage-link-pods li h3 span.english {
    font-size: 0.7em;
    color: #d69135;
}

.homepage-link-pods li p {
    margin-top: 140px;
    margin-bottom: 5px;
    color: #d4d3d1;
}

#ie6 .homepage-link-pods li p {
    margin-top: 120px;
}

.homepage-link-pods li a.view-all span{
    padding-top: 5px;
    display: block; 
}

#conference-and-facilities li {
    list-style: none;
    display: inline-block;
    float: left;
    width: 218px;
}

/*#js-search-warning {
    display: block;
}

.js #js-search-warning {
    display: none;
}*/

.sitemap { margin-top: 20px; color: #A13500; }
    .sitemap ul li { margin-bottom: 5px; list-style: none; }
.sitemap ul.level-1 li a { color: #fff; background-color: #D69135; display:block; width: 678px; margin-bottom: 10px;  }
    .sitemap ul.level-1 li a { font-size: 1.8em; font-weight: bold; padding-left: 10px; font-size: 1.6em;}
.sitemap ul.level-2 { margin-bottom: 20px; }
    .sitemap ul.level-2 li { line-height: 1.2em; }
    .sitemap ul.level-2 li a { background-color: Transparent; color: #A13500;  }
        .sitemap ul.level-2 li a { font-size: 1.4em; font-weight: bold; padding-left: 25px; }
        .sitemap ul.level-2 li a span { margin-right: 5px; font-size: 10px; }
        .sitemap ul li a:hover span { text-decoration: none; display: inline-block;}
        .sitemap ul.level-1 li a:hover { background-color: #A13500; }
        .sitemap ul.level-2 li a:hover, 
        .sitemap ul.level-3 li a:hover,
        .sitemap ul.level-4 li a:hover { background-color: transparent; }
        
.sitemap .level-3 { line-height: 1.2em; }
.sitemap ul.level-3 li a { background-color: Transparent; }
    .sitemap ul.level-3 li a { font-size: 1.2em; padding-left: 50px; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxContent{background:#fff; padding: 35px 20px 40px;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:30px; left:0; text-align:center; width:100%; color:#000; font-size: 1.3em; }
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494; visibility: hidden; }
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:30px; left:13px; background:url(/images/ttoh/btn/lightbox.gif) 7px -48px no-repeat; width:30px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-44px -48px;}
        #cboxNext{position:absolute; bottom:30px; right:17px; background:url(/images/ttoh/btn/lightbox.gif) top left no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:top right;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:8px; right:20px; background:url(/images/ttoh/btn/lightbox.gif) 35px -102px no-repeat; width:50px; height:17px; color:#a13500; font-size: 1.3em; text-transform:capitalize; font-weight: bold;}
        #cboxClose.hover{background-position: -25px -102px;}