/*************************************************************/
/*   Design:  MultiFlex-2 (Screen)                           */
/*   Author:  G. Wolfgang (gw@actamail.com)                  */
/*   Date:    June 8, 2006                                   */
/*-----------------------------------------------------------*/
/*   Recommended CSS-Editor: TopStyle Lite 3.10 (Freeware)   */
/*   http://www.newsgator.com/download/products/ts3lite.exe  */
/*-----------------------------------------------------------*/
/*   You can use this stylesheet any way you want!           */
/*   Check out my favorite website: www.sda.org              */
/*************************************************************/
/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
body {
font-size:62.5%;
margin:0 auto;
padding:0;
background:url(../img/background_body_grey.gif) top center repeat-y;
font-family:arial, sans-serif;
}

.page-container-1 {
width:770px;
margin:0 auto;
padding:0;
background:url(../img/background_layout_1.gif) top left repeat-y;
border:solid 1px #646464;
}

.page-container-2 {
width:770px;
margin:0 auto;
padding:0;
background:url(../img/background_layout_2.gif) top left repeat-y;
border:solid 1px #646464;
}

.page-container-3 {
width:770px;
margin:0 auto;
padding:0;
background:url(../img/background_layout_3.gif) top left repeat-y;
border:solid 1px #646464;
}
/*EVENTS PAGE MARKUP*/.month{	font-size:1.4em;	color:#484848;	padding:5px 0px;	font-weight:bold;}.event{	font-size:1.2em;	color:#484848;}.groups{	font-size:1.6em;	color:#5890A8;	font-weight:bold;	text-align:center;}.subgroups{	font-size:1.3em;	color:#5890A8;	text-align:center;}
/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/
/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.site-name {
width:300px;
height:45px;
top:12px;
position:absolute;
z-index:4;
overflow:hidden;
margin:0;
padding-left:75px;
color:#458ccc;
}

.site-name p.title {
margin:0;
padding:0;
font-family:"trebuchet ms", arial, sans serif;
font-weight:700;
font-size:24px;
}

.site-name p.subtitle {
clear:both;
width:300px;
margin:-6px 0 0;
padding:0;
background-color:transparent;
font-family:"trebuchet ms", arial, sans serif;
font-size:12px;
}

.site-name a {
margin:0;
padding:0;
text-decoration:none;
color:#5890a8;
}

.site-name a:hover {
text-decoration:none;
}

.site-slogan-container {
width:755px;
height:130px;
top:112px;
position:absolute;
z-index:1;
overflow:hidden;
margin:0;
padding-right:15px;
background-color:transparent;
}

.site-slogan {
float:right;
width:700px;
margin:0;
padding:0;
background-color:transparent;
font-size:10px;
}

.site-slogan p.title {
float:right;
width:700px;
margin:0;
padding:0;
color:#eaeff7;
font-family:arial, sans serif;
text-align:right;
font-weight:700;
font-size:220%;
}

.site-slogan p.subtitle {
clear:both;
float:right;
width:700px;
margin:-5px 0 0;
padding:0;
color:#eaeff7;
font-family:arial, sans serif;
text-align:right;
font-weight:700;
font-size:200%;
}

.site-slogan p.text {
clear:both;
float:right;
width:700px;
margin:10px 0 0;
padding:0;
color:#eaeff7;
font-family:arial, sans serif;
text-align:right;
font-weight:700;
line-height:1em;
font-size:140%;
}

.site-slogan p.readmore {
clear:both;
float:right;
width:700px;
margin:10px 0 0;
padding:0;
color:#eaeff7;
font-family:arial, sans serif;
text-align:right;
font-weight:700;
line-height:1em;
font-size:120%;
}

.site-slogan a {
color:#eaeff7;
text-decoration:underline;
}

.site-slogan a:hover {
text-decoration:none;
color:#323232;
}

.img-header {
clear:both;
float:left;
width:770px;
height:250px;
margin:0;
padding:0;
}

/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/
.navflag-container {
width:770px;
top:14px;
position:absolute;
z-index:2;
background-color:transparent;
}

.navflag {
margin:0;
padding:0;
font-size:1em;
}

.navflag ul {
float:right;
margin:0;
padding:0 20px 0 0;
}

.navflag li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

.navflag li a {
margin:0;
padding:0 0 0 1px;
}

.navflag a:hover {
color:#000;
text-decoration:none;
}

.img-navflag {
display:inline;
height:14px;
margin:0;
padding:0;
border:none;
}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {
width:770px;
top:35px;
position:absolute;
z-index:3;
background:transparent;
}

.nav1 {
margin:0;
padding:0;
font-family:verdana, arial, sans serif;
font-size:1em;
}

.nav1 ul {
float:right;
margin:0;
padding:0 20px 0 0;
border-left:solid 1px #73a2b6;
background-color:#fff;
font-weight:700;
}

.nav1 li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

.nav1 li a {
display:block;
float:left;
margin:0;
padding:2px 5px;
border-right:solid 1px #73a2b6;
color:#73a2b6;
text-decoration:none;
font-size:10px;
}

.nav1 a:hover,.nav2 a.selected {
color:#323232;
text-decoration:none;
}

/*----------------------------*/
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
.nav2 {
clear:both;
margin:0;
padding:0;
font-family:verdana, arial, sans serif;
font-size:1em;
}

.nav2 ul {
float:left;
width:770px;
margin:0;
padding:0;
border-top:solid 1px #365397;
border-bottom:solid 1px #365397;
background-color:#7fa2ca;
font-weight:700;
}

.nav2 li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

.nav2 li a {
display:block;
float:left;
margin:0;
padding:5px 10px;
border-right:solid 1px #365397;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-size:100%;
}

.nav2 a:hover,.nav2 a.selected {
color:#323232;
text-decoration:none;
}

.buffer {
clear:both;
width:770px;
height:30px;
margin:0;
padding:0;
background-color:#fff;
}

/*----------------------------*/
/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.nav3 {
overflow:hidden;
clear:both;
float:left;
width:160px;
min-height:500px;
margin:0;
padding:0;
color:#4b4b4b;
font-size:1em;
}

.nav3 ul {
width:160px;
margin:0 0 20px;
padding:0;
border-bottom:solid 1px #d8ce9f;
background-color:#dbe6f1;
}

.nav3 li {
list-style:none;
margin:0;
padding:0;
}

.nav3 li.title {
margin:0;
padding:3px 5px 2px 15px;
background-color:#9cbad6;
color:#fff;
text-transform:uppercase;
font-weight:700;
font-size:120%;
}

.nav3 li.group a {
display:block;
min-height:1.7em;
height:auto!important;
height:1.7em;
line-height:1.7em;
margin:0;
padding:0 7px 0 15px;
border-top:solid 1px #c8c8c8;
border-left:solid 7px #dbe6f1;
color:#4b4b4b;
font-weight:700;
font-size:120%;
}

.nav3 li a {
display:block;
min-height:1.7em;
height:auto!important;
height:1.7em;
line-height:1.7em;
margin:0;
padding:0 7px 0 20px;
border-left:solid 7px #dbe6f1;
color:#4b4b4b;
text-decoration:none;
font-size:120%;
}

.nav3 li a:hover,.nav3 li a.selected {
border-left:solid 7px #9cbad6;
color:#646464;
text-decoration:none;
}

/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/
.content1 {
float:left;
width:428px;
margin:0;
padding:0 0 10px 20px;
color:#4b4b4b;
}

.content1-container {
clear:both;
float:left;
width:408px;
margin:0 0 15px;
padding:0;
}

.content1-container-1col {
overflow:hidden;
width:408px;
margin:0;
padding:0;
}

.content1-container-1col-txtright-200px {
float:right;
width:196px;
margin:0;
padding:0;
}

.content1-container-1col-txtright-160px {
float:right;
width:236px;
margin:0;
padding:0;
}

.content1-container-1col-txtright-120px {
float:right;
width:276px;
margin:0;
padding:0;
}

.content1-container-1col-txtright-100px {
float:right;
width:296px;
margin:0;
padding:0;
}

.content1-container-1col-txtright-80px {
float:right;
width:316px;
margin:0;
padding:0;
}

.content1-container-1col-txtright-60px {
float:right;
width:336px;
margin:0;
padding:0;
}

.content1-container-1col-txtright-40px {
float:right;
width:356px;
margin:0;
padding:0;
}

.content1-container-2col-left {
overflow:hidden;
float:left;
width:191px;
margin:0;
padding:0;
}

.content1-container-2col-right {
overflow:hidden;
float:right;
width:191px;
margin:0;
padding:0;
}

.content1-container-2col-txtright-100px {
float:right;
width:79px;
margin:0;
padding:0;
}

.content1-container-2col-txtright-80px {
float:right;
width:99px;
margin:0;
padding:0;
}

.content1-container-2col-txtright-60px {
float:right;
width:119px;
margin:0;
padding:0;
}

.content1-container-2col-txtright-40px {
float:right;
width:139px;
margin:0;
padding:0;
}

.content1-container-2col-txtright-20px {
float:right;
width:159px;
margin:0;
padding:0;
}

.content1-container-3col-left {
overflow:hidden;
float:left;
width:119px;
margin:0 25px 0 0;
padding:0;
}

.content1-container-3col-middle {
overflow:hidden;
float:left;
width:119px;
margin:0;
padding:0;
}

.content1-container-3col-right {
overflow:hidden;
float:right;
width:119px;
margin:0;
padding:0;
}

.content1-container-3col-txtright-60px {
float:right;
width:47px;
margin:0;
padding:0;
}

.content1-container-3col-txtright-40px {
float:right;
width:67px;
margin:0;
padding:0;
}

.content1-container-3col-txtright-20px {
float:right;
width:87px;
margin:0;
padding:0;
}

.content1-container-3col-txtright-10px {
float:right;
width:97px;
margin:0;
padding:0;
}

.content1-pagetitle {
overflow:hidden;
width:408px;
margin:0 0 10px;
padding:0 0 2px;
border-bottom:solid 3px #5890a8;
color:#5890a8;
font-weight:700;
font-size:180%;
}

/******************************************************/
/* SECTION 4 - SPECIFIC CLASSES FOR LAYOUTS #2 and #3 */
/******************************************************/
.content2 {
float:left;
width:590px;
min-height:500px;
margin:0;
padding:0 0 0 20px;
color:#4b4b4b;
font-size:1em;
}

.content3 {
float:left;
width:590px;
min-height:500px;
margin:0;
padding:0 0 0 20px;
color:#4b4b4b;
font-size:1em;
}

.content2-container,.content3-container {
clear:both;
float:left;
width:569px;
margin:0 0 15px;
padding:0;
}

.content2-container-1col,.content3-container-1col {
overflow:hidden;
width:569px;
margin:0;
padding:0;
}

.content2-container-1col-txtright-200px,.content3-container-1col-txtright-200px {
float:right;
width:357px;
margin:0;
padding:0;
}

.content2-container-1col-txtright-160px,.content3-container-1col-txtright-160px {
float:right;
width:397px;
margin:0;
padding:0;
}

.content2-container-1col-txtright-120px,.content3-container-1col-txtright-120px {
float:right;
width:437px;
margin:0;
padding:0;
}

.content2-container-1col-txtright-100px,.content3-container-1col-txtright-100px {
float:right;
width:457px;
margin:0;
padding:0;
}

.content2-container-1col-txtright-80px,.content3-container-1col-txtright-80px {
float:right;
width:477px;
margin:0;
padding:0;
}

.content2-container-1col-txtright-60px,.content3-container-1col-txtright-60px {
float:right;
width:497px;
margin:0;
padding:0;
}

.content2-container-1col-txtright-40px,.content3-container-1col-txtright-40px {
float:right;
width:517px;
margin:0;
padding:0;
}

.content2-container-2col-left,.content3-container-2col-left {
overflow:hidden;
float:left;
width:272px;
margin:0;
padding:0;
}

.content2-container-2col-right,.content3-container-2col-right {
overflow:hidden;
float:right;
width:272px;
margin:0;
padding:0;
}

.content2-container-2col-txtright-100px,.content3-container-2col-txtright-100px {
float:right;
width:160px;
margin:0;
padding:0;
}

.content2-container-2col-txtright-80px,.content3-container-2col-txtright-80px {
float:right;
width:180px;
margin:0;
padding:0;
}

.content2-container-2col-txtright-60px,.content3-container-2col-txtright-60px {
float:right;
width:200px;
margin:0;
padding:0;
}

.content2-container-2col-txtright-40px,.content3-container-2col-txtright-40px {
float:right;
width:220px;
margin:0;
padding:0;
}

.content2-container-2col-txtright-20px,.content3-container-2col-txtright-20px {
float:right;
width:240px;
margin:0;
padding:0;
}

.content2-container-3col-left,.content3-container-3col-left {
overflow:hidden;
float:left;
width:173px;
margin:0 25px 0 0;
padding:0;
}

.content2-container-3col-middle,.content3-container-3col-middle {
overflow:hidden;
float:left;
width:173px;
margin:0;
padding:0;
}

.content2-container-3col-right,.content3-container-3col-right {
overflow:hidden;
float:right;
width:173px;
margin:0;
padding:0;
}

.content2-container-3col-txtright-60px,.content3-container-3col-txtright-60px {
overflow:hidden;
float:right;
width:101px;
margin:0;
padding:0;
}

.content2-container-3col-txtright-40px,.content3-container-3col-txtright-40px {
overflow:hidden;
float:right;
width:121px;
margin:0;
padding:0;
}

.content2-container-3col-txtright-20px,.content3-container-3col-txtright-20px {
overflow:hidden;
float:right;
width:141px;
margin:0;
padding:0;
}

.content2-container-3col-txtright-10px,.content3-container-3col-txtright-10px {
overflow:hidden;
float:right;
width:151px;
margin:0;
padding:0;
}

.content2-pagetitle,.content3-pagetitle {
overflow:hidden;
width:569px;
margin:0 0 10px;
padding:0 0 2px;
border-bottom:solid 3px #5890a8;
color:#5890a8;
font-weight:700;
font-size:180%;
}

/*********************************/
/* SECTION 6 - COMMON PARAMETERS */
/*********************************/
/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/
/* Titles and textboxes*/
.content-title-noshade-size1 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:130%;
}

.content-title-noshade-size2 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:150%;
}

.content-title-noshade-size3 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:160%;
}

.content-title-noshade-size4 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:180%;
}

.content-title-noshade-size5 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:200%;
}

.content-title-shade-size1 {
margin:0;
padding:0 10px;
background-color:#d7d7d7;
color:#646464;
color:#5890a8;
font-weight:700;
font-size:130%;
}

.content-title-shade-size2 {
margin:0;
padding:0 10px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:150%;
}

.content-title-shade-size3 {
margin:0;
padding:0 10px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:160%;
}

.content-title-shade-size4 {
margin:0;
padding:0 10px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:180%;
}

.content-title-shade-size5 {
margin:0;
padding:0 10px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:200%;
}

.content-subtitle-noshade-size1 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:110%;
}

.content-subtitle-noshade-size2 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:120%;
}

.content-subtitle-noshade-size3 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:130%;
}

.content-subtitle-noshade-size4 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:140%;
}

.content-subtitle-noshade-size5 {
margin:0;
padding:0;
color:#5890a8;
font-weight:700;
font-size:150%;
}

.content-subtitle-shade-size1 {
margin:0;
padding:0 10px 3px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:110%;
}

.content-subtitle-shade-size2 {
margin:0;
padding:0 10px 3px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:120%;
}

.content-subtitle-shade-size3 {
margin:0;
padding:0 10px 3px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:130%;
}

.content-subtitle-shade-size4 {
margin:0;
padding:0 10px 3px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:140%;
}

.content-subtitle-shade-size5 {
margin:0;
padding:0 10px 3px;
background-color:#d7d7d7;
color:#5890a8;
font-weight:700;
font-size:150%;
}

.content-txtbox-noshade {
margin:0;
padding:7px 0 0;
background-color:#fff;
}

.content-txtbox-shade {
margin:0;
padding:7px 10px 5px;
background-color:#ebebeb;
}

/* Headings */
h1 {
margin:1em 0 .5em;
font-weight:700;
font-size:160%;
}

h2 {
margin:1em 0 .5em;
font-weight:700;
font-size:150%;
}

h3 {
margin:1em 0 .5em;
font-weight:700;
font-size:140%;
}

h4 {
margin:1em 0 .5em;
font-weight:700;
font-size:130%;
}

h5 {
margin:0 0 .2em;
font-weight:700;
font-size:130%;
}

h6 {
margin:0 0 .2em;
font-weight:700;
font-style:italic;
font-size:130%;
}

/* Paragraphs */
p {
margin:0 0 .5em;
padding:0;
line-height:1.3em;
font-family:arial, sans serif;
font-size:120%;
}

p.readmore {
margin:1em 0 .5em;
padding:0;
line-height:1.2em;
font-size:110%;
}

p.quote {
margin:0 30px .6em;
line-height:120%;
font-size:120%;
}

p.embed {
float:left;
width:120px;
margin:7px 7px 5px 0;
padding:5px;
background-color:#eeedf9;
font-style:italic;
font-weight:700;
line-height:1.2em;
font-size:140%;
}

p.embed-caption {
float:left;
margin:5px 0 0;
padding:0;
font-style:italic;
font-weight:400;
line-height:1.2em;
font-size:70%;
}

/* Quote */
p.quote {
clear:left;
margin:0 30px .6em;
line-height:120%;
font-size:110%;
}

/* Embedded emphasis */
.embed {
float:left;
width:120px;
margin:2px 7px 2px 0;
padding:5px;
background-color:#eeedf9;
font-style:italic;
font-weight:700;
line-height:1.2em;
font-size:140%;
}

.embed-caption {
float:left;
margin:5px 0 0;
padding:0;
font-style:italic;
font-weight:400;
line-height:1.2em;
font-size:70%;
}

/* Lists */
ul.noindent {
margin:0 0 7px 15px;
padding:0;
list-style-type:disc;
list-style-position:outside;
font-size:120%;
}

ul.indent {
margin:0 0 7px 15px;
padding:0 0 0 15px;
list-style-type:disc;
font-family:arial;
font-size:120%;
}

ol {
margin:0 0 0 9px;
padding:0 0 0 25px;
list-style-type:decimal;
list-style-position:outside;
font-size:120%;
}

ul.linklist-noindent {
margin:-.3em 0 .5em;
padding:0;
list-style-type:none;
line-height:1.2em;
font-size:120%;
}

ul.linklist-indent {
margin:-.3em 0 .5em;
padding:0 0 0 10px;
list-style-type:none;
line-height:1.2em;
font-size:120%;
}

/* Tables */
.table {
clear:left;
margin:.5em 0 .2em 30px;
border:solid 1px #969696;
empty-cells:show;
border-collapse:collapse;
background-color:#e9e8f4;
}

.table tr {
margin:0;
padding:0;
}

.table td {
padding:2px 7px;
border:solid 1px #969696;
text-align:left;
font-size:120%;
}

.table th {
margin:0;
padding:2px 7px;
border:solid 1px #969696;
empty-cells:show;
text-align:left;
font-size:120%;
}

.table-caption {
margin:.5em 0 1em 30px;
padding:0;
clear:both;
text-align:left;
font-size:120%;
}

/* Images */
.img-left-noborder-notopmargin {
float:left;
margin:0 10px 0 0;
}

.img-left-noborder-topmargin {
float:left;
margin:3px 10px 0 0;
}

.img-left-border-notopmargin {
float:left;
margin:0 10px 0 0;
border:solid 1px #969696;
}

.img-left-border-topmargin {
float:left;
margin:3px 10px 0 0;
border:solid 1px #969696;
}

.img-right-noborder-notopmargin {
float:right;
margin:0 0 0 10px;
}

.img-right-noborder-topmargin {
float:right;
margin:3px 0 0 10px;
}

.img-right-border-notopmargin {
float:right;
margin:0 0 0 10px;
border:solid 1px #969696;
}

.img-right-border-topmargin {
float:right;
margin:3px 0 0 10px;
border:solid 1px #969696;
}

/*--------------------*/
/* 6.2 - Sidebar Area */
/*--------------------*/
.sidebar {
overflow:hidden;
float:right;
width:160px;
min-height:500px;
margin:0;
padding:0 0 10px;
text-align:left;
color:#4b4b4b;
}

.sidebar-maintitle {
margin:0 0 10px;
padding:3px 10px 2px;
background-color:#9cbad6;
color:#fff;
text-transform:uppercase;
font-weight:700;
font-size:120%;
}

.sidebar-title-noshade {
margin:0;
padding:2px 10px 3px;
border-top:solid 1px #d7d7d7;
color:#4b4b4b;
font-weight:700;
font-size:120%;
}

.sidebar-title-shade {
margin:0;
padding:2px 10px 3px;
background-color:#d7d7d7;
color:#4b4b4b;
font-weight:700;
font-size:120%;
}

.sidebar-txtbox-noshade {
margin:0 0 10px;
padding:2px 10px 3px;
}

.sidebar-txtbox-shade {
margin:0 0 10px;
padding:2px 10px 3px;
background-color:#ebebeb;
}

.sidebar-txtbox-noshade p {
margin:0 0 5px;
padding:0;
line-height:1.25em;
font-size:110%;
}

.sidebar-txtbox-shade p {
margin:0 0 5px;
padding:0;
line-height:1.25em;
font-size:110%;
}

/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer {
overflow:hidden;
clear:both;
width:770px;
height:3em;
margin:0;
padding:.5em 0;
border-top:solid 1px #7d7d7d;
background-color:#80a1ca;
color:#fff;
font-size:1em;
}

.footer p {
margin:0;
padding:0;
text-align:center;
line-height:1.3em;
font-size:110%;
}

/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content1 a,.content2 a,.content3 a,.sidebar-txtbox-noshade a,.sidebar-txtbox-shade a {
color:#4b4b4b;
text-decoration:underline;
}

.content1 a:hover,.content2 a:hover,.content3 a:hover,.sidebar-txtbox-noshade a:hover,.sidebar-txtbox-shade a:hover {
color:#000;
text-decoration:none;
}

.content1 a:visited,.content2 a:visited,.content3 a:visited,.sidebar-txtbox-noshade a:visited,.sidebar-txtbox-shade a:visited {
color:#969696;
}

.footer a {
color:#fff;
text-decoration:underline;
}

.footer a:hover {
color:#000;
text-decoration:none;
}

/*******************************/
/* SECTION 7 - GENERIC CLASSES */
/*******************************/
/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box-on {
float:left;
min-width:.3em;
margin-right:.2em;
padding:0 .2em 0 .3em;
}

.box-off {
display:none;
}

/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also compliant with IE7-Beta2 */
*/
/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/
.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

.align-center {
text-align:center;
}

/*------------------*/
/* 7.3  Text colors */
/*------------------*/
.txt-white {
color:#fff;
}

.txt-black {
color:#000;
}

.txt-grey01 {
color:#f2f2f2;
}

.txt-grey02 {
color:#e6e6e6;
}

.txt-grey03 {
color:#d9d9d9;
}

.txt-grey04 {
color:#ccc;
}

.txt-grey05 {
color:#bfbfbf;
}

.txt-grey06 {
color:#b2b2b2;
}

.txt-grey07 {
color:#999;
}

.txt-grey08 {
color:#7f7f7f;
}

.txt-grey09 {
color:#595959;
}

.txt-grey10 {
color:#333;
}

.txt-yellow01 {
color:#fefce8;
}

.txt-yellow02 {
color:#fdf9c9;
}

.txt-yellow03 {
color:#fdf6b9;
}

.txt-yellow04 {
color:#fcf3a2;
}

.txt-yellow05 {
color:#fbef8b;
}

.txt-yellow06 {
color:#faec74;
}

.txt-yellow07 {
color:#f9e95d;
}

.txt-yellow08 {
color:#f9e645;
}

.txt-yellow09 {
color:#f8e32e;
}

.txt-yellow10 {
color:#f7e017;
}

.txt-blue01 {
color:#eeedf9;
}

.txt-blue02 {
color:#dedcf2;
}

.txt-blue03 {
color:#cdcaec;
}

.txt-blue04 {
color:#bdb9e5;
}

.txt-blue05 {
color:#aca7df;
}

.txt-blue06 {
color:#9b95d9;
}

.txt-blue07 {
color:#8b84d2;
}

.txt-blue08 {
color:#7a72cc;
}

.txt-blue09 {
color:#6a61c5;
}

.txt-blue10 {
color:#594fbf;
}

.txt-green01 {
color:#edf6e5;
}

.txt-green02 {
color:#dceecc;
}

.txt-green03 {
color:#cae5b2;
}

.txt-green04 {
color:#b9dc99;
}

.txt-green05 {
color:#a7d37f;
}

.txt-green06 {
color:#95cb66;
}

.txt-green07 {
color:#84c24c;
}

.txt-green08 {
color:#72b933;
}

.txt-green09 {
color:#61b119;
}

.txt-green10 {
color:#4fa800;
}

.txt-red01 {
color:#fcebe9;
}

.txt-red02 {
color:#f8d8d3;
}

.txt-red03 {
color:#f5c4bc;
}

.txt-red04 {
color:#f2b1a6;
}

.txt-red05 {
color:#ee9d90;
}

.txt-red06 {
color:#eb897a;
}

.txt-red07 {
color:#e87664;
}

.txt-red08 {
color:#e5624d;
}

.txt-red09 {
color:#e14f37;
}

.txt-red10 {
color:#de3b21;
}

/*-------------------------*/
/* 7.4 - Background colors */
/*-------------------------*/
.bg-white {
background-color:#fff;
}

.bg-black {
background-color:#000;
}

.bg-grey01 {
background-color:#f2f2f2;
}

.bg-grey02 {
background-color:#e6e6e6;
}

.bg-grey03 {
background-color:#d9d9d9;
}

.bg-grey04 {
background-color:#ccc;
}

.bg-grey05 {
background-color:#bfbfbf;
}

.bg-grey06 {
background-color:#b2b2b2;
}

.bg-grey07 {
background-color:#999;
}

.bg-grey08 {
background-color:#7f7f7f;
}

.bg-grey09 {
background-color:#595959;
}

.bg-grey10 {
background-color:#333;
}

.bg-yellow01 {
background-color:#fefce8;
}

.bg-yellow02 {
background-color:#fdf9c9;
}

.bg-yellow03 {
background-color:#fdf6b9;
}

.bg-yellow04 {
background-color:#fcf3a2;
}

.bg-yellow05 {
background-color:#fbef8b;
}

.bg-yellow06 {
background-color:#faec74;
}

.bg-yellow07 {
background-color:#f9e95d;
}

.bg-yellow08 {
background-color:#f9e645;
}

.bg-yellow09 {
background-color:#f8e32e;
}

.bg-yellow10 {
background-color:#f7e017;
}

.bg-blue01 {
background-color:#eeedf9;
}

.bg-blue02 {
background-color:#dedcf2;
}

.bg-blue03 {
background-color:#cdcaec;
}

.bg-blue04 {
background-color:#bdb9e5;
}

.bg-blue05 {
background-color:#aca7df;
}

.bg-blue06 {
background-color:#9b95d9;
}

.bg-blue07 {
background-color:#8b84d2;
}

.bg-blue08 {
background-color:#7a72cc;
}

.bg-blue09 {
background-color:#6a61c5;
}

.bg-blue10 {
background-color:#594fbf;
}

.bg-green01 {
background-color:#edf6e5;
}

.bg-green02 {
background-color:#dceecc;
}

.bg-green03 {
background-color:#cae5b2;
}

.bg-green04 {
background-color:#b9dc99;
}

.bg-green05 {
background-color:#a7d37f;
}

.bg-green06 {
background-color:#95cb66;
}

.bg-green07 {
background-color:#84c24c;
}

.bg-green08 {
background-color:#72b933;
}

.bg-green09 {
background-color:#61b119;
}

.bg-green10 {
background-color:#4fa800;
}

.bg-red01 {
background-color:#fcebe9;
}

.bg-red02 {
background-color:#f8d8d3;
}

.bg-red03 {
background-color:#f5c4bc;
}

.bg-red04 {
background-color:#f2b1a6;
}

.bg-red05 {
background-color:#ee9d90;
}

.bg-red06 {
background-color:#eb897a;
}

.bg-red07 {
background-color:#e87664;
}

.bg-red08 {
background-color:#e5624d;
}

.bg-red09 {
background-color:#e14f37;
}

.bg-red10 {
background-color:#de3b21;
}

/*---------------------------*/
/* 7.5  Bottom border colors */
/*---------------------------*/
.line-box {
border-bottom:solid 1px #c8c8c8;
padding-bottom:15px;
margin:0 0 15px;
}

.line-white {
border-bottom:solid 1px #fff;
padding-bottom:2px;
margin:0 0 1px;
}

.line-black {
border-bottom:solid 1px #000;
padding-bottom:2px;
margin:0 0 1px;
}

.line-grey01 {
border-bottom:solid 1px #f2f2f2;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey02 {
border-bottom:solid 1px #e6e6e6;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey03 {
border-bottom:solid 1px #d9d9d9;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey04 {
border-bottom:solid 1px #ccc;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey05 {
border-bottom:solid 1px #bfbfbf;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey06 {
border-bottom:solid 1px #b2b2b2;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey07 {
border-bottom:solid 1px #999;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey08 {
border-bottom:solid 1px #7f7f7f;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey09 {
border-bottom:solid 1px #595959;
padding-bottom:2px;
margin-bottom:1px;
}

.line-grey10 {
border-bottom:solid 1px #333;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow01 {
border-bottom:solid 1px #fefce8;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow02 {
border-bottom:solid 1px #fdf9c9;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow03 {
border-bottom:solid 1px #fdf6b9;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow04 {
border-bottom:solid 1px #fcf3a2;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow05 {
border-bottom:solid 1px #fbef8b;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow06 {
border-bottom:solid 1px #faec74;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow07 {
border-bottom:solid 1px #f9e95d;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow08 {
border-bottom:solid 1px #f9e645;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow09 {
border-bottom:solid 1px #f8e32e;
padding-bottom:2px;
margin-bottom:1px;
}

.line-yellow10 {
border-bottom:solid 1px #f7e017;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue01 {
border-bottom:solid 1px #eeedf9;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue02 {
border-bottom:solid 1px #dedcf2;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue03 {
border-bottom:solid 1px #cdcaec;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue04 {
border-bottom:solid 1px #bdb9e5;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue05 {
border-bottom:solid 1px #aca7df;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue06 {
border-bottom:solid 1px #9b95d9;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue07 {
border-bottom:solid 1px #8b84d2;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue08 {
border-bottom:solid 1px #7a72cc;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue09 {
border-bottom:solid 1px #6a61c5;
padding-bottom:2px;
margin-bottom:1px;
}

.line-blue10 {
border-bottom:solid 1px #594fbf;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green01 {
border-bottom:solid 1px #edf6e5;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green02 {
border-bottom:solid 1px #dceecc;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green03 {
border-bottom:solid 1px #cae5b2;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green04 {
border-bottom:solid 1px #b9dc99;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green05 {
border-bottom:solid 1px #a7d37f;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green06 {
border-bottom:solid 1px #95cb66;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green07 {
border-bottom:solid 1px #84c24c;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green08 {
border-bottom:solid 1px #72b933;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green09 {
border-bottom:solid 1px #61b119;
padding-bottom:2px;
margin-bottom:1px;
}

.line-green10 {
border-bottom:solid 1px #4fa800;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red01 {
border-bottom:solid 1px #fcebe9;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red02 {
border-bottom:solid 1px #f8d8d3;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red03 {
border-bottom:solid 1px #f5c4bc;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red04 {
border-bottom:solid 1px #f2b1a6;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red05 {
border-bottom:solid 1px #ee9d90;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red06 {
border-bottom:solid 1px #eb897a;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red07 {
border-bottom:solid 1px #e87664;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red08 {
border-bottom:solid 1px #e5624d;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red09 {
border-bottom:solid 1px #e14f37;
padding-bottom:2px;
margin-bottom:1px;
}

.line-red10 {
border-bottom:solid 1px #de3b21;
padding-bottom:2px;
margin-bottom:1px;
}

/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode {
font-family:monospace;
font-weight:700;
font-size:13px;
color:red;
}

.clear {
clear:both;
}

.hide {
display:none;
}

br {
clear:none;
}
.imgleft {
float: left;
margin: 4px;
}