html, body {
    margin : 0;
    padding : 0;
    border : 0;
    font-family : Helvetica neue, Helvetica, Arial, sans-serif;
    text-align : left;
    font-weight : inherit;
    font-style : normal;
    font-size : 100%;
    vertical-align : baseline;
    line-height : 1.25;
    color : #333;
    background : #fff;
}
.title {
    color : #fff;
    background : #036;
    margin : 0 0 0.25em 0;
    padding : 0.25em;
    font-size : 1.25em;
}
h1 {
    font-size : 1.25em;
    margin : 0 0 0.25em 0;
    font-weight : normal;
}
h2 {
    font-size : 1.25em;
    margin : 0.5em 0 0 0;
    line-height : 1;
    font-weight : normal;
}
h3 {
    font-size : 1.25em;
    margin : 0.25em 0 0.25em 0;
    line-height : 1;
    font-weight : normal;
}
.subtitle {
    font-size : 1.25em;
    margin : 0 0 0 0.5em;
    padding-bottom : 0.25em;
    padding-top : 0.25em;
}
#navbar {
    margin : 0;
    float : left;
    width : 200px;
    background : #fff;
}
#navbar ul {
    border : #ddd solid 0;
    margin : 0 0 0 0.5em;
    padding : 0;
    min-height : 1em;
    text-align : left;
    background : #fff;
    list-style : none;
}
#navbar li {
    background : #fff;
    padding : 0.125em;
}
#navbar a {
    padding : 0.5em;
    margin : 0;
    border : #ddd solid 1px;
    background-color : #eee;
    display : block;
    font-weight : normal;
}
#navbar a:hover {
    background-color : #ddd;
}
.navbar-current {
    color : #000;
}

#main {
    margin : 0 1em 1em 200px;
    color : #000;
    background : #fff;
    padding : 0.25em 0 0 1em;
}

#main2 {
    margin : 0 0 1em 0;
    color : #000;
    background : #fff;
    padding : 0em 0 0 1em;
}
.date {
    text-align : left;
    margin : 0.25em 0 0 0;
    padding : 0;
    border : #ddd solid 0;
    font-size : 0.75em;
}
hr {
    margin : 1em 0 1em 0;
}
#foot {
    font-size : 0.75em;
    margin : 0.25em;
    padding : 0;
    text-align : right;
    background : #eee;
}
#foot li, a {
    display : inline;
}
p.top {
    font-size : 0.75em;
    margin : 0.25em;
    padding : 0;
    text-align : right;
    background : #eee;
}

#head {
    font-size : 0.75em;
    margin : 0.25em;
    padding : 0;
    text-align : right;
    background : #eee;
}
#head li, a {
    display : inline;
}
p, address {
    margin-left: 0.25em;
    margin-bottom : 0.5em;
}
.space {
   margin-bottom : 5em;
}

a {
    text-decoration : none;
}
a:hover {
    text-decoration : underline;
}
ul, ol {
    margin : 0 0 0.5em 0;
}
q, i, em, cite {
    font-style : italic;
    font-weight : inherit;
}
b, strong {
    font-weight : bold;
    font-style : inherit;
}
@media handheld, only screen and (max-device-width:480px), only screen and (max-width:480px) {
    #navbar {
	font-size : 0.75em;
	float : none;
	width : 100%;
	background : #fff;
    }
    #main {
	margin-left : 0;
    }
    #navbar li {
	margin : 0;
	padding : 0;
	background-color : #fff;
	display : inline;
    }
    #navbar a {
	padding : 0.25em;
	margin : 0;
	border : #ddd solid 0;
	background-color : #eee;
	display : block;
	font-weight : normal;
	display : inline;
    }
}
@media print {
    * {
background : #fff;
color : #000;
}
body {
    font-size : 0.75em;
    width : 75%;
}
#main {
    margin: 0 0 0 0;
}
#navbar {
    display : none;
}
#head {
    display : none;
}
#foot {
    display : none;
}
a:link:after, a:visited:after {
    content : " (" attr(href) ")";
}
a:link:after, a:visited:after {
    content : " (" attr(href) ")";
}
}
