/*-----------------------------------------------------------------------------
[Imports]
-----------------------------------------------------------------------------*/
@import url(reset.css);

/*-----------------------------------------------------------------------------
[Colour legend]

#6292b5		Headers, links (dark blue)
#97c6e8		Top links (light blue)
#656565		Main text (dark grey)
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
[HTML]
-----------------------------------------------------------------------------*/
body { background-color: #fff; color: #656565; font: 69%/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; }
/* strong, em, b, i, h3, p.introduction, .litfrmGroup { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode" , Arial, Helvetica, sans-serif; } */
h1, h2 { margin-bottom: 1ex; font-family: Georgia, "Times New Roman" , serif; font-weight: normal; color: #6292b5; }
h1 { font-size: 163%; margin-bottom: .4em; }
h2 { font-size: 136%; margin: 1em 0 .5em 0; }
h3 { font-size: 100%; font-weight: bold; margin: 0; }

th, td { text-align: left; }
a:link, a:visited { color: #6292b5; text-decoration: underline; }
a:hover, a:active { color: #97c6e8; text-decoration: none; }
p { margin: 0 0 1em; }
ul { margin: 1em 0; }
ul li { margin: .3em 0 .3em 1em; padding-left: 20px; background: transparent url(images/bg-listitem.png) no-repeat 0 1ex; list-style: none; }
hr { height: 1px; border-style: none; color: #d9d9d9; background-color: #d9d9d9; }

/*-----------------------------------------------------------------------------
[Forms]
-----------------------------------------------------------------------------*/
fieldset label, fieldset label input { display: block; }
fieldset label { padding: 2ex 0 0 0; }
fieldset.contact { width: 25em; padding: 0 1em 2ex 1em; border: thin groove #dda; background-color: #ffc; }
fieldset.contact input, fieldset.contact select, fieldset.contact textarea { width: 90%; }

/*-----------------------------------------------------------------------------
[Utilities]
-----------------------------------------------------------------------------*/
.clear { clear: both; }
.clearbox { display: inline-block; }
.clearbox:after { content: '.'; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }
html[xmlns] .clearbox { display: block; }
* + html .clearbox { /* ie7 */ overflow: visible; min-height: 1%; }
* html .clearbox { /* ie6 */ display: inline-block; overflow: visible; height: 1%; }
.round { background-color: #fff; border: 1px solid #e4e4e4; /* Do rounding (native in Firefox and Safari) */ -webkit-border-radius: 3px; -moz-border-radius: 3px; }
img.right { float: right; clear: right; margin: 0 0 0 1em; }
img.left { float: left; clear: left; margin: 0 1em 0 0; }
ul.plain, ul.plain li { list-style-type: none !important; margin: 0; padding: 0; background-image: none; }
.introduction { font-weight: bold; }

/*-----------------------------------------------------------------------------
[Structure]
-----------------------------------------------------------------------------*/
#page { width: 50%; min-width: 60em; border-right: 1px solid silver; background-color: #fff; color: #000; }
#header { height: 225px; width: 960px; margin: 0 auto; background: transparent url(images/bg-header.jpg) no-repeat 100% 0; }
#headertools { width: 600px; min-height: 155px; padding-top: 5px; float: right; text-align: right; }
#headertools a { color: #97c6e8; }
#bodywrapper { background-color: #f5f8fb; }
#body { width: 960px; margin: 0 auto; padding-bottom: 2em; background: transparent url(images/bg-body.jpg) no-repeat 100% 0; }
#nav { margin-bottom: 2em; }
#subNav { float: left; clear: left; width: 10em; }
#footer { width: 960px; margin: 3ex auto; color:#7e7e7e; line-height:1.8; }
#narrowContent { float: right; width: 670px; padding: 20px; min-height:300px; }
#wideContent { padding: 20px 19px; min-height:300px; }
#leftNav { width: 220px; padding: 20px 0; }

/*-----------------------------------------------------------------------------
[Sections]
-----------------------------------------------------------------------------*/
#search { margin-bottom: 70px; }
.searchbutton { border: none; background-color: Transparent; text-decoration: underline; color: #97c6e8; padding: 0; margin: 0; font-size: 100%; }
.searchfield { border: 1px solid #98c6e9; background-color: #fffdf6; width: 10em; font-size: 100%; }
.searchfield { border: 1px solid #98c6e9; background-color: #fffdf6; width: 10em; font-size: 100%; }
.loginout { padding-left: 12px; background: transparent url(images/bg-loginout.png) no-repeat; }
#today { margin-top: 5px; font-size: 109%; color: #d5d5d5; }
#footer ul {float: left; margin-right:4em;}

/*-----------------------------------------------------------------------------
[Navigation]
-----------------------------------------------------------------------------*/
#topmenu { text-align: right; margin-bottom: 5px; }
#topmenu li { display: inline; margin: 0 0 0 1em; }

a#home { display: block; overflow: hidden; height: 86px; width: 168px; float: left; margin: 38px 0 0 20px; background: url(images/bg-logotype.png) no-repeat; text-indent: -9999px; }
#nav { clear: both; background: transparent url(images/bg-nav.png) no-repeat; height: 61px; padding: 0 5px; margin:0; font-size:109%; }
#nav li { position: relative; float: left; height: 61px; line-height: 61px; padding: 0 15px; margin: 0; }
#nav li.selected { background: #a8d0ee url(images/bg-navitemselected.png) repeat-x; }
#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { color: #ffdeb1; text-decoration: underline; }
#nav a:active { color: #fff; text-decoration: none; }
#nav a.selected { color: #ffdeb1; text-decoration: underline; }
#nav ul { display: none; position: absolute; min-width: 100%; left: 0; top: 2em; border: 1px solid silver; border-top: 0; background: #fff; }
#nav li:hover ul { display: block; }
#nav ul li, #nav ul a { display: block; float: none; }

#leftNav a { text-decoration: none; }
#leftNav ul ul { margin-top: 0; margin-bottom: 0; }
#leftNav li { margin-left: 6px; padding-left: 14px; margin-bottom: 1ex; }
#leftNav li li { margin-left: 6px; padding-left: 14px; margin-bottom: .5ex; }
#leftNav li li a { color: #7ea5c2; }
#leftNav li.haschildren { background: transparent url(images/bg-leftnav-haschilds.png) no-repeat 0 1ex; }
#leftNav li.selected { background: transparent url(images/bg-leftnav-selected.png) no-repeat 0 1ex; }
#leftNav li.selected a { text-decoration: underline; color: #fdc700; }
#leftNav li.selected ul li a { text-decoration: none; color: #7ea5c2; }


/*-----------------------------------------------------------------------------
Linkchain
-----------------------------------------------------------------------------*/
#linkchain { font-size: 136%; color: #c4c4c4; line-height: 1; padding: .3em 0 0 20px; min-height: 25px; }
#linkchain a { font-size: 66%; color: #97c6e8; }



/*-----------------------------------------------------------------------------
Templates
-----------------------------------------------------------------------------*/

/* StartPage4.aspx */
.p-startpage #puffs { margin-bottom: 30px; }
.p-startpage .puff { float: left; width: 298px; }
.p-startpage .puffmiddle { margin: 0 30px; }
.p-startpage #welcome { float: left; width: 300px; }
.p-startpage .imagerotator { min-height:20px; height:200px; margin-bottom:10px; }
.p-startpage #newsContainer { float: left; width: 300px; vertical-align:top;}
.p-startpage #newsContainer h2 { margin-top: 0; }
.p-startpage .puffimage { display: block; margin-top: 0px; }
.p-startpage .pufftext { margin: 0 20px; font-size: 91%; }
.p-startpage #news { margin: 0; }
.p-startpage #news li { margin: 0; padding: 0; }
.p-startpage #news li .date { font-size: 81%; }
.p-startpage #middle { float: left; width: 300px;margin: 0 30px;}


/* News5.aspx */
.p-news #col1 { width: 350px; float: left; }
.p-news #col2 { width: 300px; float: right; }
.p-news .date { font-size: 81%; }
.p-news .files div, .p-news .links li { margin-bottom: .5em; }

/* Article5.aspx */
.p-article #col1 { width: 350px; float: left; }
.p-article #col2 { width: 300px; float: right; }
.p-article .files div, .p-article .links li { margin-bottom: .5em; }

/* Article6.aspx */
.p-article .topImage {display:block; margin-bottom:3em;}

/* Producers1.aspx */
.p-producers h2 {padding-top:1.5em;}
.p-producers #col1 { width: 350px; float: left; }
.p-producers #col2 { width: 300px; float: right; }
.p-producers #col2 img { display: block; margin: 0 auto; }

/* Producer1.aspx */
.p-producer h2 { padding-top: 2em; }
.p-producer #col1 { width: 350px; float: left; }
.p-producer #col2 { width: 300px; float: right; }
.p-producer #col2 img { display: block; margin: 0 auto 3em; }
.p-producer #infoCol1 { float: left; width: 50%; }
.p-producer #infoCol2 { float: right; width: 45%; }
.p-producer #infoCol2 a { display: block; }










/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset { margin-top: 10px; margin-bottom: 10px; }
.litErrorLegend { color: #FF0000 !important; font-size: 110%; padding-right: 6px; }
.litErrorDiv { padding-top: 8px; padding-bottom: 5px; }
.litErrorIcon { width: 16px; height: 16px; margin-right: 3px; }
.litErrorMsg { color: #FF0000 !important; font-size: 110%; }