/* CSS Document */

/*reset*/

* {
padding:0;
margin:0;
border:none;
}


/* body elements .......................... */

html, body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-image: url(../images/tile_back.jpg);
	background-repeat: repeat;
	height:100%;
}

#banner_back {
	padding:0;
	margin:0;
	background-image: url(../images/tile_banner.jpg);
	background-repeat: repeat-x;
	background-position: 4px top;
}

#banner {
	width:100%;
	height:95px;
	text-align:left;
	padding:0;
	margin:0;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#hnav {
background:#354c43;
height:36px;
padding:0;
width:100%;
text-align:left;
margin:0;
}

#buttons {
padding:0 0 0 20px;
margin:0;
width:400px;
}

#maincontent {
	width:100%;
	background-image: url(../images/vmenu_tile.jpg);
	background-repeat: repeat-y;
}


/* Vertical menu on left  ................................................................. */


#vmenu {
	width:62px;
	overflow:auto;
	padding:0;
	margin:0;
	background-repeat: no-repeat;
	background-image: url(../images/vmenu_bot.jpg);
	background-position: left bottom;

}

#vmenu_top {
	background-image:url(../images/vmenu_top.jpg);
	height:30px;
	width:166px;
	padding:9px 2px;
	margin:0;
	background-repeat: no-repeat;
	background-position: left top;
	text-align:right;
}


#vmenu_top img {
cursor:pointer;
}

#vmenu_body {
	padding:0 10px 0 40px;
	margin:0;
	width:120px;
}


.vmenulinks {
padding:5px 0;
}

.vmenulinks {
padding:5px 10px;
margin:0;
}


.vmenulinks a:link, .vmenulinks a:visited {
	line-height:1.9em;
	font-size:12px;
	color:#476446;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.05em;
}

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


.vmenulinks li {
padding:0;
margin:0;
list-style:none;
}

.vmenulinks li.active {
list-style:disc;
color:#476446;
} 

/* intro page cells  ................................................................. */

td#intro {
	background:#fff;
	border-left:solid 1px #666;
}

div#introtext {	
	padding:10px 20px 10px;
	/*height:380px;*/
	height:450px;
	background:#fff;
	overflow:auto;
}



/* story cells  ................................................................. */


td#storycell {
	height:100%;
}

table#storycont {
	width:100%;
}

td#storytop {
	background-image:url(../images/tile_content_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:6px;
	padding:0;
	margin:0;
}


td#storyheader {
	padding:7px 10px 7px 15px;
	background-color:#f2fffc;
	border:none;
	border-bottom:solid 1px #888;
	border-left:solid 1px #666;
	background-image: url(../images/tile-gray1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;	
}

#sheadtitle {
	float:left;
	padding:0 10px 0 0;
	font-weight:bold;
	text-align:left;
	font-size:14px;
}

#sheadtrans {
	float:right;
	padding:0 0 0 20px;
	margin:0;
	text-align:right;
}

#sheadaudio {
	float:left;
	padding:3px 0 0 0;
	text-align:center;
}

td#story {
	width:55%;
	background:#fff;
	border-left:solid 1px #666;
}



div#storytext {	
	padding:10px 20px 30px;
	height:418px;
	overflow:auto;
}

a.translate:link, a.translate:visited {
	color:#000;
	text-decoration:none;
} 

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

td#storybot {
	background-image:url(../images/tile_content_bot.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:29px;
}



/* glossary  ................................................................. */


td#glosstop {
	padding:0;
	margin:0;
	background-image:url(../images/tile_content_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:6px;
}

#glossheader {
	padding:5px 7px 5px;
	border:none;
	background-color:#f2fffc;
	border-bottom:solid 1px #888;
	border-left:solid 1px #888;
	background-image: url(../images/tile-gray1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;	
}

#glossheader div#backforward {
	display:inline;
}

#glossheader div#backforward img {
padding:0;
margin:0;
}

#glossheader div#backforward a img {
padding:0;
margin:0;
border:none;
}

div#glossheader1 {
	display:inline;
	padding:10px 0 0 6px;
	font-weight:bold;
	font-size:12px;
	height:1px;
	overflow:auto;
	line-height:1.55em;
}

#glosshistory {
padding:0;
margin:0;
}


td#gloss {
	background-color: #f5f5f5;
	background-image: url(../images/pl_logo_back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-left:solid 1px #bbb;
}


div#glosstext {	
	padding:20px;
	height:400px;
	/*overflow:scroll;*/
}


#glossbot {
	background-image:url(../images/tile_content_bot.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:29px;
}

.gloss_word {
padding:0;
margin:0 0 5px;
font-size:18px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000;
}

.gloss_word #audiocontainer {
display:inline;
position:relative;
top:-1px;
padding:0 0 0 15px;
margin:0;
}

.gloss_translation {
padding:0;
margin:0 0 15px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

.gloss_description {
padding:0;
margin:0 0 5px;
font-size:14px;
background-color: #fff;
border:solid 1px #ccc;
padding:10px;
line-height:1.5em;
overflow:auto;
max-height:320px;
}

.gloss_description a {
color:#000;
text-decoration:underline;
}

#loading{
	padding:0;
	margin:0;
	width:32px;
	height:32px;
}

/* video lecture section  ................................................................. */

#story-vl {
	text-align:left;
	background-color: #fff;
	border-left:solid 1px #666;
}

#vl-wrapper {
width:750px;
height:420px;
}

#vl-cont {
	padding:20px 20px 20px;
}

.vl-text {
float:left;
margin:0 0 10px 10px;
padding:10px;
border:dashed 1px #bbb;
background:#fff;
}

.vl-text strong {
color:#555;
}

.vl-text a {
padding:4px 0;
}


/* Credits  ................................................................. */

td#credits {
	text-align:left;
	background-color: #fff;
	border-left:solid 1px #666;
}

div#credits-wrapper {
height:420px;
padding:10px 20px 30px 20px;
line-height:1.3em;
}


/* right collumn  ................................................................. */


#rside {
	background-image:url(../images/rside_bot.jpg);
	width:20px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#rside-flex {
	background-image:url(../images/rside-flex-bot.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#rside-flex-top {
	width:100%;
	height:385px;
	background-image:url(../images/rside-flex-top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


/* footer  ................................................................. */



#footer {
padding:30px;
text-align:center;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#9A9A9A;
letter-spacing:0.1em;
}

#footer a {
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#9A9A9A;
letter-spacing:0.1em;
text-decoration:underline;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
}
/* form styles  ................................................................. */


form  {
padding:0;
margin:0;
}

form input {
padding:0;
margin:0;
}

/* toggles the translation ........................................................... */


#toggletrans{
cursor:pointer;
}

div.lineAudio {
float:right;
}


div.potaw {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
margin:5px 0 0 0;
padding:20px 0 5px 0;
border-top:solid 1px #eee;

}

div.trans {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
display:block;
color:#666;
margin:5px 0 0 0;
}


span.potaw {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
display:block;
color:#000;
margin:5px 0 0 0;
padding:0 0 3px;
border-bottom:solid 1px #eee;
}

span.trans {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
display:block;
color:#666;
margin:5px 0 0 0;
}


/* headers ........................................................... */




h1, h2, h3 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#263731;
padding:10px 0 5px 0;
margin:0;
}

h1 {
font-size: 20px;
}


h2 {
color:#4F7146;
font-size: 16px;
}

h3 {
color:#263731;
font-size:16px;
}

.sheadsub {
font-weight:normal;
font-style:italic;
}

hr {
border:none;
border-top:solid 1px #eee;
margin:20px 0;
}

ul {
margin:0 0 0 40px;
padding:0;
}



#audiocontainer {
display:inline;
position:relative;
top:-1px;
padding:0;
margin:0;
}

#videocont {
float:left;
border:solid 1px #ddd;
width:480px;
height:360px;
}

a {
color:#4F7146;
}