@charset "UTF-8";
/* CSS Document */

body {
text-align: center;
margin: 0;
padding: 0;
border: 0;	
font-size: 75%;
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
background: #ffffff url(/resources/img/bg-body.gif) repeat;
color: #333333;
}

img {
border: 0;
margin: 0;
padding: 0;
}



/* CORE STRUCTURE */
div#wrapper	{
margin: 0 auto 0 auto;
padding: 0;
width: 900px;
}
div#header {
height: auto;
}
html>body div#header {
/* value for non-IE6 and below browsers*/
margin: 10px 0 0 0;
padding: 0;
}
div#mainbox {
background: #ffffff;
color: #333333;
height: 100%;
border-left: 50px solid #b8d5e5;
border-right: 50px solid #b8d5e5;
border-bottom: 50px solid #b8d5e5;
}
html>body div#mainbox {
/* value for non-IE6 and below browsers*/
margin: 0;
padding: 7px;
}
div#nav {
text-align: center;
padding: 0;
margin: 0;
width: auto;
}
div#contentbox {
text-align: left;
margin: 7px 0 0 0;
padding: 0;
background: #ffffff url(/resources/img/bg-sidebar.gif) repeat-y;
color: #333333;
}
div#content {
float: left;
width: 490px;
margin: 3px 0 0 4px;
padding: 0;
}
div#sidebar {
margin: 0 0 7px 516px;
padding: 12px;
}
/* nasty hack to stop float drop in WinIE */
/* hide from MacIE. only WinIE sees this. \*/
* html div#sidebar {
overflow: hidden;
o\verflow: visible;
width: 100%;
w\idth: auto;
he\ight: 1%;
}
/* end hide */

div#footer {
background: #e7f1f6/*#eef5dd*/;
color: #333333;
text-align: center;
font-family: georgia, "times new roman", times, serif;
text-transform: uppercase;
font-weight: bold;
font-size: 75%;
line-height: 70%;
letter-spacing: 0.1em;
}
html>body div#footer {
/* value for non-IE6 and below browsers*/
margin: 7px 0 0 0;
padding: 0;
}
div#copyright {
margin: 0;
padding: 15px 0 15px 0;
font-size: 80%;
}




/****** NAVIGATION ******/

/* ----- GLOBAL NAV ----- */
div#nav ul {
float: left;
background: #988d7f; /*#557700 url(../img/bg-nav.gif) repeat 50% 50%*/;
color: #ffffff;
font-family: georgia, "times new roman", times, serif;
text-transform: uppercase;
font-weight: bold;
font-size: 100%;
line-height: 80%;
letter-spacing: 0.15em;
}
html>body div#nav ul {
/* value for non-IE6 and below browsers*/
width: 100%;
padding: 0;
margin: 0;
}
div#nav li {
float: left;
display: block;
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
}
html>body div#nav li {
/* value for non-IE6 and below browsers*/
width: 25%;
}
div#nav li a {
display: block;
color: #ffffff;
background: transparent;
text-decoration: none;
}
html>body div#nav li a {
/* value for non-IE6 and below browsers*/
padding: 12px 0 12px 0;
margin: 0;
}
div#nav li a:hover {
display: block;
padding: 10px 0 10px 0;
margin: 0;
background: #557700; /*#005577;*/
color: #ffffff;
}
html>body div#nav li a:hover {
/* value for non-IE6 and below browsers*/
padding: 12px 0 12px 0;
margin: 0;
}
div#nav li.last {
}
html>body div#nav li.last {
}


/* ----- BREADCRUMBS ----- */
ul.breadcrumbs {
font-size: 85%;
text-transform: lowercase;
line-height: 110%;
list-style: none;
text-indent: 0;
}
html>body ul.breadcrumbs {
/* value for non-IE6 and below browsers*/
margin: 0 0 0.6em 0;
padding: 0 0 1em 0;
}
.breadcrumbs li {
display: inline;
color: inherit;
background: transparent;
}
.breadcrumbs li a:link {
}
.breadcrumbs li a:hover {
text-decoration: underline;
}
.breadcrumbs span {
/*padding: 0 0.1em 0 0;
margin: 0;*/
}


/* ----- SUBNAV ----- */
#subnav ul {
border: 1px solid #dddddd;
border-bottom: 0;
padding: 0;
margin: 0 0 15px 0;
background: #f9fcf4;
color: #333333;
font-family: georgia, "times new roman", times, serif;
font-size: 95%;
font-weight: bold;
text-transform: uppercase;
}
#subnav li {
list-style: none;
list-style-image: none;
padding: 0;
margin: 0;
text-indent: 7px;
border-bottom: 1px solid #dddddd;
}
html>body #subnav li {
/* value for non-IE6 and below browsers*/
display: block;
}
#subnav li a {
display: block;
padding: 4px 0 4px 0;
margin: 0;
background: #f9fcf4;
color: #669900;
}
#subnav li a:hover {
display: block;
background: #005577;
color: #ffffff;
text-decoration: none;
}


/* ----- FOOTERNAV ----- */
#footer ul {
margin: 0;
padding: 4px;
height: auto;
}
#footer li {
display: inline;
padding: 0 2px 0 2px;
margin: 0;
height: auto;
}
#footer li a {
text-decoration: none;
background: transparent;
color: #669900;
}
#footer li a:hover {
background: transparent;
color: #ffbb00;
}




/****** SPECIFIC FORMATTING/LAYOUT ******/
/* ----- SOCIAL NETWORKING BOX ----- */
p.social a {
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 1.2em;
}
p.social img {
vertical-align: middle;
padding: 0 2px 0 0;
margin: 0;
}
p.social a:hover {
text-decoration: none;
}


/* ----- POPUP TEMPLATE ----- */
div#wrapper-popup {
margin: 0 auto 0 auto;
padding: 0;
width: 600px;
}


/* ----- HEADER ----- */
div#header img {
padding: 0;
margin: 0;
}
div#wrapper div#header h1 {
display: none;
width: 500px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 95%;
letter-spacing: 0.1em;
background: transparent;
color: #005577;
margin: 0;
padding: 0;
]}
html>body div#wrapper div#header h1 {
/* value for non-IE6 and below browsers*/
position: relative;
top: 133px;
left: 235px;
}
div#wrapper div#header h1 span {
margin-left: 70px;
}


/* ----- CONTENT ----- */
#content img {
border: 1px solid #dddddd;
padding: 5px;
}
#content img.noborder {
border: 0;
padding: 0;
margin: 3px 3px 3px 0; 
}



/* ----- SIDEBOX ----- */
.sidebox {
border: 1px solid #dddddd;
padding: 7px 7px 1px 7px;
margin: 0 0 15px 0;
background: #fafcfd;
color: #333333;
}
.sidebox h1, .sidebox h2, .sidebox h3, .sidebox h4, .sidebox h5, .sidebox h6 {
text-transform: uppercase;
font-weight: bold;
background: transparent;
color: #005577;
}
.sidebox h1 {
padding: 3px;
margin: 0 0 5px 0;
font-size: 100%;
display: block;
background: #e7f1f6;
color: #005577;
letter-spacing: 0;
}
.sidebox h2 {
font-size: 95%;
}
.sidebox h3 {
font-size: 90%;
}
.sidebox p {
font-size: 90%;
padding: 0;
margin: 0 0 7px 0;
}
.sidebox ul li {
font-size: 90%;
line-height: 100%;
}
.sidebox form  {
margin-bottom: 3px;
}


/* ----- EVENT SUMMARY ----- */
#content .summary h3 {
font-family: georgia, "times new roman", times, serif;
text-transform: uppercase;
font-weight: bold;
font-size: 110%;
display: block;
background: #e7f1f6 url(/resources/img/bg-heading.gif) repeat 50% 50%;
color: #005577;
border: 1px solid #eef5dd;
margin: 13px 0 6px 0;
padding: 6px;
}
#content .summary h3 a:hover {
text-decoration: none;
}
#content .summary img {
float: left;
}
#content .summary p {
font-size: 95%;
}
#content .summary img {
float: left;
margin: 0 7px 5px 0;
padding: 5px;
}
#content .summary ul.summaryline {
clear: both;
display: block;
font-family: georgia, "times new roman", times, serif;
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
background: #ffffff;
color: #333333;
margin: 0 0 18px 0;
padding: 4px 8px 4px 4px;
text-align: right;
border-top: 1px solid #eef5dd;
border-bottom: 1px solid #eef5dd;
}
#content .summary ul.summaryline li {
display: inline;
list-style: none;
list-style-image: none;
padding: 0 0 0 20px;
margin: 0;
}
.details {
margin: 0 0 4px 0;
}
.details p {
font-size: 90%;
font-weight: bold;
background: transparent;
color: #333333;
padding: 0;
margin: 0;
}


/* ----- EVENT DETAIL PAGE ----- */
/* commented backslash hack to hide from IE5 Mac \*/
div.details img {
float: left;
position: relative;
padding: 5px;
margin: 0 5px 5px 0;
}
/* End IE5-Mac hide */




/* ----- PARTNERS BOX ----- */
#sidebar .partners h1 {
font-size: 105%;
}
#sidebar .partners h2 {
font-size: 95%;
}
#sidebar .partners p {
font-size: 105%;
}
#sidebar .partners img {
padding-top: 2px;
}


/* ----- MAILING LIST SUB SIDEBOX ----- */
#mailing {
position: relative;
display: block;
margin: 0;
padding: 0;
}
#mailing form {
padding: 0;
margin: 0;
}
#mailing fieldset {
position: relative;
border: 0;
padding: 0;
margin: 0;
}
#mailing label {
font-size: 95%;
margin: 0;
padding: 0;
}
#mailing legend {
display: none;
font-weight: bold;
position: relative;
margin: 0;
padding: 0;
}
#mailing input {
font-size: 90%;
}
#mailing input#l293413-293413 {
width: 140px;
margin: 3px 4px 3px 0;
padding: 0;
}

/* Forms on mailing list page */
#mailing-page label {
font-size: 90%;
margin: 0;
padding: 0;
}
#mailing-page legend {
display: none;
font-weight: bold;
position: relative;
margin: 0;
padding: 0;
}
#mailing-page input {
font-size: 90%;
}
#mailing-page input.text {
width: 300px;
margin: 3px 4px 3px 0;
padding: 0;
}

/* ----- NEWS & MEDIA PAGES ----- */
p.date {
font-size: 90%;
}


/* ----- POPUP LAYOUT ----- */
#popup {
text-align: left;
background: white;
color: #333333;
height: 400px;
min-height: 400px; !important
padding: 7px;
margin: 10px 0 0 0;
}



/* GENERAL TEXT FORMATTING */
/* ----- HEADINGS ----- */
h1, h2, h3, h4, h5, h6 {
font-family: georgia, "times new roman", times, serif;
font-weight: bold;
color: #005577;
background: inherit;
}
h1 {
font-size: 190%;
margin: 0 0 0.3em 0;
padding: 0;
}
h2 {
font-size: 170%;
margin: 0.7em 0 0.3em 0;
padding-top: 0.2em;
}
h3 {
font-size: 150%;
margin: 0 0 0.2em 0;
padding-top: 0.2em;
}
h4 {
font-size: 130%;
margin: 0 0 0.1em 0;
padding-top: 0.1em;
}
h5 {
font-size: 120%;
margin: 0 0 0.1em 0;
padding-top: 0.1em;
}
h6 {
font-size: 150%;
margin: 0 0 0.1em 0;
padding-top: 0.1em;
}


/* ----- GENERAL TEXT FORMATTING ----- */
p {
line-height: 130%;
margin: 0 0 0.8em 0;
padding: 0;
}
span {
}
blockquote {
margin-top: 0;
margin-bottom: 0.7em;
}
blockquote p {
font-size: 90%;
line-height: 130%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0.8em;
}
blockquote ul li {
font-size: 90%;
}
blockquote ol li {
font-size: 90%;
}
.small {
font-size: 85%;
}
.med  {
font-size: 95%;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.middle {
vertical-align: middle
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}
.centre {
text-align: center;
}
.caption {
font-family: georgia, "times new roman", times, serif;
font-size: 85%;
line-height: 85%;
background: transparent;
font-style: italic;
color: #aaaaaa;
margin: 0 0 3px 2px;
padding: 0;
}
.more {
font-style: italic;
}


/* ----- LINKS ----- */
a {
text-decoration: none;
}
a:link {
color: #669900;
background: inherit;
text-decoration: none;
}
a:visited {
color: #669900;
background: inherit;
text-decoration: none;
}
a:hover {
color: #ffbb00;
background: inherit;
text-decoration: underline;
}
h1 a:link, h1 a:visited {
color: #005577;
background: inherit;
}
h1 a:hover {
color: #ffbb00;
background: inherit;
text-decoration: underline;
}
h2 a:link, h2 a:visited {
color: #005577;
background: inherit;
}
h2 a:hover {
color: #ffbb00;
background: inherit;
text-decoration: underline;
}
h3 a:link, h3 a:visited {
color: #005577;
background: inherit;
}
h3 a:hover {
color: #ffbb00;
background: inherit;
text-decoration: underline;
}
h4 a:link, h4 a:visited {
color: #005577;
background: inherit;
}
h4 a:hover {
color: #ffbb00;
background: inherit;
text-decoration: underline;
}


/* ----- LISTS ----- */
/* hide from IE6 - value below is only for IE5-Mac */
html>body ul li {
list-style: square;
}
/* hide below from IE5-Mac - first is for IE6, second is for decent browsers \*/
ul li {
list-style: square;
}
html>body ul li {
list-style: square !important;
}
/* End IE5-Mac hide */
ul {
line-height: 110%;
margin: 0 0 0.8em 0.8em;
padding: 0 0 0 0.5em;
}
ul li {
font-size: 1em;
line-height: 120%;
margin: 0 0 0.6em 0;
padding: 0;
text-indent: 0;
}



/* BITS & PIECES */
/* ----- IMAGES & WRAPS ----- */
/* commented backslash hack to hide from IE5 Mac \*/
.wrap {
float: left;
position: relative;
margin: 0 7px 3px 0;
padding: 0;
}
/* End IE5-Mac hide */

/* commented backslash hack to hide from IE5 Mac \*/
.wrap-right {
float: right;
margin: 0 7px 3px 10px;
padding: 0;
}
/* End IE5-Mac hide */


/* ----- HIDE ----- */
.hide {
display: none;
}


/* ----- FLOATS ----- */
.left {
float: left;
width: 45%;
}
.right {
margin-left: 50%;
}


/* ----- CLEARS ----- */
div.clearing {
clear: both;
line-height:0;
height: 1px;
margin: -8px 0 0 0;
font-size: 1px;
display: block;
}
html>body .clearing {
/* value for non-IE6 and below browsers*/
clear: both;
height: 0;
margin: 0;
}
html>body .clearleft {
/* value for non-IE6 and below browsers*/
clear: left;
height: 0;
}
html>body .clearight {
/* value for non-IE6 and below browsers*/
clear: right;
height: 0;
}


#video {
text-align: center;
}

div.tickets {

}
div.tickets h1 {
text-transform: uppercase;
font-size: 150%;
padding: 3px;
margin: 0 0 5px 0;
display: block;
background: #669900;
text-align: center;
}
div.tickets h1 a {
color: #ffffff;
}
div.tickets h1 a:hover {
text-decoration: none;
color: #035676;
}
div.tickets p {
font-size: 90%;
margin-bottom: 5px;
}