html, body{
    height: 100%;
     color: #444;
    background: #fff;
    text-align: justify; 
    text-justify: newspaper;
    text-justify: inter-word;
}

html>body .container {
    height: auto;
}

  /* Custom font definitions
  ----------------------------------------------- */
  h1 {  color: #888;} 
  h2 { color: #888; }
  h3 { color: #666; background: #eee;}
  h4 { color: #444;}


.boxTitle {
    color: #888;
    font-weight: bold;
    margin-top: 10px;
    text-align: left;

/*    font-size: x-large;*/
}

.boxTitle em{
    font-stretch: narrower;
    font-size: xx-small;
    font-weight: normal;
}


.ssmenu{
 margin-left:6px;   
 text-align: left;
 font-size: x-small;


}
.ssmenu ul { 
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type:none;    
}
.ssmenu li { 
    margin-top:    -1px;
    margin-botton: -1px;
    margin-left: 2px;
    padding-left: 2px;
}

.ssmenu li object{
    margin-right: 3px;
}


.liBorderBottom ul {
    padding: 3px;
    margin: 3px;
    margin-bottom: 6px;
}
.liBorderBottom li {
    border-bottom: 1px solid orange; /*THEME CHANGE HERE*/
}



.container{
    font-family: 'Trebuchet MS', Verdana, sans-serif;
/*  position: relative;*/
    min-height: 100%;
    height: 100%;
    width: 98%;
    margin: 10x auto;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
    font-size: smaller;
}

.container a:link {color: #33C;}
.container a:visited {color: #000;}
.container a:hover {
    text-decoration: none;
    border-bottom: 1px solid #bb242d;
    background-color: #e0e0e0;
    color: #666;
}



/*         banner             */
/* ################################################## */

.banner ul{
    float: left;
    width: 98%;
    height: 110px; 
    padding:0;
    margin:0;
    list-style-type:none;
    overflow: hidden;
    margin-left:25px;
}

.banner a{
    float:left;
    width:6em;
    text-decoration:none;
    color:white;
    background-color:purple;
    padding:0.2em 0.6em;
    border-right:1px solid white;
}

.banner li {display:inline}

/* top */
.top{
    text-align: center; 
    margin-bottom: .5em;
}

.maintitle {
    color: #888;
    font-weight: bold;
    border-bottom-color: #eee;
    padding: 3px;
    font-size: x-large;
}




/* content */

.content
{
/*    margin-left: 10.5em;*/
/*    border-left: 1px solid gray;*/
/*    border-bottom: 1px solid orange; */
/*    margin-right: 16em;*/
/*    border-right: 1px solid orange;*/
/*    padding: 1em;*/
    width: 99%; 
    margin-bottom: 5px;
    margin-top: 5px
}


.contentTitle {
    text-align: left;
    float: none;
    color: #888;
    border-bottom-color: #eee;
    padding-bottom:.5em;
    padding-top:.5em;
    font-size: large;
}

/* contentNav */

.contentNav
{
    float: left;
    width: 12em;
    padding: 1px;
    margin: 0.5em 0.5em 0.5em 0.5em;
    background: #fff;
}

.contentNav li { 
    margin-left: 2px;
/*    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
}


/* contentExtra */

.contentExtra{
    float: left;
    width: 18em;
    padding: 10px;
    margin: .5em .5em .0em .0em;
    margin: 0em 2em 1em 0em;
    padding: 0em 2em 1em 0em;
    border-right: 1px solid orange; 
    border-bottom: 1px solid orange; 
    background: #fff;
}

.contentExtra li { 
    margin-left: 2px;
/*    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
}



/*  footer */
.footer{ /*    position: absolute;*/
    bottom: 0;
    padding: 4px 0;
    margin: 0;
    text-align: center;

/*    background: #6666CC; 
    color: #FFFFFF;
*/    width: 99%; 
}



/* small */
.smaller {
 font-size: smaller;
    margin-left: 6px;
}


.mylink a { 
    font-weight: normal;
    text-decoration: none;
}

.mylink a:link {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
.mylink a:visited {
    color: #000;
    font-weight: normal;
}
.mylink a:hover{
    color: #f90;
    background: #eee;
    border-bottom: none; /*1px #ccc ;*/
    text-decoration: none;
}


.mouseover { color: #f90;}

.boxed
{
    color: #000;
    background: #ccc;
    text-justify: inter-word;
}

.boxed ul {
    list-style-type: none;
    display: block;
    padding: 3px;
    margin: 0;
}

.boxed a { 
    font-weight: normal;
    text-decoration: none;
}

.boxed a:link {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
.boxed a:visited {
    color: #000;
    font-weight: normal;
}
.boxed a:hover{
    color: #f90;
    background: #eee;
    border-bottom: none; /*1px #ccc ;*/
    text-decoration: none;
}

.stefBoxed{
    background: #f90;   
    margin-left: 10px;
    margin-top: 10px;
 
}
.stefBoxed a:hover{
    background: #60f;
}
.stefBoxed em{ font-size: smaller; } 
.stefBoxed  li {
/*    border-bottom: 1px solid black; /*THEME CHANGE HERE*/
}


.caroBoxed{
/*    color: orange;*/
    background: #f90;
    margin-left: 10px;
    margin-top: 10px;
}
.caroBoxed img {
    float: right;
    margin: 3px;
}

.caroBoxed  li {
    border-bottom: 1px solid black; /*THEME CHANGE HERE*/
}


.caroBoxed a:hover{
/*    background: #6f0;*/
}


.indent {
    margin-left:25px;
}




/* #### navmenu top chromestyle #### */
/* ----------------------------------*/

.chromestyle{
    width: 99%;
    font-weight: bold;

}

/*Add margin between menu and rest of content in Firefox*/
.chromestyle:after{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.chromestyle ul{
/*    border: 1px solid #BBB; */
    width: 100%;
    padding: 2px;
    margin: 0;
    text-align: center; /*set value to "left", "center", or "right"*/
/* background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li{
    display: inline;
}

.chromestyle ul li a {
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
}

.chromestyle a:visited{
}

/*HTML to indicate drop down link*/
.chromestyle ul li a[rel]:after{ 
    content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */
/* ---------------------------------------------*/

/* .chromestyle .dropmenudiv { position: absolute; }*/

.dropmenudiv{
    position: absolute;
    top: 0;
    border: 1px solid #BBB; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
/*    font:normal 12px Verdana;
    line-height:18px;
*/    z-index:100;
    width: 200px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); 
}

.dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
    padding: 2px 0;
    text-decoration: none;
    font-weight: normal;
}

.dropmenudiv a:visited {
    font-weight: normal;
}


.dropmenudiv a:hover{ 
}

/*ie only hack*/

* html .dropmenudiv a{ 
    width: 100%;
}