/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */

.nav3-grid {background:transparent; width:198px; margin-top:70px; padding: 0 0 2px 2px; border:none;}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:27px /*Non-IE6*/; height:auto !important; height:27px /*IE6*/; line-height:27px; padding:0 0 0 24px;  border: none; text-decoration:none; color:#223344; font-weight:normal; font-size:120%;background:transparent url(../img/tll2.jpg) no-repeat center left; text-align:left; letter-spacing:1px;border-bottom:solid 1px #223344; margin-top:15px;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:27px /*Non-IE6*/; height:auto !important; height:27px /*IE6*/; line-height:27px; padding:0 0 0 42px; border:none; font-weight:normal; text-decoration:none; color:#223344; font-size:120%;background:transparent url(../img/sll2.jpg) no-repeat center left; text-align:left; letter-spacing:1px;border-bottom:dotted 1px #CC66CC;}

.nav3-grid dt a:hover {color:#223344; text-decoration:none; background:transparent url(../img/tla2.jpg) no-repeat center left; text-align:left; text-decoration:none;}
.nav3-grid dt.active a {color:#223344; background:transparent url(../img/tla2.jpg) no-repeat center left; text-align:left;text-decoration:none;}
.nav3-grid dt.active a:visited {color:#223344; background:transparent url(../img/tla2.jpg) no-repeat center left; text-align:left;}

.nav3-grid dd a:hover {color:#223344; text-decoration:none; background:transparent url(../img/sla2.jpg) no-repeat center left; text-align:left; text-decoration:none;}
.nav3-grid dd.active a {color:#223344; background:transparent url(../img/sla2.jpg) no-repeat center left; text-align:left;text-decoration:none;}
.nav3-grid dd.active a:visited {color:#223344; background:transparent url(../img/sla2.jpg) no-repeat center left; text-align:left;}


.right .loginform {background:#ffffff; width: 250px; margin:0; padding: 0; float:left; text-align:left;}
.right .loginform p { margin:0; padding:0;color:#000000;padding-top:10px;}
.right .loginform fieldset {width:280px; border:none;}
.right .loginform input.field {width:250px; margin:2px 0 0 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:arial,verdana,sans-serif; font-size:100%;background:#F2F2F2;}
.right .loginform input.button {float:left; width:5.0em; margin:2px 0 0 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:arial,verdana,sans-serif; font-size:120%;}
.right .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220);}
.right .loginform h3 {color:#000000;font-weight:normal;font-size:1.7em;letter-spacing:normal;margin:0;padding:0;}

.main-navigation h1.first {clear:both; margin:0; padding:4px 20px 5px 10px; background-color:rgb(190,190,190); font-family:arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 0 0; padding:4px 20px 5px 10px; background:rgb(190,190,190); background-image:url(../img/bg_main_nav.jpg); font-family:arial,verdana,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:arial,verdana,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1 {clear:both; margin:1.0em 0 2.8em 0; font-family:arial,sans-serif; color:#234; font-weight:normal; font-size:120%;}
.main-content h2 {clear:both; margin:10px 0 0.8em 0; font-family:arial,sans-serif; color:#515151; font-weight:bold; font-size:120%;letter-spacing:-0.5px;}
.main-content h3 {clear:both; margin:-0.5em 0 0.8em 0; font-family:arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:110%;}

.single-main-content h1 {clear:both; margin:0 0 0.5em 0; font-family:arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.single-main-content h2 {clear:both; margin:0.5em 0 0.5em 0; font-family:arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.single-main-content h3 {clear:both; margin:1.0em 0 0.5em 0; font-family:arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:130%;}
.single-main-content h1 a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;font-size:160%;}
.single-main-content h1 a:hover {color:rgb(70,122,167); font-weight:bold; text-decoration:none;font-size:160%;}
.single-main-content h1 a:visited {color:rgb(70,122,167); font-weight:bold; text-decoration:none;font-size:160%;}
.single-main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}

.teasers {font-family:arial,helvetica, sans-serif;}
.teasers h1 {font-family:arial,helvetica, sans-serif;font-size:1.4em;padding-bottom:5px;font-weight:normal;color:#000000; letter-spacing:normal;}
.teasers h1.framed {font-family:arial,helvetica, sans-serif;font-size:1.4em;font-weight:normal;background:#FFFFFF; letter-spacing:normal;padding-bottom:1.2em;}

.teasers h1 a {clear:both; padding:0; margin:0; color: #880958; font-weight:normal; font-size:1.2em;text-decoration:underline;letter-spacing:normal;}
.teasers h1 a:hover {clear:both; color: #880958; font-weight:normal; font-size:1.2em;text-decoration:underline;letter-spacing:normal;}
.teasers h1 a:visited {clear:both; color: #880958; font-weight:normal; font-size:1.2em;text-decoration:underline;letter-spacing:normal;}
.teasers h3 a {clear:both; padding:0; margin:0; color: #880958; font-weight:bold; font-size:1em;text-decoration:underline;letter-spacing:normal;}
.teasers h3 a:hover {clear:both; color: #880958; font-weight:bold; font-size:1em;text-decoration:underline;letter-spacing:normal;}
.teasers h3 a:visited {clear:both; color: #880958; font-weight:bold; font-size:1em;text-decoration:underline;letter-spacing:normal;}
.teasers h2 {clear:both; color:#440630; font-weight:normal; font-size:14px;text-decoration:normal; padding-bottom:5px;}
.teasers h2 a {clear:both; margin:1.0em 0 0.8em 0; color:#440630; font-weight:bold; font-size:14px;text-decoration:underline;}
.teasers h2 a:hover {clear:both; margin:1.0em 0 0.8em 0; color:#440630; font-weight:bold; font-size:14px;text-decoration:underline;}
.teasers h2 a:visited {clear:both; margin:1.0em 0 0.8em 0; color:#440630; font-weight:bold; font-size:14px;text-decoration:underline;}
.teasers h3 {clear:both; color:#880958; font-weight:bold; font-size:1.8em;text-decoration:none;padding: 10px 0 10px 0;letter-spacing:-1px}
.teasers h3.first {clear:both; color:#880958; font-weight:bold; font-size:18px;text-decoration:none;padding: 0 0 10px 0;letter-spacing:-1px}
.teasers h4 {clear:both; color:#000000; font-weight:bold; font-size:1.2em;text-decoration:none;padding: 0 0 5px 0;}
.teasers .left p, .teasers .right p {font-size:12px;}
.teasers .ileft p, .teasers .iright p {font-size:12px;}
.teasers p {font-size:1.2em;color:#000000;}

.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:0.9em;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; color:#000000; margin:0 0 2.0em 0; padding:0; line-height:1.0em; font-size:110%; background:transparent;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:640px; margin:0.2em 0 0.2em 0; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}

table.sitemap {font-size: 1.2em; background: #FFFFFF; clear:both; width:890px; margin:0.2em 0 0.2em 0; table-layout: auto; border-collapse:collapse; empty-cells:show;text-decoration:none;}
table.sitemap a {text-decoration:none;}
table.sitemap a:visited {text-decoration:none;}
table.sitemap a:hover {text-decoration:none;}
table.sitemap th {height: 1em; border-style:none;background: #FFFFFF; text-align:left;}
table.sitemap td {height: 1em; border-style:none;background: #FFFFFF; text-align:left;padding:5px;}
table.sitemap th.lined {border-bottom: solid 1px #880958;background: #FFFFFF; text-align:left;padding:5px;}
table.sitemap td.lined {border-bottom: solid 1px #880958; border-left: solid 1px #880958;background: #FFFFFF;padding:5px;}
table.sitemap td.llined {border-left: solid 1px #880958;background: #FFFFFF;padding:5px;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {margin:2.0em 0 0 0; padding:0;}
.contactform fieldset {border:none;font-size:1.4em;}
.contactform label {width:130px; margin:0; padding:0; font-size:100%;}
.contactform input {width:380px; padding:2px; border:solid 1px rgb(200,200,200); font-family:arial,verdana,sans-serif; font-size:100%;background:#F2F2F2;}
.contactform textarea {width:380px; height:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:arial,verdana,sans-serif; font-size:100%;background:#F2F2F2;}
.contactform input.button {width:114px;  padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:arial,verdana,sans-serif; color:#000000; font-size:100%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:#000000;}
.contactform p {margin:0 0 2px 0; color:#000000;}
.contactform img {margin:0;padding:0;float:none;}

.column2-unit-left h1.details, .column2-unit-right h1.details {padding: 0;background:transparent; margin: 5px 0 0 0; line-height: 1.1em; font-size: 1.1em; font-weight:bold;color:#000000;}
.column2-unit-left h3, .column2-unit-right h3 {padding: 5px 0 5px 0; margin:0; line-height:1.1em; font-size: 1.1em;}
.column2-unit-left p, .column2-unit-right p {font-size: 0.9em;}
.column2-unit-left p.details, .column2-unit-right p.details {font-size: 0.9em; margin-top: 10px; line-height:normal;}


/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main img.front {clear:both; float:left; margin:0; padding:0;border:none;}

.main img.bullet {border:none;vertical-align:middle;}

b.alert {color:Red;}
b.great {color:Green;}

.mag {color:#8F045D;font-size:1.4em;}
.black {color:#000;font-size:1.4em;}

.top {color:#000000;font-size:1.2em;}

.main p {padding-right: 20px; padding-top:2px;padding-bottom: 2px;}
.main p a, table.sitemap a {background: inherit; color:#000000; font-weight:normal; text-decoration:underline; letter-spacing: 0.4px; word-spacing:2px;}
.main p a:hover, table.sitemap a:hover {color:#000000; text-decoration:underline;}
.main p a:visited, table.sitemap a:visited {color:#000000; text-decoration:underline;}

.main img.credits {background: #eee;width:50px;height:50px;padding:5px;}

.main-content h1 a {color:#234; font-weight:bold; text-decoration:none;font-size:120%;}
.main-content h1 a:hover {color:#234; font-weight:bold; text-decoration:none;font-size:120%;}

.footer p {margin-left: 15px;}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}
p.tbl {margin:20px 0 0 0; line-height:1.1em; font-size:0.95em;}

.group {position:relative;border:none;padding:0;width:540px;float:left;margin-top:10px;background:transparent;}
.main .teasers .group .headimg {position:relative;border:none;height:125px;margin-top:-11px;padding:0;}
.main .teasers .group .headimg img {border:none;margin:0;}
.group span.headintro {font-size:1.4em;color:#000000;}
.group h1.linked a {font-size:1.4em;font-weight:800;padding-top:10px;letter-spacing:-1px;color:#880958;line-height:30px;}
.main .teasers .group ul {padding:0;margin:0;}
.main .teasers .group ul li {line-height:18px;list-style-type:none; list-style-image:none;padding:0;margin:5px 0;}

.subgroup {position:relative;padding:10px;padding-left:0;background:transparent;border-bottom:dotted 1px #223344;margin-top:20px;}