/*************************************************************/
/*   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
{
 float: none;
 width:973px;
 font-size: 62.5%;
 margin: 0px ;
 padding: 0px;
 /*background: url(../img/background_body_grey.gif) top center repeat-y; mycomment*/
 background-color: rgb(208,208,208);
 font-family: arial, sans-serif;
 color: #000000;
 position: relative;
  border-right: solid #000000;
  border-right-width: 1px
}

.page-container-1
{
 float: none;
 width: 972px;
 height: auto;
 margin: 0px;
 padding: 0px;
 /*background: url(../img/background_layout_1.gif) top left repeat-y; mycomment*/
 background-color: rgb(208,208,208);
 border: solid 1px;
  border-color: #000000;

}

.page-container-2
{
  float: left;
width: 970px;
 margin: 0px;
 padding: 0px;
 background-color: rgb(208,208,208);
 /* background: url(../img/background_layout_2.gif) top left repeat-y; */
 /*border: solid 1px rgb(100,100,100); */
}

/**************************************/
/*  Two Column Layout:  Column Right  */
/**************************************/

.page-container-3
{
width: 970px;
 margin: 0px ;
 padding: 0px;
 background: url(../img/background_layout_3.gif) top left repeat-y;
 border: solid 1px rgb(100,100,100);
}

.page-container-4
{
width: 550px;
 float: none;
 height: auto;
 margin: 30px 50px 50px 120px ;
 padding: 20px 100px;
 background-color: rgb(208,208,208);
 font-size: 200%;
 text-align: center;
 border: 5px double #b22222;
}


/*************************************/
/* SECTION 2 - HEADER AND NAVIGATION */
/*************************************/

/*-----------------------------------*/
/* 2.1 - Sitename, slogan and banner */
/*-----------------------------------*/
.site-name
{
width: auto;
 height: 45px;
 top: 12px;
/* top: 12px; */
 position: absolute;
 z-index: 4;
 overflow: hidden;
 margin: 0px;
 padding-left: 75px;
 color: rgb(69,140,204);
}

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

.site-name p.titlewhite
{
margin: 0px;
 padding: 0px;
 background-color: #ffffff;
 font-family: trebuchet ms, arial, sans serif;
 font-weight: bold;
 font-size: 44px;
}

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

.site-name a
{
margin: 0px;
 padding: 0px;
 text-decoration: none;
 color: rgb(88,144,168);
}

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

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

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

.site-slogan p.title
{
float: right;
 border: 10px;
 width: 630px;
 margin: 0px 0px;
 padding: 0px 20px;
 color: rgb(234,239,247);
 font-family: arial, "sans serif";
  text-align: right;
 font-weight: bold;
 font-size: 220%;
}

.site-slogan p.titleblue
{
float: right;
 border: 10px;
 width: auto;
 margin: 0px -2px;
 padding: 2px 10px 0px 10px;
 color: rgb(234,239,247);
 background-color: #38689D;
 font-family: arial, sans serif;
 text-align: right;
 font-weight: bold;
 font-size: 220%;
}

.site-slogan p.titlewhite
{
clear: both;
 float: right;
 /*position: absolute; */
 /*position: relative;*/
 /*top: -12px;*/
 /*left: 735px;*/
 border: 0px;
 height: 33px;
 width: auto;
 margin: 0px -2px;
 padding: 0px 20px;
 color: #b22222;
 background-color: #ffffff;
 font-family: arial, sans serif;
  text-align: right;
 font-weight: bold;
 font-size: 250%;
}

.site-slogan p.subtitle
{
clear: both;
 float: right;
 width: 630px;
 margin: -2px 0px 0px 0px;
 padding: 0px 20px;
 color: rgb(234,239,247);
 font-family: arial, sans serif;
 text-align: right;
 font-weight: bold;
 font-size: 200%;
}

.site-slogan p.subtitleblue
{
clear: both;
 float: right;
 width: auto;
 margin: -2px -2px 0px 0px;
 padding: 0px 10px;
 color: rgb(234,239,247);
 background-color: #38689D;
 font-family: arial, sans serif;
 text-align: right;
 font-weight: bold;
 font-size: 200%;
}

.site-slogan p.text
{
clear: both;
 float: right;
 width: 630px;
 margin: 10px 0px 0px 0px;
 padding: 0px 20px;
 color: rgb(234,239,247);
 font-family: arial, sans serif;
 text-align: right;
 font-weight: bold;
 line-height: 1.0em;
 font-size: 140%;
}

.site-slogan p.readmore
{
clear: both;
 float: right;
 width: 630px;
 margin: 10px 0px 0px 0px;
 padding: 0px 20px;
 color: rgb(234,239,247);
 font-family: arial, sans serif;
 text-align: right;
 font-weight: bold;
 line-height: 1.0em;
 font-size: 120%;
}

.site-slogan a 
{
color: rgb(234,239,247);
 text-decoration: underline;
}

.site-slogan a:hover
{
text-decoration: none;
 color: rgb(50,50,50);
}

.img-header
{
/* clear: both; */
 float: left;
 width: 972px;
 height: 200px;
 margin: -20px 0px 0px 0px ;
 padding: 0px;
 /*border: 4px solid #00CCFF */
}


/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/
.navflag-container
{
width: 970px;

 /*top: 14px;*/
 top: 0px;
 position: absolute;
 z-index: 2;
 background-color: transparent;
}

.navflag
{
margin: 0px;
 padding: 0px;
 font-size: 22px;
}

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

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

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

.navflag a:hover
{
color: rgb(0,0,0);
 text-decoration: none;
}

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


/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container
{
width:245px;
 position: relative;
 top: 20px;
 float: right;
 z-index: 3;
 background: transparent;

}

.nav1-whitebg
{
width:245px;
 position: relative;
 top: 28px;
 float: right;
 z-index: 3;
 background: #ffffff;

}

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

.nav1 ul
{
float: right;
 font-size: 14px;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 border: solid 1px rgb(115,162,182);
 /*background-color: rgb(255,255,255);*/
 background-color: transparent;
 font-weight: bold;
}

.nav1 ul a.selected
{
  color: #B22222;
 text-decoration: none;
}

.nav1 li
{
display: inline;
 list-style: none;
 font-size: 12px;
 margin: 0px;
 padding: 0px;
  /*border: solid 1px rgb(115,162,182);
 /*background-color: rgb(255,255,255);*/
 background-color: white;
 font-weight: bold;
}

.nav1 li a
{
display: block;
 float: left;
 margin: 0px;
 padding: 2px 5px 2px 5px;
 border-right: solid 1px rgb(115,162,182);
 color: rgb(115,162,182);
 text-decoration: none;
 font-size: 12px;
}

.nav1 a:hover, .nav2 a.selected
{
color: rgb(250,250,00);
 text-decoration: none;
}

.nav3 a:hover
{
  color: #000000;
}


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

.nav2 ul
{
float: left;
 width: 972px;
 margin: 0px;
 padding: 0px;
 /*border-top: solid 2px rgb(54,83,151);
 border-left: solid 2px rgb(54,83,151);
 border-right: solid 2px rgb(54,83,151);
 border-bottom: solid 2px rgb(54,83,151);*/
 /*background-color: rgb(127,162,202);*/
 background-color: rgb(111,111,111);
 font-weight: bold;
  /*border: 4px solid #FF9900  /* orange */
}

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

.nav2 li a
{
display: block;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 border-right: solid 2px rgb(54,83,151);
 color: rgb(255,255,255);
 text-transform: uppercase;
 text-decoration: none;
 font-size: 100%;
}

.nav2 a:hover, .nav2 a.selected
{
color: rgb(50,50,50);
 text-decoration: none;
}


/*----------------------------*/
/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.nav3
{
/*overflow: hidden; */
 clear: both;
 float: left;
 /*width: 160px;*/
 width: 164px;
 height: auto;
 margin: 0px -2px;
 padding: 0px;
 color: rgb(75,75,75);
 font-size: 1.0em;
 border: 1px solid;
}

.nav3 ul
{
width: 160px;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 border-bottom: solid 1px rgb(216,206,159);
 background-color: rgb(219,230,241);
}

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

.nav3 li.title
{
margin: 0px 0px 0px 0px;
 padding: 3px 5px 2px 15px;
 /*background-color: rgb(156,186,214);*/
 background-color: #38689D;
 color: rgb(255,255,255);
 text-transform: uppercase;
 text-align: center;
 font-weight: bold;
 font-size: 120%;
}

.nav3 li.group a
{
display: block;
 min-height: 1.7em;
 height: auto !important;
 height: 1.7em;
 line-height: 1.7em;
 margin: 0px;
 padding: 0px 7px 0px 15px;
 border-top: solid 1px rgb(200,200,200);
 border-left: solid 7px rgb(219,230,241);
 color: rgb(75,75,75);
 font-weight: bold;
 font-size: 120%;
}

.nav3 li a
{
display: block;
 min-height: 1.7em;
 height: auto !important;
 height: 1.7em;
 line-height: 1.7em;
 margin: 0px;
 padding: 0px 7px 0px 20px;
 border-left: solid 7px rgb(219,230,241);
 color: rgb(75,75,75);
 text-decoration: none;
 font-size: 120%;
}

.nav3 li a:hover, .nav3 li a.selected
{
border-left: solid 7px rgb(156,186,214);
  color: rgb(100,100,100);
 text-decoration: none;
}

/*----------------------------*/
/* 2.3 - Navigation - Level 4 */
/*----------------------------*/
.nav4-container
{
width:260px;
 position: relative;
 top: 28px;
 float: right;
 z-index: 3;
 background: transparent;

}

.nav4-whitebg
{
 width: 230px;
 position: relative;
 top: 28px;
 float: right;
 z-index: 3;
 background: #ffffff;

}

.nav4
{
margin: 0px;
 padding: 0px;
 font-family: verdana, arial, sans serif;
 font-size: 20px;
}

.nav4 ul
{
float: left;
 font-size: 20px;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 /*border: solid 1px rgb(115,162,182);*/

 /*background-color: rgb(255,255,255);*/
 background-color: transparent;
 font-weight: bold;
  border-bottom: 1px solid rgb(115,162,182);
  border-left: 1px solid rgb(115,162,182);
  border-top: 1px solid rgb(115,162,182);
  border-right: 0px solid rgb(115,162,182);
}

.nav4 ul a.selected
{
  color: rgb(100,100,100);
 text-decoration: none;
}

.nav4 li
{
display: inline;
 list-style: none;
 font-size: 30px;
 margin: 0px;
 padding: 0px;
}

.nav4 li a
{
display: block;
 float: left;
 margin: 0px;
 padding: 2px 5px 2px 5px;
 border-right: solid 1px rgb(115,162,182);
 color: rgb(115,162,182);
 font-size: 30px;
 text-decoration: none;
 font-size: 12px;
}

.nav4 a:hover
{
  color: #000000;
}

.buffer
{
 float: left;
 width: 968px;
 height: auto;
 margin: 0px;
 padding: 0px;
  border-bottom: 1px solid
}

.buffer-text
{
overflow: hidden;
 float: left;
 text-align: justify;
 width: 779px;
 /*border: solid 10px rgb(250,00,00);*/
 background-color: rgb(219,204,156);
 margin: 0px 0px 0px 0px;
 padding: 15px 20px 2px 0px;
 color: rgb(00,00,00);
 font-weight: normal;
 font-size: 100%;
  border-color: #000000;
  border-bottom: 1px solid;
  /*  border-right: 5px solid */
}

.buffer-text-mp
{
 float: left;
 text-align: center;
 width: 952px;
 /*border: solid 10px rgb(250,00,00);*/
 background-color: rgb(219,204,156);
 margin: 0px 0px 0px 0px;
 padding: 15px 20px 12px 0px;
  border-color: #000000;
  border-bottom: 1px solid;
  /*  border-right: 5px solid */
}

.buffer-text-m
{
 float: left;
 text-align: center;
 width: 950px;
 background-color: #DBCC9C;
 margin: 0px 0px 0px 0px;
 padding: 15px 20px 12px 0px;
 border: solid;
 border-color: #FF0000;
 border-width: 0px;
  /*  border-right: 5px solid */
}

.buffer-text-box  /* Used for Market Place Header */
{
 float: left;
 text-align: center;
 width: 620px;
 margin: 0px 0px 0px 30px;
 padding: 10px 60px 10px 10px;
 color: rgb(00,00,00);
 font-weight: normal;
 font-size: 30px;
  border: 6px ridge #b22222;
}

.buffer2
{
clear: both;
 float: left;
 width: 100px;
 height: 124px;
 margin: 0px;
 padding: 23px 20px 23px 20px;
 background-color: rgb(219,204,156);
 border-style: solid;
 border-width: 1px;
 border-bottom-color: rgb(00,00,00);
 /*border-color: #00CC00 */
}

.buffer2-right
{
 float: right;
 width: 715px;
 height: 107px;
 margin: 0px;
 padding:40px 40px 23px 67px;
 border-style: solid;
 border-width: 1px;
 border-bottom-width: 1px;
 border-right-width: 0px;
 border-left-width: 0px;
 border-top-width: 1px;
 border-bottom-color: rgb(00,00,00);
}

.buffer2-text
{
overflow: hidden;
 text-align: justify;
 width: 100px;
 margin: 0px 0px 0px 0px;
 padding: 15px 30px 10px 30px;
 border-right-width: 10px;
 color: rgb(00,00,00);
 font-weight: normal;
 font-size: 100%;
}

.buffer2-text-insert
{
overflow: hidden;
 text-align: left;
 width: 660px;
 margin: 0px 0px 0px 0px;
 padding: 2px 10px 2px 10px;
 color: rgb(00,00,00);
 font-weight: normal;
 font-size: 100%;
}

.buffer3
{
clear: none;
 float: left;
 width: 970px;
 height: auto;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 border-bottom-color: rgb(00,00,00);
 border-bottom: solid;
 /*background-color: rgb(219,204,156)
 border-color: #993399 */;
  border-bottom-width: 1px
}

.buffer3-rightbox
{
float: right;
 top: 240px;
 width: 170px;
 height: 200px;
 margin: -28px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #b22222;
  /*border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #0000ff;
  border: 3px solid #FF0066*/
  border-left: 1px solid #000000
}

.link-adbox
{
  /*border: 2px solid #FF0000; */
  float: left;
  width: 880px;
  height: auto
}


/******************************************************************************************************/
/* Define Main nesting boxes for page content                               ***************************/
/******************************************************************************************************/

br.clear
{
  clear: both
}


.headerbox
{
  float: left;
  width: 970px;
  height: auto;
  border: solid #ff00FF;
  margin: 0px 0px 0px -1px;
  border-width: 0px;
  background-color: #d0d0d0;
  /*border-left-width: 1px;
  border-right-width: 1px */
}



.mainbox
{
float: left;
  width: 970px;
  height: auto;
  margin: 0px 0px 0px 0px;
  background-color: #d0d0d0;
  /*border-width: 10px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: #33FF66*/
}

.mainbox-1    /* Used in Articles */
{
float: left;
  width: 796px;
  height: auto;
  /* border: solid #3366FF;  */
  margin: 0px 0px 0px 0px;
  /* border-width: 1px;
  border-color: #FF0066; */
  background-color: #d0d0d0;
}

.mainbox-2
{
float: left;
  width: 660px;
  height: auto;
  padding: 30px 0px 30px 35px;
  /* border: solid #3366FF;  */
  margin: 0px 0px 0px 35px;
  /* border-width: 1px;
  border-color: #FF0066; */
  background-color: #d0d0d0;
  color: #000000;
  font: normal 150% Arial;
  text-align: justify;
}


/****************************************************************************/


.container-left-ads
{
overflow: hidden;
 top: 300px;
 float: left;
 /*width: 160px;*/
 width: 170px;
 min-height: 500px;
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 10px 0px;
 text-align: center;
 color: rgb(75,75,75);
 border: solid 3px;
}

.button-center
{
    float: none;
    display: block;
    width: 100px;
    margin: 10px;
}


/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/


.content1  /* Used in home page */
{
float: right;
 width: 628px;
 margin: 0px;
 padding: 0px 0px 0px 4px;
 color: rgb(75,75,75);
 font-size: 100%;
  border-left: 1px solid;
  border-right: 1px solid;
  border: #000000;
}

.content1-left            /* Used in photo page  */
{
float: left;
 width: 630px;
 margin: 0px;
 padding: 0px 0px 0px 2px;
 padding: 0px 0px 0px 1px;
 color: rgb(75,75,75);
 font-size: 100%;
}

.content1-container           /* Used in Contact page */
{
clear: both;
 float: left;
 width: 540px;
 margin: 10px 20px 15px 20px;
 padding: 10px 20px 20px 20px;
 border: ridge;
 border-width: 8px;
 border-color: #B22222;
 text-align: justify
}

.content1-container-1col   /* used in main page: Search boxes */
{
overflow: hidden;
 width: 598px;
 margin: 0px;
 padding: 0px;
}

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

.content4
{
float: left;
 width: 428px;
 margin: 0px;
 padding: 0px 0px 10px 20px;
 color: rgb(75,75,75);
}

.content4-container-1col-txtleft-300px      /* Used in home page */
{
float: left;
 width: 300px;
 margin: 0px;
 padding: 5px;
 color: #000000;
  font: normal 100% Arial;
  text-align: justify;
}

.content4a
{
float: left;
 width: 380px;
 margin: 0px;
 padding: 4px 0px 0px 22px;
 color: #000000;
 font: normal 120% Arial;
 /* text-align: left; */
 border: solid;
 border-width: 1px 0px 0px 1px;
}

.content4-pagetitle
/* duplicate of .content1-pagetitle */
{
overflow: hidden;
 text-align: center;
 width: 408px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 2px 0px;
 border-bottom: solid 3px rgb(88,144,168);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 180%;
}

.content5-pagetitle         /* Used in home page */
{
overflow: hidden;
 text-align: center;
 width: 300px;
 height: 30px;
 margin: 0px 0px 10px 0px;
 padding: 4px 0px 2px 0px;
 background-color: #b22222;
 color: #ffff00;
 font-weight: bold;
 font-size: 220%;
}

.content5-button-container         /* Used in home page */
{
  background-color: #d0d0d0;
  width: 300px;
  height: 40px;
  padding: 20px 0px 20px 40px;
  border: none;
  border-color: #d0d0d0;
}


.content5              /* Used in Contact page  */
{
float: left;
 width: 630px;
 margin: 0px;
 padding: 0px 0px 0px 55px;
 color: rgb(75,75,75);
 font-size: 120%;
}


.content5-container-1col-txtleft-600px   /* Used in Articles  */
{
float: left;
 width: auto;
 margin: 0px 40px 0px 40px;
 padding: 8px 0px 10px 0px;
 color: #000000;
  font: normal 100% Arial;
  text-align: justify;
  font-size: 120%;
}

.content5-container-1col-txtright-600px
{
float: right;
 width: 550px;
 margin: 40px;
 padding: 0px;
 color: #000000;
  font: normal 120% Arial;
  text-align: justify;
}

.content5-widgetbox       /* Used in subscribe page  */
{
float: none;
 clear: both;
 width: 400px;
 margin-top: 30px;
 margin-left: 150px;
 padding: 0px;
 color: #000000;
  padding-left: 0px
}

.content6-container    /* used in Calvin box */
{
float: left;
 width: 600px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 color: #000000;
  font: normal 150% Arial;
  text-align: justify;
  /*border: solid;
  border-width: 2px;
  border-color: #FF0066;*/
}

.content7-container          /* Used in Contact page  */  /* Used in subscribe page  */
{
float: left;
 width: 700px;
 margin: 0px 0px 0px 0px;
 padding: 10px 100px 10px 150px;
 color: #000000;
  font: normal 150% Arial;
  text-align: justify;
  /*border: thin solid; */
}

.content8                   /* Used in Sitemap page  */
{
float: left;
 width: 184px;
 margin: 0px -1px 0px 0px;
 padding: 10px 4px 10px 4px;
 color: #000000;
  font: normal 100% Arial;
  text-align: center;
  border: solid;
  border-top-width: 2px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
}

.content8-R             /* Used in Sitemap page  */
{
float: left;
 width: 185px;
 margin: 0px 0px 0px 0px;
 padding: 10px 4px 10px 4px;
 color: #000000;
  font: normal 100% Arial;
  text-align: center;
  border: solid;
  border-top-width: 2px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
}

.content8-L           /* Used in Sitemap page  */
{
float: left;
 width: 185px;
 margin: 0px -1px 0px 2px;
 padding: 10px 4px 10px 4px;
 color: #000000;
  font: normal 100% Arial;
  text-align: center;
  border: solid;
  border-top-width: 2px;
  border-left-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.content1-pagetitle  /* Used in home page */
{
overflow: hidden;
 text-align: center;
 width: 608px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 2px 0px;
 border-bottom: solid 3px rgb(88,144,168);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 180%;
}

.content1a
{
float: left;
 width: 510px;
 margin: 0px;
 padding: 0px 0px 10px 110px;
 color: rgb(75,75,75);

  border-bottom-color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid
}

.content1b  /* Used in home page */
{
float: right;
height: auto;
 width: 555px;
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 80px;
 color: rgb(75,75,75);
 /*border: 5px solid #FFFF00 */
}

.content1c  /* Used in home page */
{
float: left;
 width: 510px;
 margin: 0px;
 padding: 0px 0px 10px 0px;
 color: rgb(75,75,75);

  border-bottom-color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid
}

.content1a-pagetitle   /* Used in Search boxes  */
{
overflow: hidden;
 text-align: center;
 width: 470px;
 margin: 0px 0px 2px 0px;
 padding: 0px 0px 2px 0px;
 border-bottom: solid 3px rgb(88,144,168);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 180%;
}

.cartoon            /* Used in home page */
{
float: right;
 width: 310px;
 height: 255px;
 /*border: solid 1px rgb(00,00,00);*/
 margin: 0px;
 padding: 0px 0px 0px 0px;
}

.cartoon-ad           /* Used in home page */
{
float: right;
 width: 310px;
 height: 100px;
 /*border: solid 1px rgb(00,00,00);*/
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
}

.news          /* Used in home page */
{
float: right;
 width: 310px;
 height: 340px;
 border: solid 1px rgb(00,00,00);
 margin: 0px;
 padding: 0px 0px 0px 0px;
}

.news-left
{
float: left;
 width: 210px;
 height: 340px;
 border: solid 1px rgb(00,00,00);
 margin: 0px;
 padding: 0px 0px 0px 0px;
}


/******************************************************************************/
/* SECTION 3a - SPECIFIC CLASSES FOR COMICS*/
/******************************************************************************/

.comic-1  /*Calvin's box */
{
 position: relative;
 width: 600px;
 float: left;
 margin: 20px 68px 10px 68px;
 padding: 30px 30px 30px 30px;
 border: solid 5px;
 border-color: #b22222;
 border-style: double;
 text-align: justify;
 font-weight: normal;
 font-size: 100%;
}

.comic-ad1  /* Calvin's Ad */
{
  /*position: absolute;*/
  /*clear: right;*/
  float: right;
  /*bottom: 0px;
  right: 0px;   */
  width: 100px;
  height: 100px;
  margin: 0px 0px 10px 10px;
}

.comic-2     /* Main Comics Container  */
{
 width: 710px;
 float: right;
 margin: 20px 20px 10px 20px;
 padding: 30px 30px 30px 30px;
 border-color: #38689D;
 text-align: justify;
 font-weight: normal;
 font-size: 150%;
}

.comic-3
{
  width: 720px;
  height: auto;
  font-weight: bold
  /*border: 2px solid #3366FF;; */

}

.comic-ad3
{
  clear: right;
  position: top;
  float: right;
  width: 100px;
  height: 180px;
  margin: 33px 10px 5px 5px;
  font-size: 80%;
  text-align: center;
  /*border: solid;
  border-width: 2px;
  border-color: #ff0000;*/
}

.comic-archives
{
  width: 560px;
  text-align: center;
  font-size: 120%;
  margin: 15px;
  border: 2px solid #3300FF;
}


/******************************************************************************/
/* SECTION 3b - SPECIFIC CLASSES FOR PHOTOS*/
/******************************************************************************/

.photo-left
{
  width:204px;
  float: left;
  border-color:#FF0066;
  margin: 8px 0px 8px 1px;
  padding: 2px;
  /* border: 1px solid */
  z-index: 1;
}

.photo-center
{
  clear: none;
  width: 204px;
  float:  left;
  border-color:#00FF33;
  margin: 8px 0px 8px 3px;
  padding: 2px;
  display: inline;
  /* border: 1px solid */
  z-index: 1;
}

.photo-right
{
  width:204px;
  float: right;
  border-color:#FF0066;
  margin: 8px 0px 8px 0px;
  padding: 2px;
  /* border: 1px solid */
  z-index: 1;
}

/******************************************************************************/
/*  Hoverbox   Effects  by: http://sonspring.com/journal/hoverbox-image-gallery */
/******************************************************************************/

/*
.hoverbox
{
	cursor: default;
	list-style: none;
    z-index=1;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -150px;
	left: -75px;
	z-index: 10;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 200px;
	height: auto;
    z-index=1;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
    z-index=1;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: auto;
}
*/
/******************************************************************************/
/* SECTION 3b - SPECIFIC CLASSES FOR ARTICLES*/
/******************************************************************************/

.content-article       /* Used for articles  */
{
  float: left;
  width: 580px;
  height: auto;
  text-align: justify;
  padding: 10px 15px 5px 15px;
  margin-left:1px;
  border-bottom: 2px solid #b22222;
  font-size: 120%;
  color: #000000;
  font-weight: 500;
}


.img-article-left
{
  float: left;
  /*width: 200px;  */
  height: auto;
  margin-right: 15px;
  margin-bottom: 5px;
  border: 2px solid #0000FF;
  padding: 1px 1px 1px 1px;
}

.img-article-right
{
  float: right;
  /*width: 200px; */
  height: auto;
  margin-left: 15px;
  margin-bottom: 5px;
  border: 2px solid #0000FF;
  padding: 1px 1px 1px 1px;
}


/********************************************************/
/*  Form Box                                            */
/********************************************************/

.form-box
{
  border: 3px solid;
  border-color: #b22222;
  width: 390px;
  height: auto;
  float: left;
  margin: 20px 20px 10px 0px;
  padding:  6px 8px;
  font-size: 150%
}

.form-box-2
{
  border: 3px solid;
  border-color: #b22222;
  background: #FFFFCC;
  width: 390px;
  height: auto;
  float: left;
  margin: 20px 20px 10px 0px;
  padding:  6px 8px;
  font-size: 150%;
}

.form-box-3
{
  float: none;
  border: 3px solid;
  border-color: #b22222;
  background: #FFFFdd;
  width: 390px;
  height: auto;
  float: left;
  margin: 10px 20px 10px 120px;
  padding:  6px 8px;
  font-size: 150%;
}

.table-box
{
  width:670px;
  height: auto;
  padding: 0px 0px 0px 40px;
}


/********************************************************/
/*  Track Box                                            */
/********************************************************/

.track-box
{
  border: 3px solid;
  border-color: #b22222;
  width: 280px;
  height: auto;
  float: left;
  /*margin: 20px 10px 10px 0px; */
  padding:  6px 8px;
  font-size: 100%
}

.track-box-2
{
  border-bottom-style: solid;
  width: 280px;
  height: auto;
  float: left;
  /*margin: 20px 10px 10px 0px; */
  padding:  6px 8px;
  font-size: 100%;
  border-color: #b22222;
}



/******************************************************/
/* SECTION 4 - SPECIFIC CLASSES FOR LAYOUTS #2 and #3 */
/******************************************************/

.content2                 /* Used in photo page */
{
clear: none;
float: right;
 width: 570px;
 height: auto;
 margin: 10px;
 padding: 0px 20px 5px 20px;
 text-align: justify;
 color: rgb(75,75,75);
 font-size: 1.0em;
 border: 2px solid #b22222
}

/*.content3         (Original version saved for reference)
{
float: left;
 width: 590px;
 min-height: 500px;
 margin: 0px;
 padding: 0px 0px 0px 20px;
 color: rgb(75,75,75);
 font-size: 1.0em;
}       */

.content3a-pagetitle   /* Used in Marketing Pages  */
{
overflow: hidden;
 text-align: center;
 width: 665px;
 margin: 0px 0px 2px 0px;
 padding: 0px 0px 2px 0px;
 border-bottom: solid 3px rgb(88,144,168);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 100%;
}

.content3     /* Used in Child-reminder page */
{
 float: right;
 background-color: #ffffff;
 text-align: justify;
 width: 670px;
 margin: 0px 75px 0px 0px;
 padding: 30px 75px 0px 80px;

 color: rgb(0,0,0);
 font-size: 160%;
  font-weight: 500;
}

.content3a     /* Used in Child-reminder page */
{
 float: right;
 background-color: #ffffff;
 text-align: justify;
 width: 670px;
 margin: 0px 75px 0px 0px;
 padding: 30px 75px 0px 80px;
 color: rgb(0,0,0);
 font-size: 160%;
  font-weight: 500;
}

.content3-quote
{
  background-color: #ffffff;
  text-align: justify;
 width: 545px;
 margin: 0px 70px 0px 0px;
 padding: 0px 75px 0px 75px;
 color: rgb(0,0,0);
 font-size: 100%;
 font-weight: 500;
}


.childreminder-left
{
  width:400px;
  height: 410px;
  float: left;  margin: 8px 0px 18px -70px;
  padding: 6px 0px 0px 0px;
  /* border: 1px solid */
  z-index: 1;
}

.childreminder-left-a
{
  width:420px;
  float: left;  margin: 8px 20px 18px -70px;
  padding: 6px 0px 0px 0px;
  /* border: 1px solid */
  z-index: 1;
}

.childreminder-right
{
  width:400px;
  height: 410px;
  float: right;
  margin: 8px -70px 22px 1px;
  padding: 0px 2px 2px 2px;
  /* border: 1px solid */
  z-index: 1;
}

.child-keywordstash
{
  float: left;
  width: 64px;
  color: #d0d0d0;
  font-size: 2px;
}

.keywordstash
{
  float: left;
  width: 164px;
  color: #d0d0d0;
  font-size: 2px;
}


/***************************************************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.content2-pagetitle, .content3-pagetitle 
{
overflow: hidden;
 width: 569px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 2px 0px;
 border-bottom: solid 3px rgb(88,144,168);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 180%;
}


/*********************************/
/* SECTION 6 - COMMON PARAMETERS */
/*********************************/

/*--------------------*/
/* 6.1 - Content Area */
/*--------------------*/

/* Titles and textboxes*/
.content-title-noshade-size1
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 130%;
}

.content-title-noshade-size2
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 150%;
}

.content-title-noshade-size3
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 160%;
}

.content-title-noshade-size4 
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 180%;
}

.content-title-noshade-size5 
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 200%;
}

.content-title-shade-size1
{
margin: 0px;
 padding: 0px 10px 0px 10px;
 background-color: rgb(215,215,215);
 color: rgb(100,100,100);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 130%;
}

.content-title-shade-size2
{
margin: 0px;
 padding: 0px 10px 0px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 150%;
}

.content-title-shade-size3 
{
margin: 0px;
 padding: 0px 10px 0px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 160%;
}

.content-title-shade-size4 
{
margin: 0px;
 padding: 0px 10px 0px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 180%;
}

.content-title-shade-size5
{
margin: 0px;
 padding: 0px 10px 0px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
  font-weight: bold;
 font-size: 200%;
}

.content-subtitle-noshade-size1
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 110%;
}

.content-subtitle-noshade-size2 
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 120%;
}

.content-subtitle-noshade-size3
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 130%;
}

.content-subtitle-noshade-size4
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 140%;
}

.content-subtitle-noshade-size5
{
margin: 0px;
 padding: 0px;
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 150%;
}

.content-subtitle-shade-size1
{
margin: 0px;
 padding: 0px 10px 3px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 110%;
}

.content-subtitle-shade-size2
{
margin: 0px;
 padding: 0px 10px 3px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 120%;
}

.content-subtitle-shade-size3 
{
margin: 0px;
 padding: 0px 10px 3px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 130%;
}

.content-subtitle-shade-size4 
{
margin: 0px;
 padding: 0px 10px 3px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 140%;
}

.content-subtitle-shade-size5 
{
margin: 0px;
 padding: 0px 10px 3px 10px;
 background-color: rgb(215,215,215);
 color: rgb(88,144,168);
 font-weight: bold;
 font-size: 150%;
}

.content-txtbox-noshade
{
margin: 0px;
 padding: 7px 0px 0px 0px;
 background-color: rgb(255,255,255);
}

.content-txtbox-shade 
{
margin: 0px;
 padding: 7px 10px 5px 10px;
 background-color: rgb(235,235,235);
}


/* Headings */
h1
{
margin: 1.0em 0px 0.5em 0px;
 font-weight: bold;
 font-size: 160%;
}

h2 
{
margin: 1.0em 0px 0.5em 0px;
 font-weight: bold;
 font-size: 150%;
}

h3
{
margin: 1.0em 0px 0.5em 0px;
 font-weight: bold;
 font-size: 140%;
}

h4 
{
margin: 1.0em 0px 0.5em 0px;
 font-weight: bold;
 font-size: 130%;
}

h5 
{
margin: 0px 0px 0.2em 0px;
 font-weight: bold;
 font-size: 130%;
}

h6 
{
margin: 0px 0px 0.2em 0px;
font-weight: bold;
 font-style: italic;
 font-size: 130%;
}


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

p.articletitle
{
  text-align: center;
  font-size: 200%;
  padding: 5px 0px 0px 0px;
  color: #b22222;

 }

p.headline
{
  text-align: center;
  font-size: 300%;
  padding: 5px 20px 5px 20px;
  margin:10px 50px 10px 50px;
  color: #0000ff;
  font: "Xpress Heavy SF";
  font-weight: 600;;
  border: 10px double #000000;
}

p.link
{
margin: 0px 0px 0.5em 0px;
 padding: 0px;
 line-height: 1.3em;
 font-family: arial, sans serif;
 font-size: 120%;
 font-weight:  bold
}

 p.left
 {
margin: 0px 0px 0.5em 0px;
 float: left;
 padding: 0px;
 line-height: 1.3em;
 font-family: arial, sans serif;
 font-size: 120%;
 }

 p.right
 {
margin: 0px 0px 0.5em 0px;
 float: right;
 padding: 0px;
 line-height: 1.3em;
 font-family: arial, sans serif;
 font-size: 120%;
 }

p.readmore
{
margin: 1.0em 0px 0.5em 0px;
 padding: 0px;
 line-height: 1.2em;
 font-size: 110%;
 }

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

p.embed
{
float: left;
 width: 120px;
 margin: 7px 7px 5px 0px;
 padding: 5px 5px 5px 5px;
 background-color: rgb(238,237,249);
 font-style: italic;
 font-weight: bold;
  line-height: 1.2em;
 font-size: 140%;
}

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


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


/* Embedded emphasis */
.embed
{
float: left;
 width: 120px;
 margin: 2px 7px 2px 0px;
 padding: 5px 5px 5px 5px;
 background-color: rgb(238,237,249);
 font-style: italic;
 font-weight: bold;
  line-height: 1.2em;
 font-size: 140%;
}

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


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

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

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

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

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


/* Tables */
.table
{
clear: left;
 margin: 0.5em 0px 0.2em 30px;
 border: solid 1px rgb(150,150,150);
 empty-cells: show;
 border-collapse: collapse;
 background-color: rgb(233,232,244);
}

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

.table td 
{
padding: 2px 7px 2px 7px;
 border: solid 1px rgb(150,150,150);
 text-align: left;
 font-size: 120%;
}

.table th
{
margin: 0px;
 padding: 2px 7px 2px 7px;
 border: solid 1px rgb(150,150,150);
 empty-cells: show;
 text-align: left;
 font-size: 120%;
 	}

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


/* Images */

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

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

.img-left-border-notopmargin
{
float: left;
 margin: 0px 10px 0px 0px;
 border: solid 1px rgb(150,150,150);
}

.img-left-border-topmargin
{
float: left;
 margin: 3px 10px 0px 0px;
 border: solid 1px rgb(150,150,150);
}

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

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

.img-right-border-notopmargin
{
float: right;
 margin: 0px 0px 0px 10px;
 border: solid 1px rgb(150,150,150);}

.img-right-border-topmargin
{
float: right;
 margin: 3px 0px 0px 10px;
 border: solid 1px rgb(150,150,150);
}


/*--------------------*/
/* 6.2 - Sidebar Area */
/*--------------------*/
.sidebar
{
overflow: hidden;
 float: right;
 /*width: 160px;*/
 width: 170px;
 border: solid 1px;
 min-height: 500px;
 margin: -2px 0px 10px 0px;
 padding: 0px 0px 10px 0px;
 text-align: center;
 color: rgb(75,75,75);
}

.sidebar-box
{
  /* clear: right; */
 overflow: hidden;
 /*Position: relative;*/
 float: right;
 width: 170px;
 border
 background-color: #d0d0d0;
 min-height: 200px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
 color: rgb(75,75,75);
 border-left-style: solid;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
}

.sidebar-maintitle
{
clear: both;
  width: 154px;
  float: right;
margin: 0px 0px 5px 0px;
 padding: 4px 10px 4px 10px;
 text-align: center;
 /*background-color: rgb(156,186,214);*/
 background-color: #38689D;
 color: rgb(255,255,255);
 text-transform: uppercase;
 font-weight: bold;
 font-size: 180%;
 color: yellow;
}

.sidebar-title-noshade
{
margin: 0px;
 padding: 2px 10px 3px 10px;
 border-top: solid 1px rgb(215,215,215);
 color: rgb(75,75,75);
 font-weight: bold;
 font-size: 120%;
}

.sidebar-title-shade
{
margin: 0px;
 padding: 2px 10px 3px 10px;
 background-color: rgb(215,215,215);
 color: rgb(75,75,75);
 font-weight: bold;
 font-size: 120%;
}

.sidebar-txtbox-noshade
{
margin: 0px 0px 0px 0px;
 padding: 2px 10px 3px 5px;
 /* new line spec */
 color: #000000;
 text-align: justify;
 font-size: 120%;
}

.sidebar-txtbox-noshade-c
{
margin: 0px 0px 0px 0px;
 padding: 2px 10px 3px 5px;
 /* new line spec */
 color: #000000;
 text-align: center;
 font-size: 120%;
}

.sidebar-txtbox-shade
{
margin: 0px 0px 10px 0px;
 padding: 2px 10px 3px 10px;
 background-color: rgb(235,235,235);
}

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

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


/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/
.footer
{
overflow: hidden;
 clear: both;
 width: 972px;
 height: auto;
 margin: 0px;
 padding: 0.5em 0px 5px 0px;
 border-top: solid 1px rgb(125,125,125);
 background-color: rgb(128,161,202);
 color: rgb(255,255,255);
 font-size: 1.0em;
}

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


/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/

a img
{
  float:left;
  padding: 0px 0px 0px 0px;
  margin: 0px 1px 0px 0px;
  border: 1px solid #FFFFFF;
  /*z-index: 1;   */
}

.button
{
  float:left;
  padding: -1px -1px 0px 0px;
  margin: 0px 2px 0px 0px;
  border: 1px solid #d0d0d0;
}

.button-2
{
  float:none;
  padding: -1px -1px 0px 0px;
  margin: 0px 2px 0px 250px;
  /* border: 1px solid #d0d0d0;  */
}

a:link
{
  color: #0000FF;
  z-index: 1;
}

a:visited
{
  color: #CC66FF;
}

a:hover
{
  color: #FF6600;
  z-index: 1;
}


.img-border a
{
  float: left;
  padding: 0px 2px 0px 0px;
  margin: 5px 0px 0px 0px;
  width: 200px;
  border: 2px solid #0000FF;
  /*z-index: 1;    */
}

.img-border-0
{
  float: left;
  padding: 0px 2px 0px 0px;
  margin: 5px 0px 0px 0px;
  width: 200px;
  border: 2px solid #d0d0d0;
  /*z-index: 1;  */
}

a img-photo
{
  float:left;
  padding: 0px;
  width: 202px;
  border: 2px solid #0000FF;
  /* z-index: 1;  */
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*  http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/ see also:
/*  http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/P10/  */

.thumbnail
{
position: relative;
z-index: 0;
}

.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}

.thumbnail span  /*CSS for enlarged image*/
{
position: absolute;
background-color: lightyellow;
padding: 5px;
/*left: -1000px;   */
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img /*CSS for enlarged image*/
{
position: relative;
border-width: 0;
padding: 2px;
}

.thumbnail:hover span /*CSS for enlarged image on hover*/
{
visibility: inherit;
position: absolute;
top: 50px;
left: 0px; /*position where enlarged image should offset horizontally */
}


//* End of Hover image enlarge code *//

.content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a
{
color: rgb(75,75,75);
 font-size: 100%;
 color: blue;
 text-decoration: underline;
}

.content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover
{
color: rgb(255,0,0);
 text-decoration: none;
}

.content2 a:visited, .content3 a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited
{
color: rgb(150,00,150);
}

.footer a 
{
color: rgb(255,255,255);
 text-decoration: underline;
}

.footer a:hover
{
color: rgb(0,0,0);
 text-decoration: none;
}


/*******************************/
/* SECTION 7 - GENERIC CLASSES */
/*******************************/

/*----------------------------*/
/* 7.1 - Title decoration box */
/*----------------------------*/
.box-on
{
float: left;
 min-width: 0.3em;
 margin-right: 0.2em;
 padding: 0px 0.2em 0px 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;
}

.right
{
text-align: right;
color: #FF0000;
}

.align-justify
{
text-align: justify;
/* color: #00ff00; */
}

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

/*------------------*/
/* 7.3  Text Styles */
/*------------------*/

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

.textr-12px
{
  clear:both;
  float: left;
  font-size: 12px;
  text-align: justify;
}

.text-disclosure
{
  font-size: 9px;
  color: #FF0000;
}


/*------------------*/
/* 7.3  Text colors */
/*------------------*/
.txt-white
{
color: rgb(255,255,255);
}

.txt-black
{
color: rgb(0,0,0);
}


.txt-grey01 
{
color: rgb(242,242,242);
}

.txt-grey02 
{
color: rgb(230,230,230);
}

.txt-grey03 
{
color: rgb(217,217,217);
}

.txt-grey04 
{
color: rgb(204,204,204);
}

.txt-grey05 
{
color: rgb(191,191,191);
}

.txt-grey06
{
color: rgb(178,178,178);
}

.txt-grey07 
{
color: rgb(153,153,153);
}

.txt-grey08 
{
color: rgb(127,127,127);
}

.txt-grey09 
{
color: rgb(89,89,89);
}

.txt-grey10 
{
color: rgb(51,51,51);
}


.txt-yellow01 
{
color: rgb(254,252,232);
}

.txt-yellow02 
{
color: rgb(253,249,201);
}

.txt-yellow03 
{
color: rgb(253,246,185);
}

.txt-yellow04
{
color: rgb(252,243,162);
}

.txt-yellow05 
{
color: rgb(251,239,139);
}

.txt-yellow06 
{
color: rgb(250,236,116);
}

.txt-yellow07 
{
color: rgb(249,233,93);
}

.txt-yellow08 
{
color: rgb(249,230,69);
}

.txt-yellow09 
{
color: rgb(248,227,46);
}

.txt-yellow10 
{
color: rgb(247,224,23);
}


.txt-blue01
{
color: rgb(238,237,249);
}

.txt-blue02 
{
color: rgb(222,220,242);
}

.txt-blue03 
{
color: rgb(205,202,236);
}

.txt-blue04
{
color: rgb(189,185,229);
}

.txt-blue05 
{
color: rgb(172,167,223);
}

.txt-blue06 
{
color: rgb(155,149,217);
}

.txt-blue07
{
color: rgb(139,132,210);
}

.txt-blue08 
{
color: rgb(122,114,204);
}

.txt-blue09 
{
color: rgb(106,97,197);
}

.txt-blue10 
{
color: rgb(89,79,191);
}


.txt-green01 
{
color: rgb(237,246,229);
}

.txt-green02 
{
color: rgb(220,238,204);
}

.txt-green03 
{
color: rgb(202,229,178);
}

.txt-green04 
{
color: rgb(185,220,153);
}

.txt-green05 
{
color: rgb(167,211,127);
}

.txt-green06 
{
color: rgb(149,203,102);
}

.txt-green07 
{
color: rgb(132,194,76);
}

.txt-green08 
{
color: rgb(114,185,51);
}

.txt-green09 
{
color: rgb(97,177,25);
}

.txt-green10 
{
color: rgb(79,168,0);
}


.txt-red01 
{
color: rgb(252,235,233);
}

.txt-red02 
{
color: rgb(248,216,211);
}

.txt-red03 
{
color: rgb(245,196,188);
}

.txt-red04 
{
color: rgb(242,177,166);
}

.txt-red05
{
color: rgb(238,157,144);
}

.txt-red06 
{
color: rgb(235,137,122);
}

.txt-red07
{
color: rgb(232,118,100);
}

.txt-red08 
{
color: rgb(229,98,77);
}

.txt-red09 
{
color: rgb(225,79,55);
}

.txt-red10 
{
color: rgb(222,59,33);
}


/*-------------------------*/
/* 7.4 - Background colors */
/*-------------------------*/
.bg-white
{
background-color: rgb(255,255,255);
}

.bg-black 
{
background-color: rgb(0,0,0);
}


.bg-grey01
{
background-color: rgb(242,242,242);
}

.bg-grey02 
{
background-color: rgb(230,230,230);
}

.bg-grey03
{
background-color: rgb(217,217,217);
}

.bg-grey04 
{
background-color: rgb(204,204,204);
}

.bg-grey05 
{
background-color: rgb(191,191,191);
}

.bg-grey06 
{
background-color: rgb(178,178,178);
}

.bg-grey07 
{
background-color: rgb(153,153,153);
}

.bg-grey08
{
background-color: rgb(127,127,127);
}

.bg-grey09 
{
background-color: rgb(89,89,89);
}

.bg-grey10
{
background-color: rgb(51,51,51);
}


.bg-yellow01 
{
background-color: rgb(254,252,232);
}

.bg-yellow02 
{
background-color: rgb(253,249,201);
}

.bg-yellow03 
{
background-color: rgb(253,246,185);
}

.bg-yellow04 
{
background-color: rgb(252,243,162);
}

.bg-yellow05 
{
background-color: rgb(251,239,139);
}

.bg-yellow06 
{
background-color: rgb(250,236,116);
}

.bg-yellow07
{
background-color: rgb(249,233,93);
}

.bg-yellow08 
{
background-color: rgb(249,230,69);
}

.bg-yellow09
{
background-color: rgb(248,227,46);
}

.bg-yellow10 
{
background-color: rgb(247,224,23);
}


.bg-blue01 
{
background-color: rgb(238,237,249);
}

.bg-blue02 
{
background-color: rgb(222,220,242);
}

.bg-blue03 
{
background-color: rgb(205,202,236);
}

.bg-blue04 
{
background-color: rgb(189,185,229);
}

.bg-blue05 
{
background-color: rgb(172,167,223);
}

.bg-blue06
{
background-color: rgb(155,149,217);
}

.bg-blue07 
{
background-color: rgb(139,132,210);
}

.bg-blue08 
{
background-color: rgb(122,114,204);
}

.bg-blue09 
{
background-color: rgb(106,97,197);
}

.bg-blue10 
{
background-color: rgb(89,79,191);
}


.bg-green01 
{
background-color: rgb(237,246,229);
}

.bg-green02 
{
background-color: rgb(220,238,204);
}

.bg-green03
{
background-color: rgb(202,229,178);
}

.bg-green04 
{
background-color: rgb(185,220,153);
}

.bg-green05
{
background-color: rgb(167,211,127);
}

.bg-green06 
{
background-color: rgb(149,203,102);
}

.bg-green07 
{
background-color: rgb(132,194,76);
}

.bg-green08 
{
background-color: rgb(114,185,51);
}

.bg-green09 
{
background-color: rgb(97,177,25);
}

.bg-green10
{
background-color: rgb(79,168,0);
}


.bg-red01 
{
background-color: rgb(252,235,233);
}

.bg-red02 
{
background-color: rgb(248,216,211);
}

.bg-red03 
{
background-color: rgb(245,196,188);
}

.bg-red04
{
background-color: rgb(242,177,166);
}

.bg-red05 
{
background-color: rgb(238,157,144);
}

.bg-red06 
{
background-color: rgb(235,137,122);
}

.bg-red07 
{
background-color: rgb(232,118,100);
}

.bg-red08 
{
background-color: rgb(229,98,77);
}

.bg-red09
{
background-color: rgb(225,79,55);
}

.bg-red10 
{
background-color: rgb(222,59,33);
}


/*---------------------------*/
/* 7.5  Bottom border colors */
/*---------------------------*/
.line-box
{
border-bottom: solid 1px rgb(200,200,200);
 padding-bottom: 15px;
 margin: 0px 0px 15px 0px;
}


.line-white
{
border-bottom: solid 1px rgb(255,255,255);
 padding-bottom: 2px;
 margin: 0px 0px 1px 0px;
}

.line-black
{
border-bottom: solid 1px rgb(0,0,0);
 padding-bottom: 2px;
 margin: 0px 0px 1px 0px;
}


.line-grey01
{
border-bottom: solid 1px rgb(242,242,242);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey02
{
border-bottom: solid 1px rgb(230,230,230);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey03
{
border-bottom: solid 1px rgb(217,217,217);
 padding-bottom: 2px;
 margin-bottom: 1px;}

.line-grey04
{
border-bottom: solid 1px rgb(204,204,204);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey05
{
border-bottom: solid 1px rgb(191,191,191);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey06
{
border-bottom: solid 1px rgb(178,178,178);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey07
{
border-bottom: solid 1px rgb(153,153,153);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey08
{
border-bottom: solid 1px rgb(127,127,127);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey09
{
border-bottom: solid 1px rgb(89,89,89);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-grey10
{
border-bottom: solid 1px rgb(51,51,51);
 padding-bottom: 2px;
 margin-bottom: 1px;
}


.line-yellow01
{
border-bottom: solid 1px rgb(254,252,232);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow02
{
border-bottom: solid 1px rgb(253,249,201);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow03
{
border-bottom: solid 1px rgb(253,246,185);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow04
{
border-bottom: solid 1px rgb(252,243,162);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow05
{
border-bottom: solid 1px rgb(251,239,139);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow06 
{
border-bottom: solid 1px rgb(250,236,116);
 padding-bottom: 2px;
 margin-bottom: 1px;}

.line-yellow07 
{
border-bottom: solid 1px rgb(249,233,93);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow08 
{
border-bottom: solid 1px rgb(249,230,69);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow09 
{
border-bottom: solid 1px rgb(248,227,46);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-yellow10 
{
border-bottom: solid 1px rgb(247,224,23);
 padding-bottom: 2px;
 margin-bottom: 1px;
}


.line-blue01 
{
border-bottom: solid 1px rgb(238,237,249);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue02
{
border-bottom: solid 1px rgb(222,220,242);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue03 
{
border-bottom: solid 1px rgb(205,202,236);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue04 
{
border-bottom: solid 1px rgb(189,185,229);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue05
{
border-bottom: solid 1px rgb(172,167,223);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue06 
{
border-bottom: solid 1px rgb(155,149,217);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue07 
{
border-bottom: solid 1px rgb(139,132,210);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue08 
{
border-bottom: solid 1px rgb(122,114,204);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-blue09 
{
border-bottom: solid 1px rgb(106,97,197);
 padding-bottom: 2px;
 margin-bottom: 1px;}

.line-blue10 
{
border-bottom: solid 1px rgb(89,79,191);
 padding-bottom: 2px;
 margin-bottom: 1px;
}


.line-green01 
{
border-bottom: solid 1px rgb(237,246,229);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green02 
{
border-bottom: solid 1px rgb(220,238,204);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green03
{
border-bottom: solid 1px rgb(202,229,178);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green04 
{
border-bottom: solid 1px rgb(185,220,153);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green05 
{
border-bottom: solid 1px rgb(167,211,127);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green06 
{
border-bottom: solid 1px rgb(149,203,102);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green07 
{
border-bottom: solid 1px rgb(132,194,76);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green08
{
border-bottom: solid 1px rgb(114,185,51);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green09 
{
border-bottom: solid 1px rgb(97,177,25);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-green10 
{
border-bottom: solid 1px rgb(79,168,0);
 padding-bottom: 2px;
 margin-bottom: 1px;
}


.line-red01 
{
border-bottom: solid 1px rgb(252,235,233);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red02 
{
border-bottom: solid 1px rgb(248,216,211);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red03 
{
border-bottom: solid 1px rgb(245,196,188);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red04 
{
border-bottom: solid 1px rgb(242,177,166);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red05 
{
border-bottom: solid 1px rgb(238,157,144);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red06 
{
border-bottom: solid 1px rgb(235,137,122);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red07 
{
border-bottom: solid 1px rgb(232,118,100);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red08 
{
border-bottom: solid 1px rgb(229,98,77);
 padding-bottom: 2px;
 margin-bottom: 1px;
}

.line-red09 
{
border-bottom: solid 1px rgb(225,79,55);
 padding-bottom: 2px;
 margin-bottom: 1px;
}
									
.line-red10 
{
border-bottom: solid 1px rgb(222,59,33);
 padding-bottom: 2px;
 margin-bottom: 1px;
}


/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/
.showcode 
{
font-family: monospace;
 font-weight: bold;
 font-size: 13px;
 color: rgb(255,0,0);
}

.clear 
{
clear: both;
}

.hide 
{	
display: none;
}

br 
{
clear: none;
}