/*  CONTENT  */

/* Heading -- Standard icon (Full-width) */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; background: url(../img/icon_pagetitle.gif) no-repeat; background-position:center left; color:#FFFFFF; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px #D7D7D7; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px #D7D7D7; background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px #D7D7D7;}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#323232; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content_full h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px #D7D7D7; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content_full h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px #D7D7D7; background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content_full h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content_50 h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px #D7D7D7; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content_50 h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px #D7D7D7; background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.content_50 h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}


/* Heading -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:#FFFFFF; font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

/* Paragraph text */
.content p {margin:1.0em 0 1.0em 0; color:#000000; line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
.content_full p {margin:1.0em 0 1.0em 0; color:#000000; line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content_50 p {margin:1.0em 0 1.0em 0; color:#000000; line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}


/* List */
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}
.content_full ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content_full ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content_full dl {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content_full dd {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content_50 ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content_50 ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content_50 dl {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content_50 dd {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.subcontent_50 dt {display:block;font-size:11pt;font-weight:bold;padding-left:15px;}
.subcontent_50 dd {display:block;font-size:10pt;padding-left:25px;}


/* Table */
.css_table {margin-left: 10px;}
.css_table ul{float:left;margin:0;padding:0;border:none solid #C9C9C9;}
.css_table ul li{list-style:none;padding:5px 10px;}
.css_table ul li.tbl_header{font-weight:bold;background:#333;color:#fff;}
.css_table ul li.even{background:#fff}
.css_table ul li.odd{background:#FFFFE6}
/* Contact form (full-width) */
.contactform {width:636px; margin:1.0em 10px 0 20px;}
.contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #DCDCDC;}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:#505050; font-weight:bold;  font-size:131%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px #C8C8C8; font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px #C8C8C8; font-size:100%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px #C8C8C8; font-size:100%;}
.contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:#E6E6E6; border:solid 1px #969696; text-align:center; color:#969696; font-size:100%;}
.contactform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* Login form (full-width)*/
.content .loginform {width:636px; margin:1.0em 10px 0 20px;}
.content .loginform p {clear:both; margin:0; padding:0;}
.content .loginform fieldset {width:160px; border:none;}
.content .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.content .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.content .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px #C8C8C8; font-size:110%;}
.content .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.content .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; color:#969696; font-size:110%;}
.content .loginform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* Search form (full-width)*/
.content .searchform {width:636px; margin:1.0em 10px 0 20px;}
.content .searchform fieldset {border:none;}
.content .searchform input.field {float:left; width:158px; padding:3px 0 3px 0; border:1px solid #C8C8C8; font-size:120%;}
.content .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; color:#969696; font-size:120%;}
.content .searchform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* Search form (half-width)*/
.content-subcell-left-nobox .searchform, .content-subcell-right-nobox .searchform, .content-subcell-left-box .searchform, .content-subcell-right-box .searchform {width:297px; margin:1.0em 10px 0 20px;;}

/* Media player (full-width)*/
.content .videoplayer {width:626px; height:367px; margin:10px 20px 10px 20px; border:solid 5px #AFAFAF;}
.content .audioplayer {width:626px; height:20px; margin:10px 20px 10px 20px; border:solid 5px #AFAFAF;}

/****************/
/*  SUBCONTENT  */
/****************/
/* Paragraph */
.subcontent p {margin:1.0em 0 1.0em 0; color:#000000; line-height:1.3em; padding: 0 20px 0 20px;  font-size:155% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontent_50 p {margin:1.0em 0 1.0em 0; color:#000000; line-height:1.3em; padding: 0 20px 0 20px;  font-size:155% !important /*Non-IE6*/; font-size:125% /*IE6*/;}

/* Heading -- Standard icon */
.subcontent h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px #D7D7D7; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.subcontent h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px #D7D7D7; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px #D7D7D7;}
.subcontent h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.subcontent h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontent h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#323232; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent_50 h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px #D7D7D7; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.subcontent_50 h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px #D7D7D7; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent_50 h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.subcontent_50 h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px #D7D7D7;}
.subcontent_50 h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.subcontent_50 h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.subcontent_50 h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#323232; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}


/* List */
.subcontent ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.subcontent ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.subcontent ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.subcontent ul.indent {padding:0 50px 0 50px;}
.subcontent ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Contact form */
.subcontent .contactform {width:230px; margin:1.0em 10px 0 20px;}
.subcontent .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px #DCDCDC;}
.subcontent .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; color:#505050; font-weight:bold;  font-size:131%;}
.subcontent .contactform label.left {float:left; width:85px; margin:0; padding:2px; font-size:100%;}
.subcontent .contactform select.combo {width:90px; padding:2px; border:solid 1px #C8C8C8; font-size:100%;}
.subcontent .contactform input.field {width:85px; padding:2px; border:solid 1px #C8C8C8; font-size:100%;}
.subcontent .contactform textarea {width:178px; padding:2px; border:solid 1px #C8C8C8; font-size:100%;}
.subcontent .contactform input.button {float:left; width:9.0em; margin-left:67px !important /*Non-IE6*/; margin-left:68px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:#E6E6E6; border:solid 1px #969696; text-align:center; color:#969696; font-size:100%;}
.subcontent .contactform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* Login form */
.subcontent .loginform {width:230px; margin:10px 20px 0 20px;}
.subcontent .loginform p {clear:both; margin:0; padding:0;}
.subcontent .loginform fieldset {width:160px; border:none;}
.subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px #C8C8C8; font-size:110%;}
.subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; color:#969696; font-size:110%;}
.subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* Search form */
.subcontent .searchform {width:230px; margin:10px 20px 0 20px;}
.subcontent .searchform fieldset {border:none;}
.subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid #C8C8C8; font-size:120%;}
.subcontent .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:#E6E6E6; border:solid 1px #969696; text-align:center; color:#969696; font-size:120%;}
.subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* Side menu */
.sidemenu {clear:both; width:270px; margin:0; padding:0;}
.sidemenu ul {width:270px; margin:0; padding:0;}	
.sidemenu ul li {margin:0; padding:0; background:none; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; border-bottom:solid 1px #C8C8C8; color:#4B4B4B; font-weight:bold;}
.sidemenu li a:hover {background-color:#F0F0F0; color:#4B4B4B; text-decoration:none;}
.sidemenu li a:visited {color:#4B4B4B; text-decoration:none;}

/* Side menu */
.subcontent .videoplayer {width:224px; height:144px; margin:1.0em 20px 1.0em 20px; border:solid 5px #AFAFAF;}
.subcontent .audioplayer {width:224px; height:20px; margin:1.0em 20px 1.0em 20px; border:solid 5px #AFAFAF;}


/**********/
/* IMAGES */
/**********/

.main img {clear:both; float:left; margin:3px 15px 7px 0;  border:solid 3px #C8C8C8;}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px #C8C8C8;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px #C8C8C8;}

/* LINKS */

/* Text links */
.main a {color:#467AA7; font-weight:bold; text-decoration:none;}
.main a:hover {color:#2A5A8A; text-decoration:underline;}
.main a:visited {color:#2A5A8A;}
.main a.external {background:transparent url(../img/external.png) no-repeat scroll right center; padding-right:13px;}

/*Image links */
.main a img {border:solid 3px #C8C8C8;}
.main a:hover img {border:solid 3px #AFAFAF;}

/*Rounded Corners*/
/*The commas in FFF are important for CSS inheritance, please not them*/
/*Also IE has an issue with margins or something, add <br>'s before the bottom rounded corners*/
.cell_FFF b.rbottom, b.rtop{display:block;background: transparent;}
.cell_FFF b.rbottom b, b.rtop b{display:block;height: 1px; overflow: hidden; background: #FFFFFF;}
.cell_FFF b.r1{margin: 0 5px}
.cell_FFF b.r2{margin: 0 3px}
.cell_FFF b.r3{margin: 0 2px}
.cell_FFF b.rbottom b.r4, b.rtop b.r4{margin: 0 1px;height: 2px}


.cell_F0F b.rtop, b.rbottom{display:block;background: transparent;}
.cell_F0F b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #C8C8C8;}
.cell_F0F b.r1{margin: 0 5px}
.cell_F0F b.r2{margin: 0 3px}
.cell_F0F b.r3{margin: 0 2px}
.cell_F0F b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

pre {font-size: 8pt;}
