/*
 CSS for everything
html (or xhtml) doc should contain the following DTD:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="basic.css" />
</head>
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:              12pt;
    color:		    #FFFACD;
    text-align:		    justify;
    margin:                 5px;
    padding:                5px;
    margin-left:           10px;
    margin-right:          20px;
    padding-right:	   10px;

    background-color:       #000000;
    background-image:       url('http://www.seikin.com/images/stars.jpg');
/*
    background-repeat:      repeat-x;
    background-attachment:  fixed;
    background-position:    top left;
*/
}

h1, h2, h3, h4{
    font-family: Arial, Helvetica, sans-serif;
}
h1{font-size:   1.875em}
h2{font-size:   1.25em; color:#ADFF2F}
h3{font-size:   0.95em; color:#98FB98}

hr {color: sienna}

a:link    {color:       #FF0000}  /* unvisited link */
a:visited {color:       #FFFF22}  /* visited link */
a:hover   {color:       #FF00FF}  /* mouse over link */
a:active  {color:       #0000FF}  /* selected link */


/*
setting paragraph format
*/

p {
    margin-left:    10px;
    text-align:     justify;
    font-size:      0.875em;
    color:          #FFFACD;
/*
    text-indent:    50px;
    line-height:    125%
    vertical-align: baseline;
    white-space:    normal;
    whrd-spacing:   normal;
    border-style:   solid;
    border-width:   5px;
    border-color:   red;
    
*/
}

ul{font-size: 90%:line-height:140%}
ul{list-style-position:     outside}
ul.class {list-style-type:  circle}
ul.class {list-style-type:  square}

ol{font-size: 90%;line-height:140%}
ol{list-style-position:          outside}
ol.upper-roman {list-style-type: upper-roman}
ol.lower-alpha {list-style-type: lower-alpha}


/* 
text alignment class  definition
*/

.fleft{
    float:  left;
    width:  49%;
}
.fright{
    float:  right;
    width:  49%;
}

.left_pos  {
        width: 50%;
        float: left;
        align: left;
        padding: 3px;
        margin: 10px;
}

.right_pos  {
        width: 50%;
        float: right;
        align: right;
        padding: 3px;
        padding-left: 10px;
        margin: 10px;
}

.v_spacing {
        padding: 0.2em;
}
.v_spacing2 {
        padding: 1.0em;
}


em.equation {
        font-style: italic;
        font-weight: bold;
        font-size: 90%;
}

em.white{
        font-style:     normal;
        color:          #ffffff;
}

em.yellow{
        font-style:     normal;
        color:          #ADFF2F;
}

em.red{
        font-style:     normal;
        color:          #ff0000;
}


.center{text-align:     center}
.left{text-align:       left}
.right{text-align:      right}
.just{text-algin:       justify}
.uline{text-decoration: underline}
.blink{text-decoration: blink}
.italic{font-style:     italic}
.oblique{font-style:    oblique}


/* Page foramtting */
#navigation{
        position:       absolute;
        top:            7em;
        left:           10px;
        width:          154px;
        font-size:      85%;
        font-weight:    bold;
        text-align:     left;
        color:          #FFFACD;
        background-color: #000000;
	background-image: url('http://asc.harvard.edu/mta/REPORTS/2009/stars.jpg');
        border-width:   10px;
        border-color:   white;
        padding:        3px;
}

#main_area{
	position:	absolute;
	top:		6em;
	left:		165px;
	margin-right:	10px;
	padding-left:	5px;
	padding-right:  20px;
}

#main_area2{
        position:       relative;
        top:            37em;
        left:           5px;
        padding-left:   10px;
        padding-right:  20px;
}


