.menu a {
    text-indent: -6000px;
    display: block;
    height: 27px;
}

a, a:link {
    text-decoration: none;
    font-weight: bold;
    color: #3C5872;
    text-align: left;
}

a:hover, a:active {
    text-decoration: underline;
}

a img {
    border: 0px;
}

b {
    color: #202020;
}

body {
    font-family: Trebuchet MS, Sans-Serif;
    margin: 0px auto;
    background: url(../img/background.png) repeat;
    color: #000;
    font-size: 80%;
}

.container {
    margin: auto;
    width: 832px;
}

.menu {
    padding: 1px 32px 0px 80px;
    background: no-repeat url(../img/top.png) 100% 100%;
    height: 130px;
    margin: 0px;
}

.menu li {
    display: inline;
    float: left;
    padding: 0px;
    width: 112px;
}

.menu a {
    margin-top: 38px;
    font-size: 85%;
    font-weight: normal;
    text-decoration: none;
    color: #311903;
}

.menu a:hover, .menu a:active, .menu a:focus {
    margin-top: 8px;
    height: 57px;
    text-indent: 0px;
}

.menu a em {
    text-indent: -6000px;
}

.menu a:hover em, .menu a:active em, .menu a:focus em {
    display: block;
    text-indent: -6000px;
}

.menu .epp a {
    background: url(../img/menu_epp.png) no-repeat;
}

.menu .reading a {
    background: url(../img/menu_reading.png) no-repeat;
}
.menu .listening a {
    background: url(../img/menu_listening.png) no-repeat;
}
.menu .keywords a {
    background: url(../img/menu_keywords.png) no-repeat;
}
.menu .materials a {
    background: url(../img/menu_materials.png) no-repeat;
}
.menu .presentation a {
    background: url(../img/menu_presentation.png) no-repeat;
}

.menu .epp a:hover, .menu .epp a:active, .menu .epp a:focus {
    background: url(../img/menu_epp_full.png) no-repeat;
}

.menu .reading a:hover, .menu .reading a:active, .menu .reading a:focus {
    background: url(../img/menu_reading_full.png) no-repeat;
}
.menu .listening a:hover, .menu .listening a:active, .menu .listening a:focus {
    background: url(../img/menu_listening_full.png) no-repeat;
}
.menu .keywords a:hover, .menu .keywords a:active, .menu .keywords a:focus {
    background: url(../img/menu_keywords_full.png) no-repeat;
}
.menu .materials a:hover, .menu .materials a:active, .menu .materials a:focus {
    background: url(../img/menu_materials_full.png) no-repeat;
}
.menu .presentation a:hover, .menu .presentation a:active, .menu .presentation a:focus {
    background: url(../img/menu_presentation_full.png) no-repeat;
}

.menu a:hover span, .menu a:active span, .menu a:focus span {
    display: block;
    margin: 12px 9px 3px 4px;
    text-align: center;
    width: 85%;
}

.content {
    background: url("../img/textarea_background.png") repeat-y;
    padding: 1px 269px 1px 120px;
    min-height: 500px;
    margin: 0;
    position: relative;
}

.content .explanation
{
    text-align: justify;
    margin: 1em 1em 3em 1em;
}

.content .title
{
    margin-top: 0.5em;
}

.content .title_text
{
    margin: 0px;
    display: inline;
    float: left;
    color: #DA251A;
    font-weight: bold;
    font-size: 120%;
}

.content .title_date
{
    float: right;
    color: #838788;
    font-weight: normal;
    float: right;
}

.content .pagination-range {
    font-size: small;
    text-align: center;
}

.content .current-pagenum {
}

.content h1
{
    color: #000000;
    font-weight: bold;
    font-size: 150%;
    font-family: Georgia, Sans Serif;
    margin-top: -26px;
    padding-bottom: 10px;
}

.content h2
{
    font-weight: bold;
    font-family: Georgia, Sans Serif;
    font-size: 105%;
    margin:25px 0px 10px 0px;
}

.content h3 {
	color: #505050;
	font-family: Georgia,Sans Serif;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
}

.content h2.letter
{
    font-size: 170%;
    color: #777777;
    border-bottom: 1px dotted black;
}

.content .bolder
{
    font-weight: bolder;
}

.content p {
    text-align: justify;
}

.footer {
    height: 70px;
    background: url(../img/textarea_bottom.png) repeat;
}

.grey-margin {
    left: 71%;
    position: absolute;
    top: 0px;
}

.grey-margin ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-top: 1px;
}

.grey-margin p {
    margin-left: 39px;
    margin-bottom: 7px;
}

ol {
	list-style-type: decimal;
}

ol li {
	padding-top: 10px;
}

ol ol {
	list-style-type: upper-alpha;
}

.pl-header {
	width: 220px;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 3px;
}

.pl {
	width: 200px;
}

.pl ul {
	list-style: none;
	width: 200px;
}

table.gallery {
	border-spacing: 0px;
	border:1px solid #D0D0D0;
}

.gallery td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #D0D0D0;
	text-align: center;
	width: 140px;
}

.gallery td p {
	font-size: small;
	color: #222222;
	text-align: center;
}

.gallery td div {
	background-color: white;
	border: 1px solid #D0D0D0;
	height: 116px;
	margin: 0;
	padding: 5px;
	text-align: center;
	line-height: 8.8em;
	width: 118px;
}

.gallery tr {
	width: 420px;
	display: block;
}

.darker {
	background-color: #E0E0E0;
}

.lighter {
	background-color: #F0F0F0;
}

.gallery .noborder {
	border: 0;
}

.frame {
	display: block;
}

.content .pic-title {
	text-align: center;
}

.frame img {
	border: 1px solid #D0D0D0;
	padding: 10px;
	margin: auto;
	display: block;
}

.content .date {
	text-align: right;
	color: #555555;
}

.content p.description {
	font-style: italic;
}

div img {
	vertical-align: middle;
}

ul.gallery  {
	list-style: none;
	margin-left: -40px;
}

ul.gallery li {
	padding-bottom: 10px;
}

.little-frame {
	border: 1px solid #D0D0D0;
	padding: 5px;
	margin-right: 20px;
}

.left {
	float: left;
	width: 140px;
	text-align: center;
}

.right {
	float: left;
	width: 300px;
	vertical-align: bottom;
	border-bottom: 2px solid #C0C0C0;
	padding-bottom: 5px;
}

.clear {
	clear: both;
}