/* Title: Global styles for screen media. Author: Simon Leadbetter simon@dotcog.com. Last updated: 8 October 2007 */

/* --[ =MISCALLANEOUS ]------------------------ */
.fright {float: right;}
.fleft {float: left;}
.clear {clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.inv {position: absolute; left: -5000px;}     
.clearfix {
    display: inline-block;
}  
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;    
}

/* --[ =LAYOUT ]------------------------------ */
html  {width:100%; height:100%;}
html body  {width:100%; height:100%;}
div#page_wrapper{width:77.6em;}
div#header {height: 194px; position:relative;}
div#header div#login {position: absolute; right: 1em; top: 1em; z-index: 1003;}
div#content_wrapper{background-color:#fff; background-repeat:no-repeat;}
div#content_wrapper div#content_wrapper_inner{background-color:transparent; background-repeat:no-repeat; padding:0 2em;}
div#content {min-height:40em;}
div#subsection_nav_column{width:17.4em; float:left;}
div#footer {padding:1em 0; clear:both; border-top:1px solid;}
div#btm_img{height:190px;}

/*TEMP - HIGHLIGHTING (REMOVE AFTER TESTING)*/
/*#page_wrapper #content_wrapper{background:silver; border:1px solid red;}
#content{background:yellow;}
#content #main_content{background:red;}
#content #secondary_content{background:blue;}
ul#navigation_sections{background:purple;}
ul#navigation_subsections{background:green;}*/

/*different layouts*/
/*one_col*/
body.one_col div#content{width:55.2em; float:none;}
/*two_col*/
body.two_col div#content{width:55.2em; float:right;}
/*three_col*/
body.three_col div#content{width:55.2em; float:right;}
body.three_col div#content div#main_content{width:35.8em; float:left;}
body.three_col div#content div#secondary_content{width:18.4em; float:right;}

/*left / right classes*/
body.right div#page_wrapper {float:right; padding:0 0 0 184px;}
body.right div#content_wrapper{background-position:top left;}
body.right div#content_wrapper_inner{background-position:bottom left;}
body.right div#header .logo{right:20px;}
body.right div#header blockquote{right:20px;}

body.left div#page_wrapper {padding:0 184px 0 0;}
body.left div#content_wrapper{background-position:top right;}
body.left div#content_wrapper_inner{background-position:bottom right;}
body.left div#header .logo{left:20px;}
body.left div#header blockquote{left:20px;}

/* --[ =TYPOGRAPHY ]--------------------------- */
body {font-family: Verdana, Arial, Helvetica, sans-serif; color:#2A2622;}
/*elements in georgia*/
ul#navigation_sections, ul#navigation_subsections, div#footer div#details div.tel p.number, div#header blockquote p, h1, h2, h3, h4, h5, h6, dl.article_list dt a, dl.article_list dt, div.tab_panel ul.tabs-nav li a, div.tab_panel div.tabs-container a.visit_link, body#t_reviews div#main_content blockquote p, dl.comments_list dt, #content blockquote p{font-family:georgia, times, serif;}

#content blockquote {margin: 1.3em 0 1.3em 2em; padding: 0 1em;}
#content blockquote p {font-size:1.5em;}
#content blockquote p cite {font-style:italic; margin:-0.8em 0 0 0; font-size:1em;}
#content blockquote cite {font-style:italic; margin:-0.8em 0 0 0; display:block; font-size:1.3em;}
p {margin: 0 0 1em 0; font-size: 1.3em; line-height: 1.3em;}
strong {font-weight: bold;}
em {font-style: italic;}
q{font-style:italic;}
cite, q cite{font-style:italic;}
p.caption{margin-top:0.25em; font-size:1.2em;}
p abbr, p acronym{border-bottom:1px dashed #2A2622; cursor:help;}
p a abbr, p a acronym{border-bottom:1px dashed #2A2622; cursor:help;}

/*lists*/
dl {padding:0 0 0 3em; margin: 0 0 1em 0; font-size:1.3em; clear: both;}
dt {margin:0 0 0.3em -1.3em; font-size:1em; line-height:1.3em; font-weight:bold;}
dd {margin: 0 0 1em 0; font-size: 1em; line-height: 1.3em;}

ul {font-size: 1.3em; line-height: 1.3em; list-style: disc; padding: 0 0 0 3em; margin: 0 0 1em 0; clear: both;}
ul li ul {list-style: disc; padding: 0 0 0 2em; margin:1em 0; font-size: 1em;}

ol {font-size: 1.3em; line-height: 1.3em; list-style: decimal; padding: 0 0 0 3em; margin: 0 0 1em 0; clear: both;}
ol li ol {list-style: lower-alpha; padding: 0 0 0 3em; margin:1em 0; font-size: 1em;}

ul li, ol li {margin: 0 0 1em 0;}
ul li p, ol li p, dl dt p, dl dd p{font-size:1em; margin:0 0 0.7em 0;}

/*lists for specific uses*/

/*An article list, with a title and description*/
dl.article_list{padding:0;}
dl.article_list dt{font-weight:normal; font-size:1.23em; line-height:1.25em; padding:0 0 0 1em; margin:0 0 0.18em 0; background-position:0 0.3em; background-repeat:no-repeat;}
dl.article_list dt span.published{display:block; font-size:0.7em; line-height:1.3em; color:#73675B; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;}
dl.article_list dd{margin:0.4em 0 1.3em 1.23em;}
dl.article_list p{font-size:1em;}

/*A download list (add class .download to article list)*/
dl.download dt{background-position:0 0.4em;}

/*A compacted list*/
dl.compacted{clear:both; padding:0;}
dl.compacted dt{margin:0;}
dl.compacted dd{position:relative;}

/*---An image list---*/
ul.img_list{margin:0; padding:0; list-style:none; font-size:1em; position:relative;}
ul.img_list li{margin:0 1em 1em 0; padding:0; display:inline; float:left;}
ul.img_list li a{display:block; width:276px; height:101px; float:left; position:relative;  overflow:hidden;}
ul.img_list li span.img_frame{display:block; width:276px; height:101px; background:url('site_assets/images/generic/img_thumb_frame.gif') no-repeat top left; position:absolute;}
ul.img_list img{margin:0;}

/*set at different widths depending on body class*/
body.two_col ul.img_list{width:57.2em;}

/* .vertical sub class (one image per row, one column)*/
ul.vertical li{margin:0 0 1em 0;}

/* Headings */
h1{font-size:3.5em;line-height:1.22em;font-weight:normal; position: relative; clear:both; display: block;margin:0.2em 0 0.45em 0;}
h2 {font-size: 2em; font-weight: normal; margin:1em 0 0.60em 0; padding: 0; clear:both; float: none; display: block;}
h3 {font-size: 1.8em;  margin: 1em 0 0.60em 0; padding:0; font-weight: normal;clear:both; float: none; display: block;}
/* heading sub text*/
div.heading_subtext h1, div.heading_subtext h2{margin-bottom:0;}
div.heading_subtext p{margin:0.25em 0 1.15em 0; color:#73675B; font-size:1.2em;}

/* Links */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, ul a, ol a, ul li a, ol li a, dl dt a, dl dd a{font-size:1em;}

a { -moz-outline: none; display:inline;}
:link { text-decoration: none;}
:visited { text-decoration: none;}
:link:hover, :visited:hover { text-decoration: underline;}
:link:focus, :visited:focus { text-decoration: none; -moz-outline: none; outline:none;}
:link:active, :visited:active { text-decoration: none;}

p.top_link{text-align:right;}
p.top_link a{background-repeat:no-repeat; background-position:100% 60%; padding:0 1em 0 0; text-align:right;}

p.back_link{margin-bottom:1.3em;}
p.back_link a{background-repeat:no-repeat; background-position:0 60%; padding:0 0 0 1em; text-align:left;}

/*images*/
img{margin:0;}

/*rounded corner images*/
div.img_container{position:relative; overflow:hidden;}
div.img_container div.img_frame{position:absolute; top:0; left:0; z-index:90000;}
div.img_container img{margin:0;}

/*thumb (on thumb replace div.img_frame with an anchor tag)*/
div.thumb{width:276px; height:101px;}
div.thumb a.img_frame{width:276px; height:101px; background:url('site_assets/images/generic/img_thumb_frame.gif') no-repeat top left; display:block; position:absolute; top:0; left:0; z-index:90000;}

/*to give the image container a btm margin*/
div.margin{margin-bottom:1.3em;}

/*full*/
div.full{width:736px; height:269px;}
div.full div.img_frame{width:736px; height:269px; background:url('site_assets/images/generic/img_full_frame.gif') no-repeat top left;}

/*if in two col layout*/
/*full*/
body.two_col div.full{width:552px; height:202px;}
body.two_col div.full div.img_frame{width:552px; height:202px; background:url('site_assets/images/sections/productions/img_full_frame.gif') no-repeat top left;}

/* --[ =HEADER ]------------------------------- */
div#header h1, #header p { margin: 0; padding: 0; }
div#header .logo {background-repeat:no-repeat; background-position:top left; position: absolute; top: 16px; text-indent: -9000px; width: 288px; height: 37px;}
div#header .logo:link:hover, div#header .logo:visited:hover{background-position:top right;}
div#header blockquote{position:absolute; top:60px; width:288px; margin:0; padding:0;}
div#header blockquote p{font-size:1.6em; line-height:1.25em; margin:0;}
div#page_wrapper div#header blockquote cite{font-size:1.2em; line-height:1.25em; text-align:right; display:block; margin:0.5em 0 0 0; padding:0 1em 0 0;}


/* --[ =NAVIGATION ]--------------------------------- */
ul#navigation_sections { position: relative; display: block; width:43.29em; float: none; padding:0; margin:0; list-style: none; font-size:1.7em; border-bottom:1px solid;}
ul#navigation_sections li { margin: 0; padding: 0; display: inline;}
ul#navigation_sections li a {display:block; position: relative; float: left; font-size:1em; line-height:1.25em; padding:0.70em 0; color:#665E50; text-decoration:none; margin:0 0.70em 0 0;}
ul#navigation_sections li a:link, ul#navigation_sections li a:visited{color:#665E50; text-decoration:none;}
ul#navigation_sections li a:link:hover, ul#navigation_sections li a:visited:hover{text-decoration:none;}
ul#navigation_sections li a:link:active, ul#navigation_sections li a:visited:active{text-decoration:none;}
ul#navigation_sections li a:link:focus, ul#navigation_sections li a:visited:focus{text-decoration:none;}

/*see screen_sections > navigation links for all sections - for hover states*/

/* Subnavigation */
ul#navigation_subsections {position:relative; display: block; list-style: none; font-size:1.6em; float:none; width:10.87em;  padding:1em 0;}
ul#navigation_subsections li {margin:0; padding: 0; display: inline;}
ul#navigation_subsections li a {font-size:1em; line-height:1.25em; display:block; margin:0 0 0.75em 0; padding:0 0 0 1em; background-position:0 0.3em; background-repeat:no-repeat;width:9.87em;}
ul#navigation_subsections li a:link, ul#navigation_subsections li a:visited{text-decoration:none;}
ul#navigation_subsections li a:link:hover, ul#navigation_subsections li a:visited:hover{text-decoration:none;}
ul#navigation_subsections li a:link:active, ul#navigation_subsections li a:visited:active{text-decoration:none;}
ul#navigation_subsections li a:link:focus, ul#navigation_subsections li a:visited:focus{text-decoration:none;}


/* Accessibility */
#navigation_accesibility {position: absolute; left: -5000px;}

/* --[ =MODULAR LAYOUT ]--------------------------------- */

/*------rounded corner panel (see screen_sections for bg color)-----*/
div.panel{background-repeat:no-repeat; background-position:bottom left;}
div.panel div.outer{background-repeat:no-repeat; background-position:bottom right;}
div.panel div.inner{background-repeat:no-repeat; background-position:top  left;}
div.panel div.content{background-repeat:no-repeat; background-position:top right;}

/*box subclass*/
div.box{ margin:1.3em 0;}
div.box div.content{padding:1em 1.5em 0.25em 1.5em;}
div.box h1, div.box h2, div.box h3{margin-top:0;}
/*When a list appears in .box when it occupies .subsection_nav_column, it's left padding is reduced*/
div#subsection_nav_column div.box div.content{padding:1em 1em 0.25em 1em;}
div#subsection_nav_column div.box div.content ul, div#subsection_nav_column div.box div.content ol, div#subsection_nav_column div.box div.content dl{padding:0 0 0 1.7em;}

/*paginate subclass*/
/*pagination*/
div.paginate{margin:1.3em 0;}
div.paginate div.content{padding:0.5em 1.56em;}
div.paginate p{margin:0;}
/*when paginate div occurs inside a definition list (in a listing)*/
dl div.paginate p{font-size:1em;}

/*tab panel nav*/
#content div.tab_panel ul.tabs-nav{font-size:2em; padding:0; margin:0; list-style:none; line-height:1.25em; float:left;  clear:none;}
div.tab_panel ul.tabs-nav li{float:left;  margin:0 0.125em 0 0;}
div.tab_panel ul.tabs-nav li a{display:block; float:left; padding:0.4375em 0.625em 0.45em 0.625em;  }
div.tab_panel ul.tabs-nav li a:link:hover, div.tab_panel ul.tabs-nav li a:visited:hover{cursor:pointer;}
/* JQuery tabs */div.tab_panel .ui-tabs-hide{display:none;}

/*tab panel content (subclass of .panel)*/
div.tab_panel div.panel{margin:0; clear:both;}
div.tab_panel div.panel div.content{padding:1.6em 1em 1em 1em;}
#content div.tab_panel div.panel div.inner{background:transparent;}
#content div.tab_panel div.panel div.content dl.article_list{margin:0;}
#content div.tab_panel div.panel div.content dl.article_list dt{padding:0; background:transparent;}
div.tab_panel div.panel div.content dl.article_list dt span.published{margin:0;}


/*----seperate content (seperate blocks of mixed content with a margin and solid border)------*/
div.seperate_content{margin:0 0 2.3em 0; border-bottom:1px solid;}
div.seperate_content:last-child {border:none;}


/*---A div-construsted list item--*/
/*without an image*/
div.list_item{margin:0; padding:0 0 1em 0;}/*in the case where there is no image, let the <p> tag provide the bottom margin*/
div.list_item h2{font-weight:normal; font-size:1.6em; line-height:1.25em; padding:0 0 0 1em; margin:0; background-position:0 0.3em; background-repeat:no-repeat;}
div.list_item p.date{display:block; font-size:1.1em; line-height:1.3em; color:#73675B; margin:0 0 0.9em 1.45em; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.list_item div.copy{margin:0 0 0 1.6em;}

/*.image sub-class*/
div.image{margin:0 0 1.3em 0;}
div.image div.thumb{float:left; margin:0 0 0 1.6em;}
div.image div.copy{float:right; width:24.6em; margin:0;}


/* --[ =FORMS ]-------------------------------- */
form {position: relative; width:60.3em; margin: 0 0 1em 0;padding:0;}
fieldset { border: none; padding: 0; margin: 0 0 1em 0;}
form fieldset input, fieldset textarea, fieldset select {font: 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0.3em 0 0.8em 0; color: #333333; background-color:#FFFFFF; border: 1px solid #ccc; float: none;}
form fieldset input, form fieldset textarea { /* add padding to a single and multi-lined text field*/ padding: 0.25em;}
fieldset textarea {/* assign height to a multi-lined text field */ height: 15em;}
fieldset select {height: 1.65em;}
fieldset select option {width: 100%; clear: none; float: none; display: block; background-color: #FFFFFF; color: #000000; padding: 0.5em 0.25em; border-bottom: 1px dashed #CCCCCC;}
fieldset select option:last-child {border-bottom: none;}
fieldset form:focus, fieldset input:focus, fieldset textarea:focus, fieldset select:focus {color:#000; background-color:#fff; border: 1px solid #666;}
fieldset label { font-size: 1.3em; font-weight: normal; display: block; float: none; clear: both; margin: 0.4em 0 0.2em 0;}
fieldset .checkbox, fieldset .checkbox:focus { margin: 0.1em 0.5em 1.2em 0; float: left; width: auto; background: none; border: none; padding:0;}
fieldset .warning { font-weight: bold; color: #FF0000;}
p.warning{font-size:1.3em;font-weight:bold;color:#FF0000;}
fieldset p { color: #333333;  font-size: 1.3em; line-height: 1.3em; margin: 0 0 1em 0;}
fieldset label span.optional_text { color: #333333;  font-size: 0.8em; font-weight: normal;}
p.error { font-size: 1.3em; font-weight: bold; color: #6E83A8;}
/*fieldset legend {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.5em;line-height:1.3em; clear:both;font-weight:normal;padding:0;margin:0 0 0.2em 0;}*/
fieldset legend {display:none;}
fieldset .field_width_1col { width: 58.3em; float: left; padding: 0 2em 0 0; clear: both; float: none;}
fieldset .field_width_2col { width: 28.1em; float: left; padding: 0 2em 0 0;}
fieldset .field_width_1col input, fieldset .field_width_2col input, fieldset .field_width_1col select, fieldset .field_width_2col select, fieldset .field_width_1col textarea, fieldset .field_width_2col textarea { width: 100%;}
form fieldset input[type="radio"],form fieldset input[type="checkbox"]{border:none;background-color:transparent;}  

/*take margin / padding off last field width div in row*/
#page_wrapper #content_wrapper #content fieldset div.last{padding:0; margin:0;}

/*set form at different widths depending on the layout class*/
/*three col*/
body.three_col #content #main_content form{width:35.8em;}
body.three_col #content #main_content form fieldset .field_width_1col { width: 34.8em; float: left; clear: both; float: none; padding:0;}
body.three_col #content #main_content form fieldset .field_width_2col { width:16.4em; float: left; padding:0; margin:0 2em 0 0;}

/*two col*/
body.two_col #content #main_content form{width:55.2em;}
body.two_col #content #main_content form fieldset .field_width_1col { width: 54.7em; float: left; clear: both; float: none; padding:0;}
body.two_col #content #main_content form fieldset .field_width_2col { width:26.1em; float: left; padding:0; margin:0 2em 0 0;}

/* --[ =BUTTONS ]------------------------------- */
   
   

/* --[ =VCARD ]-------------------------------- */
div.vcard {position:relative;}
div.vcard p {margin:0 0 1em 0;}   
div.vcard ul {display: block; list-style:none; padding:0; margin: 0.5em 0 0 0;width: 18.5em;}
div.vcard ul li {float:none; margin: 0; padding: 0;}
div.vcard ul li a{text-decoration:none;display:block;position:relative;color:#FFFFFF;width:100%;padding:0.23em 0.6em;margin:0 0 0.25em 0;color:#FFFFFF;background-color:#0D0E1A;}
div.vcard ul li :link{text-decoration:none;display:block;position:relative;width:100%;padding:0.23em 0.6em;margin:0 0 0.25em 0;color:#FFFFFF;background-color:#0D0E1A;}
div.vcard ul li :visited{text-decoration:none;color:#FFFFFF;background-color:#0D0E1A;}
div.vcard ul li :link:hover, div.vcard ul li :visited:hover{text-decoration:none;color:#1A1C2B;background-color:#FFFFFF;}
div.vcard ul li :link:focus, div.vcard ul li :visited:focus{text-decoration:none;color:#FFFFFF;background-color:#0D0E1A;}
div.vcard ul li :link:active, div.vcard ul li :visited:active{text-decoration:none;color:#FFFFFF;background-color:#0D0E1A;}


/* --[ =FOOTER ]------------------------------- */
div#footer p{margin:0;}
div#footer div#details{width:28.6em; float:left; position:relative;}
div#footer div#credit{width:27.6em; float:right; }

div#footer div#details ul#sponsor_logos{font-size:1em; padding:0; margin:0 12px 0 0; position:relative; width:119px; height:41px; list-style:none; left:0; top:0; border-right:1px solid; float:left;}
div#footer div#details ul#sponsor_logos li{display:inline; padding:0; margin:0; position:absolute;}
div#footer div#details ul#sponsor_logos li.itc{left:60px;top:0;}
div#footer div#details ul#sponsor_logos li.ace{left:0; top:0;}
div#footer div#details ul#sponsor_logos li a{display:block; height:41px; text-indent:-90000px; background-repeat:no-repeat; background-position:top left;}
div#footer div#details ul#sponsor_logos li a:link:hover, div#footer div#details ul#sponsor_logos li a:visited:hover{background-position:top right;}
div#footer div#details ul#sponsor_logos li.itc a{width:46px;}
div#footer div#details ul#sponsor_logos li.ace a{width:43px;}

div#footer div#details div.tel{width:15.3em; float:left;}
div#footer div#details div.tel p.heading{font-size:1.1em; line-height:1.25em;}
div#footer div#details div.tel p.number{font-size:1.7em; line-height:1em;}

div#footer div#credit p.copyright{font-size:1em; line-height:1.3em; text-align:right;}
div#footer div#credit p.credit{display:block; position:relative; height:24px;}
div#footer div#credit p.credit a{display:block; width:121px; height:19px; margin:5px 0 0 0; text-indent:-90000px; position:absolute; right:0; top:0; background-repeat:no-repeat; background-position:top left;}
div#footer div#credit p.credit a:link:hover, div#footer div#credit p.credit a:visited:hover{background-position:top right;}