/* LAYOUT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

This file controls (mostly) the positioning, margins, padding, etc.
ultimately determining WHERE on the page particular chunks of
content appear. 

Other files in this folder determine colour (color.css) and typography (type.css) 
---------------------------------------------------------------------------------*/

html { background: #fff url(../images/bg-html.gif) repeat-x left 73px;}
body { position: relative; margin: 0 0 0 100px; padding: 0; text-align: left; }

/* for troubleshooting layout toggle this border-width on/off */
body, .branding, .nav, .content, .site_info, .content_sub { border: 0px solid red; }


/* =header
------------------------------------------------------------------------- */

.branding { height: 214px; overflow: hidden; margin-bottom: 40px; }
.branding h1 { text-indent: -9999px; }
.branding #quote { position: absolute; top: 85px; left: 515px; }
.branding #hipriority { position: absolute; top: 85px; left: 515px; width: 200px; }
.branding #hipriority h2 { padding-left: 0; padding-bottom: 0; font-size: 120%;}
/*
#hotnews { position: absolute; top: -162px; left: 520px; width: 180px; overflow: clip; z-index: 20; color: #fff; font-size: 90%; line-height: 140%;}
#hotnews p, #hotnews h4 { padding-left: 0; } 
*/

/* =navigation 
------------------------------------------------------------------------- */

/* =features nav - main content areas "Our Creative Sector, Arts & Culture Plan, Conversation Day" */

.nav_features { position: absolute; top: 183px; left: 0; z-index: 10; }

li#nav_csector { position: absolute; top: 0; left: 0;}
li#nav_plan { position: absolute; top: 0; left: 168px;}
li#nav_convo { position: absolute; top: 0; left: 336px;}

li#nav_csector a, 
li#nav_plan a, 
li#nav_convo a { width: 164px; height: 32px; display: block; text-decoration: none; }

li#nav_csector a span, 
li#nav_plan a span, 
li#nav_convo a span { width: 0; height: 0; display: block; overflow: hidden; }


#nav_csector a:link, #nav_csector a:visited  { background: url(../images/nav-f_csector.gif) no-repeat 0 0; }
#nav_plan a:link, #nav_plan a:visited { background: url(../images/nav-f_plan.gif) no-repeat 0 0; }
#nav_convo a:link, #nav_convo a:visited  { background: url(../images/nav-f_convo.gif) no-repeat 0 0; }

#nav_csector a:hover, #nav_csector a:active,
#nav_plan a:hover, #nav_plan a:active,
#nav_convo a:hover, #nav_convo a:active {background-position: 0px -32px; text-decoration: none; }

#nav_csector.selected a,
#nav_convo.selected a,
#nav_plan.selected a { background-position: 0px -32px; }


/* =utility nav - this is for "About, Contact, Home" */

.nav_utility { position: absolute; width: 220px; top: 56px; left: 516px; font-weight: bold; }

.nav_utility li { display: inline; padding-right: 0.4em; } /* Flow list horizontally and give list items some space */

.nav_utility a { text-decoration: none; color: #555; }
.nav_utility a:hover { border-bottom: 1px solid #666; color: #000; }


/* =sub nav - this is for the navigation in the Conversation Day section */

#sub_nav li { margin: 0; padding: 0 0 1em; height: 18px; }
#sub_nav a { font-size: 120%; padding: 0; margin: 0; color: #888; text-decoration: none; border-bottom: 1px solid #999; display: block; }
#sub_nav a#selected,
#sub_nav a:hover { color: #007095; border-bottom-color: #333; }




/* =content
------------------------------------------------------------------------- */

.content { width: 740px; }
.content_main, .content_sub { position: absolute; top: 0; left: 0; }

.w { width: 740px; } /* Wide column for primary content */
.n { width: 470px; } /* Narrow column for when both primary and secondary column exist on a page */

.content_sub { width: 255px; top: 0; left: 490px; padding-top: 40px; }
.content_sub ul li { margin-bottom: 3em; }
.content_sub ul { padding-bottom: 1em;}
.content_sub #quiz div { padding-right: 2em; }
.content_sub ul#speakers { margin-bottom: 2em; }
.content_sub #speakers img { display: block; width: 210px; border: 1px solid #999; margin: 0 10px 10px 6px; }

.callout { padding-left: 0.7em; padding-bottom: 0; margin-bottom: 1.5em;} /* for large intro text on homepage */

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

.content_main ul.cleared { clear: both; }

dl#presenters dd p { padding-left: 0; padding-right: 0; }

/* =tables 
------------------------------------------------------------------------- */

/* ObjProc (affects the objectives and process table on the index.htm) */
#obj-proc { text-align: left; padding: 0; margin: 1em 0 2em 10px; width: 93%; border: 0px solid #ccc; }

#obj-proc thead { padding: 0; margin: 0;}

#obj-proc tr { padding: 0; margin: 0; border: 0px solid #ccc; }

#obj-proc th { padding: 4px 0 3px 8px; font-size: 120%; border-left: 4px solid #999; border-bottom: 4px solid #fff;}
#obj-proc td { border-left: 1px solid #98C8DF;}

#obj-proc thead { padding: 0; margin: 0; }

#am-stream dd, #pm-stream dd { margin: 2px 6px 2px; }

#am-stream dt, #pm-stream dt { margin: 0.7em 0 0 6px; font-weight: bold; }

#am-stream dt, #pm-stream dt { padding-bottom: 0;}
#am-stream dt.session, #pm-stream dt.session { font-weight: normal; color: #007095; font-size: 120%; margin: 0 0; border: 0;}


/* Speakers (affects table on speakers.htm) */

#speakermenu { padding: 0 0 0 12px; margin: 1.5em 0 2.5em; border: 0; }

#speakermenu caption { padding: 0 0 6px 0; text-indent: 6px; margin: 0; text-align: left; color: #007095; }

#speakermenu thead th { text-align: left; font-weight: bold; padding: 4px 0 2px 0.4em; border: 2px solid #999; border-width: 0 0 0 2px; background: #eee; }

#speakermenu tbody tr { border: 0px solid; border-width: 0 0 0 0px;}
#speakermenu tbody tr th,
#speakermenu tbody tr td { border: 0px solid #ccc; border-width: 0 0 0 0px; padding: 0; }

#speakermenu a { color: #777; display: block; padding: 3px 0 2px 0.4em; margin: 1px 0 0 0; text-decoration: none; border: 0;}
#speakermenu a:hover { color: #333; background: #ebebeb url(../images/arrow_down.gif) no-repeat 80% 50%; }


/* Schedule (affects table on conversation.htm) */

#schedule { padding-top: 0; margin-top: 0; border: 1px solid #007095; border-width: 0 0 1px;}

#schedule caption {	margin-top: 1.5em; color: #007095; padding-bottom: 0.5em; }

#schedule thead th { background: #eee; border-left: 4px solid #999; padding: 8px 6px 6px; margin: 0 0 6px -1px; }
#schedule thead th.special { border: 0; border-top: 0px solid #007095; background: #fff; font-size: 100%; padding-right: 10px; padding-left: 10px; color: #ff009e; }

#schedule tbody tr { border-bottom: 1px solid #007095; }
#schedule tbody tr.odd { background: #ECF1F3; }

#schedule tbody tr:hover td, 
#schedule tbody tr:hover th { background-color: #E5F7C6; color: #333; }

#schedule tbody th, 
#schedule tbody td { vertical-align: top; color: #777; padding: 10px 1em; border-top: 1px solid #98C8DF; }
#schedule tbody td { border-right: none; }
#schedule tbody td h4 { color: #007095; padding: 0; margin: 0; }
#schedule tbody td p { padding: 0; margin: 0;}

#schedule tbody ul { padding: 0; margin: 0;}
#schedule tbody li { margin: 0; padding: 4px 0 4px 10px; }

#schedule a { border: 0; }
#schedule a:hover {	color: #007095; border: 0; }


/* =Session details */

table#am-stream,
table#pm-stream { text-align: left; padding: 0; margin: 0 0 2.5em; border-collapse: collapse; width: 100%; border: 0px solid #ccc; }

#am-stream caption,
#pm-stream caption { background: #eee; font-size: 120%; border-left: 4px solid #999; padding: 8px 6px 6px; margin: 0 0 6px -1px; }

table#am-stream thead { padding: 0; margin: 0;}

#am-stream tr,
#pm-stream tr { padding: 0; margin: 0; border: 0px solid #ccc; }

#am-stream td, #am-stream th,
#pm-stream td, #pm-stream th { padding-left: 6px; border-left: 1px solid #98C8DF;}

#am-stream td.stream1, #am-stream th.stream1, 
#pm-stream td.stream1, #pm-stream th.stream1 { width: 50%; } 

#am-stream thead,
#pm-stream thead { padding: 0; margin: 0; }

#am-stream dl, #am-stream dt, #am-stream dd, 
#pm-stream dl, #pm-stream dt, #pm-stream dd { font-size: 100%; padding: 0; margin: 0;}

#am-stream dd, #pm-stream dd { margin: 2px 6px 2px; }

#am-stream dt, #pm-stream dt { margin: 0.7em 0 0 6px; font-weight: bold; }

#am-stream dt, #pm-stream dt { padding-bottom: 0;}
#am-stream dt.session, #pm-stream dt.session { font-weight: normal; color: #007095; font-size: 120%; margin: 0 0; border: 0;}

/* Quiz Table style 1 */

table.quiztbl { padding: 0; margin: 1em 0 1em 10px; border: 0; }
table.quiztbl tr td,
table.quiztbl tr th { padding: 3px 12px 2px 3px; margin: 0; border-bottom: 1px solid #888;}
table.quiztbl tr th { font-weight: bold; }
table.quiztbl thead tr th { color: #007095; }

/* =lists (unordered, ordered, definition)
------------------------------------------------------------------------- */

.photo-credits div { clear: both; padding-left: 5px; }
.photo-credits dt { float: left; width: 52px; margin-right: 5px; }
.photo-credits img { border: 1px solid #333; }
.photo-credits dd.photog { padding-top: 0.7em; font-size: 120%; }
.photo-credits dd.subj { color: #777; }

.rel-date { display: block; font-size: 90%; padding-left: 1px; }

/* =forms
------------------------------------------------------------------------- */

form { margin-left: 0.7em;}
label { padding-top: 0.6em; display: block; }


/* =footer 
------------------------------------------------------------------------- */

.site_info { padding-top: 1.0em; margin-top: 1.0em; }
.site_info { height: 200px; margin: 8em 0 0 -100px; padding-left: 100px; background: #999 url(../images/bg-footer.jpg) repeat-x left top; }
.site_info div { width: 740px; padding-top: 0.5em;}
#navbtm-feat li, #navbtm-util li { display: inline; }
#navbtm-feat { float: left; }
#navbtm-util { float: right; }
.legalese { padding: 0.5em 0; clear: both;}



/* =misc
------------------------------------------------------------------------- */

p.button { margin-top: 1em; width: 90%; }
p.button a { float: right; padding: 0; margin: 0; display: block; height: 30px; width: 74px; text-indent: -5555px; background: url(../images/btn_nxt.gif) no-repeat 0 0; border: 0; }
p.button a:hover { background-position: 0 100%;}


/* =shutting off
------------------------------------------------------------------------- */
.gblabel { display: none; visibility: hidden; text-indent: -9999px; }