css:physics

body{
/*position: relative;*/
/*background-color: #555;*/
background-color: #8a8a8a;
font-family: calibri,arial,helvetica,sans-serif;
font-size: 0.75em;
min-width: 60em;
}

/* general */

a{
color: #061fd0;
}
a:hover{
background-color: transparent;
text-decoration: none;
}

a.newpage{
color: #888;
}

input{
font-family: verdana,arial,helvetica,sans-serif;
}

#container-wrap{
padding: 0 0 0 35px;
background-image:url(../images/sideback2_l.png);
background-repeat: repeat-y;
background-position: top left;
background-color: white;
}

#container {
padding: 0 35px 0 0;
background-image:url(../images/sideback2_r.png);
background-repeat: repeat-y;
background-position: top right;

}

textarea{
font-family: verdana,arial,helvetica,sans-serif;
}

#content-wrap{
min-height: 0; /* fixes ie7 peekaboo bug */
_height: 0; /* fixes ie6 peekaboo bug */
}
#main-content{
margin-left: 15em;
margin-right: 1em;
}

#main-content p{
line-height: 1.4em;
}

  • html #main-content {height: 1%;}

/* side grayish things */
/*
#extra-div-1{
position: absolute;
left:0; bottom: 0; top:0;

width: 3em; height: auto;

background-color: #8a8a8a;

background-image:url(../images/sideback_l.png);
background-repeat: repeat-y;
background-position: top right;
}

#extra-div-2{
position: absolute;
right:0; top:0;

width: 3em; height: 100%;

background-color: #8a8a8a;
background-image:url(../images/sideback_r.png);
background-repeat: repeat-y;
background-position: top left;
}*/

#top-bar{
background-color:#8dab50;
left: 400px; right:0; bottom: 5px;
padding-left: 2em;
/*font-size: 1.1em;*/
font-weight: bold;

}
#top-bar li{
margin: 0;
}
#top-bar ul li a, #top-bar ul li ul li a {
border-left:2px dotted #FFF;
background-color:#8dab50;
}

#top-bar ul li a:hover, #top-bar ul li ul li a:hover{
background-color: #f2fbeb;
color: #388c00;
text-decoration: none;
}

#top-bar ul li ul{
font-weight: normal;
border: 1px solid #c7d1b6;
}

#top-bar ul li ul li a {
border: none;
/*border-bottom: 1px solid #FFF;*/
}

#top-bar a {
color: white;
}

#header {
border-bottom: 1px solid #888;
height: 7em;
}

#header h1{
font-size: 220%;
padding: 0.5em 0 0 1em;
font-family: arial,helvetica,sans-serif;
font-weight: bold;
}
#header h2{
font-size: 180%;
font-weight: bold;
padding: 0 0 0 3em;
font-family: arial,helvetica,sans-serif;
}

#side-bar{
width: 14em;
padding: 0;
background-color: #blue;
border-right: 1px solid #ACBF60;

}

#side-bar h1, #side-bar h2, #side-bar h3{
text-align: center;
}

#side-bar ul{
display: block;
padding: 0;
margin: 0;
list-style: none;
}
#side-bar ul li{
display:block;
}

#side-bar li a {
padding-top: 2px;
padding-bottom: 2px;
display: block;
padding-left: 1em;
border-bottom: 1px solid #D9DDCF;

color: blue;
text-decoration: none;
}
#side-bar li a:hover {
background-color: #888;
color: white;
}

#side-bar p {
padding: 5px;
margin: 0px;
margin-bottom: 3px;
margin: 0px;
}

#main-content h1 {
font-weight: bold;
color: #377;
font-family: arial,helvetica,sans-serif;
}

#main-content h2{
font-weight: bold;
color: #599;
font-family: arial,helvetica,sans-serif;
}

#main-content h3 {
/* margin-left: 2em;*/
font-weight: bold;
color: #144;
font-family: arial,helvetica,sans-serif;
}

#page-title{
font-weight: bold;