* { margin:0; padding: 0; } 
option {padding-left: 0.4em}

body { 
    min-height: 101%;	
    font-size: 62.5%; 
    position: relative; 
    color: #000;        
    background: #fff;
    text-align: left; 
    font-family: Courier New, Courier, mono;
}
fieldset, img { border:0; }
select, input, textarea { font-size: 99% }

ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

a {color:  #ff0080}
a:hover {
    font-weight: bold;
    background-color: #ffe4f2
}
a:visited {color: #000}

/*** new style here..... *****/

h1, h2, h3, h4 { color: #ff0080; }

h1 {font-size: 3.2em;}
h2 {font-size:2em;}
h3 {font-size: 1.6em; margin: 1.5em 0;}
h4 {font-size: 1.5em;}

p {
    font-size: 1.5em;
    margin: 1em;
}

#container { width: 800px; margin: auto;}
#header {margin: 2em 0;}
#menu {
    float:left;
    width: 20%;
    padding: 0;
}
#menu ul {
    list-style-type: none;
    font-size: 1.2em;
    margin: 0;
}
#menu li {
    margin-bottom: 0.8em;
    margin-left: 0;
}
#menu a:visited {color: #ff0080}
#menu a.active {
    font-weight: bold;
    background-color: #ffe4f2;
}
/* submenu */
#menu ul ul {font-size: 1em;}
#menu li ul li {
    margin-bottom: 0.3em;
    margin-left: 0.5em;
}

#content {
    float: right;
    width: 78%;
    border-left: 1px dotted #ff0080;
    padding-left: 1em;
}

#content ul {
    font-size: 1.4em;
    list-style-type: circle;
}
#content li {margin-bottom: .5em;}

/* css-styled-content-extension...*/
.csc-header {
    clear:both;
    margin-top: 3.5em;
}

/* cancel margin-top for first header */
.csc-header-n1 { margin-top:0 }

/* picture floating */
.fll, .flr { margin: 0 0 1em 2em; }
.fll { float:right }
.flr { float:left }