/*

SCREEN GEOGRAPHY (DIV level)

---------------------------------------------- */

body
{
	background: #fff;
	color: #000;
	font-size: 11pt;
	font-family: sans-serif;
}

/* body div.body {
        margin:auto;
        width: 80em;
}
*/
body > div.body {
        margin:auto;
        max-width: 70em;
}
div.head
{
        width: 100%;
        clear: both;
        float: left;
}

div.leftbar, div.rightbar, div.logo
{
	width: 15%;
	float: left;
	background: #fff;
	padding-bottom: 1em;
	font-size: 80%;
}

div.rightbar
{
        padding-left: 3%;
}

div.leftbar, div.logo {
        padding-right: 3%;
}

div.content, div.title
{
        width: 60%;
	float: left;
	background: #fff;
	padding-bottom: 10px;
}

div.content, div.rightbar
{
        margin-top: -12%;
}
/*

BLOCK LEVEL STYLE

------------------------------------------- */

div.logo img, div.leftbar img, div.rightbar img {
width: 100%;
}

div.logo > img, div.leftbar > img, div.rightbar > img
{
max-width: 100%;
}

.right
{
	position: relative;
	float: right;
	padding-left: .5em;
	border: none;
}

.left
{
	position: relative;
	float: left;
	padding-right: .5em;
	border: none;
}

div.leftbar ul, div.rightbar ul
{
	margin-top: 0;
	margin-bottom: 0;
        list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

div.leftbar ul li, div.rightbar ul li
{
	line-height: 1.1;
	margin-top: 0;
	margin-bottom: .5em;
}

div.leftbar ul li a, div.rightbar ul li a
{
	font-weight: bold;

}

table
{
	width: 95%;
	font-size: 80%;
        margin: auto
}

table.grades
{
	font-size: 70%;
}

table, tr, td
{
	border: thin solid gray;
	border-collapse: collapse;
}

td
{
	text-align: center;
}

td.label
{
	text-align: left;
}

/*

PHRASE-LEVEL STYLE

----------------------------------------------- */

a
{
	text-decoration: none;
}

a[href]:hover
{
	cursor: pointer;
	text-decoration: underline;
	background: #FFEFD5;
	color: maroon;
}

a[href]:focus
{
	background: yellow;
	color: maroon;
}

strong a
{
        background: inherit;
        color: blue;
}

h1, h2, h3, h4, h5, h6, h7, strong, acronym
{
	background: inherit;
	color: maroon;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a
{
	color: blue;
}

h1
{
	font-size: 200%;
	text-align: left;
}

h2
{
	font-size: 150%;
	text-align: left;
}

h3, div.leftbar h2, div.rightbar h2
{
	font-size: 125%;
	text-align: left;
	font-weight: bold;
}

h4
{
	font-size: 112%;
	text-align: left;
}

h5
{
	font-size: 106%;
	text-align: left;
}

h6, h7
{
	font-size: 100%;
	text-align: left;
}

acronym
{
	font-weight: bold;
        cursor: help;
}

.small
{
        font-size: 80%;
}
.hideme
{
       display:none;
}