/* CSS Document */
@import "/css/base.css";

	body,td,th {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-size: 13px;
	color: #333333;
	list-style-position: outside;
	line-height:17px;
}

blockquote.expand {
	margin: 5px;
	padding: 2px 2px 2px 8px;
}
	
ul li.sidemenu  {
	margin: 10px;
	padding: 0 0 3px 5px;
	list-style-image:  url(../pics/bullets/arrow.jpg);
}

li.sidelanlevl  {
	margin: 2px;
	padding: 4px 0 3px 2px;
}

ul,li.body  {
	margin: 4px;
	padding: 0 0 3px 5px;
	list-style-type:square;
}

a.his:link, a.his:visited, a.his:visited{
	color: #811B0C;
	text-decoration: underline;
}

a.his:hover {
	color:#811B0C;
	text-decoration: none;
}

a.pic:link, a.pic:visited, a.pic:hover, a.pic:visited{
	text-decoration: none;
}

a.menu:link, a.menu:visited, a.menu:active {
	color: #5B0000;
	text-decoration: none;
}

a.menu:hover {
	color:#ff0000;
	text-decoration: underline;
}


a:link, a:visited, a:active {
	color: #BB0000;
	text-decoration: none;
}

a:hover {
	color:#BB0000;
	text-decoration: underline;
}

select {
	font:13px Verdana;
	text-decoration: none;
}

input {
	font:13px Verdana;
	text-decoration: none;
}

input.search {
	font:12px Verdana;
	text-decoration: none;
	color:#666666;
}


h3 {
	font-size: 20px;
	color:#DF0000;
}

h4 {
	font-size: 17px;
	color:#DF0000;
}

h5 {
	font-size: 14px;
	color:#000000;
}

.s_font { font-size:12px;}

div {
	margin:0; 
	padding:0;
}

div.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
}

div#body{
	width:750px;
    background-color: #ffffff;
	border:1px solid #333333;
	padding-top:7px;
}

div#body_act{
	width:700px;
    background-color: #ffffff;
	border:1px solid #333333;
	padding-top:7px;
}

div#topbar{
    width:100%;
    min-height:25px;
	_height:25px;
	padding-top:3px;
	border-bottom-color:2px solid #333333; 
}

div#topimg {
    width:100%;
	padding-top:2px;
	padding-bottom:1px;
	border-bottom-color:#333333; 
	border-bottom-style:solid;		
}

div#display {
    width:100%;
    height:35px;
	padding-top:10px;
	padding-bottom:3px;
	vertical-align:bottom;
	border-bottom-color:#265487; 
	border-bottom-style:double;	
}

div#left {
	float:left;
       width:150px;
	padding-top:5px;
	vertical-align:top;
}

div#right{
	float:right;    
    width:145px;
	margin-left:0px;
	padding-top:10px;
}

div#mid{
	float:left;
    	width:450px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	padding-top:5px;
	vertical-align:top;
	border-left:2px dotted #666666; 
	border-right:2px dotted #666666;
	_height:1380px;
	min-height:1420px;
}

#gap{
	display:inline-block;
	border:0px;
	border-bottom:1px solid #000000; 
	width:100px;
	background-color:none;
	color:#3333FF;
}

.dropdown_menu {
	POSITION: absolute;
}

.dropdown_menu a:link a:visited a:active{
	color: #5B0000;
	text-decoration: none;
}

.dropdown_menu a:hover {
	color:#ff0000;
	text-decoration: none;
}

.clickable {
	CURSOR: pointer;
}

#menu { 
  background-color: #b00;
  width: 100%;
  height: 26px;
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 1;
  border:0;
 }

#menu ul {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  float:right; 
  background:#fff;
  position:relative;
  right:2px;
  border-right:1px solid #000;

 }

#menu ul li { 
  margin: 0; 
  padding: 0;
  float:left;
  text-align: center; 
}

#menu ul li a { 
  margin: 0;  
  display: block;
  padding: 5px 10px; 
  background-color: #900; 
  color: #fff;
  border:1px solid #000;
  border-bottom: 2px solid #900; 
  border-right: 0; 
  font: bold 11px Tahoma, sans-serif;
 }

#menu ul li a:hover { 
  background: #fff; 
  color: #000; 
  border-bottom:2px solid #fff; 
 }
 
 #content { 
  position: relative;
  width: 100%;
  background: #fff;
  margin: 0px;
  text-align: left;
}

.gt { margin:5px 10px; }

.clear { clear: left; height:15px; }

.tile {
  margin: 10px;
  width: 320px;
  background: #f9f9f9;
  padding: 0;
  font: normal 12px Tahoma,sans-serif;
  color: #444;	   
  border: 1px solid #aaa;
  text-align: left;
  min-height:130px;
 }

.tile p { 
	position:relative;
	margin: 5px;   
	line-height:20px;
}

.tile h2 { margin: 5px 5px 0; font: bold 13px Tahoma, sans-serif; }

.tile .image {  
	float:right;
	top:-5px;
	left:5px; 
	right:5px; 
	color:#bbb;
	margin:0; 
	width:110px; 
	height:120px; 
	background:#eee; 
	border:1px solid #bbb; 
}

.postcard {
  margin: 10px;
  width:354px; 
  padding: 0;
  color: #444;	   
  border: 1px solid #aaa;
  text-align: left;
  position:relative;
 }

.postcard .image {  
	color:#bbb;
	margin:0; 
	width:354px; 
	height:256px;
}

.postcard .text{
	position:relative;
	border-top: 1px solid #aaa;
	padding:5px;
	line-height:20px;
}


.formtitle{
	color: #2A5FAA; 
}

span.highlit_blk{
	background-color:#FFFFCC;
	CURSOR: pointer;
}

div.float_vocab{
	border:1px solid #333333;
	position:absolute;
	background-color:#FFD7D7;
	color:#000000;
}

span.highlit_blk{
	background-color:#FFFFCC;
}

div.float_vocab{
	border:1px solid #333333;
	position:absolute;
	background-color:#FFD7D7;
	color:#000000;
	line-height: 20px;
	padding: 5px;
	width: 160px;
	text-align:left;
	z-index:1;
}

div.float_story{
	border:2px solid #339933;
	position:absolute;
	background-color:#F2FAF1;
	color:#000000;
	font-weight:normal;
	line-height: 15px;
	padding: 5px;
	width: 270px;
	text-align:left;
	z-index:1;
}

.float_story p{
	text-align:justify;
}

div.popupques{
	border:2px solid #333333;
	background-color:#FFD7D7;
	position: absolute; 
	z-index: 1; 
	width:350px;
	padding:15px;
}

div.lyrics{
	border:2px solid #666666;
	width:450px;
	padding:10px;
	margin:20px;
}

div.card_message{
	border:2px solid #FFD7FF;
	background-color:#FFF9FF;
	color:#666666;
	font-family:Georgia;
	font-size:13px;
	font-weight:normal;
	width:170px;
	height:85px;
	padding:10px;
	margin:2px;
}

textarea.card_message {
	border:2px solid #FFD7FF;
	background-color:#FFF9FF;
	color:#666666;
	font-family:Georgia;
	font-size:13px;
	padding:10px;
	margin-left:25px;
	margin-bottom:20px;

}

div.his_message{
	margin-left: 10px;
	margin-top: 10px;
	border: 2px solid #ff0000;
	padding:5px;
	width:120px;
	font-weight:bold;
	float:right;
}

table.script td {
	vertical-align: top;
}

table.script td.role {
	font-weight: bold;
}

p.q {
	font-weight: bold;
	margin-bottom: 0.1em;
}
p.a {
	margin-top: 0.2em;
}
.titledPic {
	float: right;
	border: 1px solid #999;
	margin-left: 5px;
	padding: 5px;
	text-align: center;
}
.titledPic p {
	margin: 2px;
	font-weight: bold;
}