/** .............. START general tag styles .............. **/

BODY {
	margin: 0;
	padding: 0;
	background: #fff;
	text-align:center; 
	font: 12px Georgia,'Times New Roman',Times,serif;
	color: #333;
}

DIV, P, SPAN {
	text-align:left;
}



IMG	{border: 0px;}

A	{
	color:#333;
	text-decoration: none;
}

#container{
	width:980px; 	
	margin:0 auto;
}

#topnav {
	float:right;
	margin-top:14px;
	margin-right:14px;
	font:.92em
}

#topnav-alt {
	float:right;
	margin-top:25px;
	margin-right:14px;
	font:.92em
}

#logo {
	margin-left:86px;
	margin-top:33px;
}

#logo-s {
	margin-left:17px;
	margin-top:13px;
	margin-bottom: 10px;
} 
.nav-sec {
	padding-bottom:1.5em
}
#subnav {
    width: 208px;
	float:left;
	text-align:right;
	margin-top: 8px;
}

#subnav a {
	color:#999;
	text-transform:uppercase;
}

#subnav a:hover {
	color:#333;
} 

h1.header {
	float:right;
	text-transform:uppercase;
	font: 2em Georgia,'Times New Roman',Times,serif;
	padding:0 0 5px 0;
	margin: -25px 14px 0 10px;
}
h1.header img, h1.header img a {
border: 0;
margin-bottom: -13px;
padding: 5px 0 5px 5px;
}

h1.header span{
	font-size: 1.5em;
}
h2{
	font-size: 1.75em;
	margin: 0;
	width: 55%;
}

h3{
	font-size: 1.25em;
	margin: 0;
	width: 55%;
} 
/*-------------------------- horizontal top menu ---------------------------------*/
.activeMenu
{
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #0099FF;
}

.activeMenuOrange
{
	color: #FF873E;
	font: 12px Arial, Helvetica, sans-serif;
}

#menu{
    /*background: #006699; */
    background: #0046AF;
	padding: 2px 10px 2px 10px;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: white;
} 

a.menu, a.menu:visited {
	color: #FFF;
}

a.menu:hover {
	color: #0099FF;
} 

/*-------------------------- Breadcrumbs ---------------------------------*/
#breadcrumbs{
	padding: 2px 10px 2px 10px;
	margin: 0;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 800px;
	color: #999;
} 
#breadcrumbs a, #breadcrumbs a:visited {
	color: #999;
	text-decoration: none;
} 
#breadcrumbs a:hover {
	color: #006699;
	text-decoration: none;
}
/*-------------------------- Content columns ---------------------------------*/
#content{
	margin:6px 12px 12px 12px;  
	border: solid 0px #CCCCCC;
	font: 12px Arial, Helvetica, sans-serif;
} 
#inside-content {
	padding: 20px 20px 20px 20px;  
	margin: 0;
	}
/*#right {
	float:right;
	padding: 10px;
	width: 30%;
	margin: 0 0 8px 8px;
	border: solid 1px #CCC;
}
#right p.info {
width: 250px;
margin: 0;
float: right;
border: solid 1px;
}
#right a, #right a:visited{
color: #000066;
text-decoration: none;
}
#right a:hover {
color: #006699;
text-decoration: none;
}*/
#description{
	font-size: 11px;
	margin: 0 0 20px 0;
	width: 60%;
}

#description p.infomap{
	margin: 0;
	text-align: right;
}

	
#inside-content #img {
	float:left;
	margin: 0 10px 8px 0;
	padding: 5px;
	border: solid 1px #CCC;
}

/*-------------------------- Tables & Forms ---------------------------------*/
#option {
	font-size: 10px;
	padding: 2px;
	color: #333;
	border: inset 1px #666;
	width: 230px;
}
FORM {
	margin:0;
	padding:0
}
input.keyword{
border:3px solid #000; 
background:#000; 
font-size:1.83em; 
color:#cccccc; 
margin:4px; 
padding:5px 6px
}
:focus { -moz-outline-style: none; }
.cl {line-height:0; margin:0; padding:0; clear:both}


td.label {
text-align: right;
vertical-align: top;
font-size: 10px;
color: #999;}

td.sectionlabel {
text-align: left;
vertical-align: top;
font-size: 13px;
color: #000000;}

#bott-right{ 
float: right;
margin: 50px 11px 2px 0;
}
*:lang(en) #bott-right{
margin: 50px 20px 2px 0; !important; /*--for firefox & ie7--*/
}
#bott-right a:hover{ 
color: #006699;
}

.labelColor
{
	color : #006699;
	font-weight : bold;
}

.activeLeftMenu
{
	color: #0099FF;
}
 
.leftMenu{
 	color : black;
} 

.leftMenuOver {
	color: #0099FF;
}

.activeBrowse{
 	color: #0099FF;
}

.browse{
 	color : black;
} 

.browseOver {
	color: #0099FF;
}

.colorLibraryHome
{
	color: #595959;
	font-size:8pt;
}

.colorLibrary
{
	color: #00619C;	
	font-size:8pt;
}

.colorVideo
{
	color: #336600;	
	font-size:8pt;
}

.colorSelectedLibrary
{
	color:#9E0B0E;
	font-size:8pt;
}

.colorSelectedLibrarySub
{
	color:#000000;
	font-size:8pt;
}

.Title
{
	color : #006699;
	font-size:16pt;
}

.TitleBy
{
	color: #0099FF;
	font-size:12pt;
}

.disabledLetter
{
	color:GrayText;
}

.lineDotted
{
	clear:both;
	color : #006699;
	width: 96%;	
	border-top: dotted #006699 2px;		
}

.lineDottedVertical
{
	clear:both;
	color : #006699;
	width: 96%;	
	border-left: dotted #006699 2px;
}
.linkbutton { 
	color: black;
} /* unvisited link */

.linkbutton:visited { 
	color: black;
} /*visited link */

.linkbutton:active { 
	color: black;
} /* active link */

.linkbutton:hover { 
	color: #0099FF;
} /*hover or mousover link */

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}


/* index enhancement */
.header_type
{
	font-size:14pt; 
	font-family:Arial; 
	color:#006699;
}

.header_type_sub
{
	font-size:10pt; 
	font-family:Arial; 
	color:#333333;
}

.slideshow_header
{
	font-size:14pt; 
	font-family:Arial; 
	color:Black;
}

.slideshow_sub
{
	font-size:10pt; 
	font-family:Arial; 
	color:Black;
}

.slideshow_body
{
	font-size:10pt; 
	font-family:Arial; 
	color:Black;
}

.slideshow_more
{
	font-size:10pt; 
	font-family:Arial; 
	color:Black;
	font-weight:bold;
	font-style: italic; 
}

.bookcoverslist li
{
	display:inline;
	float:left;	
	margin-left: 2px;
	margin-bottom: 1px;
}


/* collapsible */

.msg_list {
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.msg_head {
	padding: 5px 5px;
	cursor: pointer;
	position: relative;
	/*background-color:#FFCCCC; */
	margin:1px;
}
.msg_body {
	/*padding: 5px 10px 5px;*/
	font: 10px;
	font-family:Arial;
	/*background-color:#F4F4F8; */
}

.msg_select
{	
	width:500px; 
	height:100px;
	font-family:Arial; 
	font-size:12px;
	color: Red;
	font-weight:bold;
}

/* end collapsible */

/* auto complete */

.auto_complete_texbox
{	
	font-size:12px;
	font-family:Arial; 
	width: 120px;
}

.auto_complete_button
{	
	font-size:12px;
	font-family:Arial; 
	width: 30px;
}

/* children and teen */
.child_teen_header
{
	font-size:12pt; 
	font-family:Arial; 
	color:#006699;
	font-weight:bold;
}

.child_teen_header_sub
{
	font-size:10pt; 
	font-family:Arial; 
	color: Black;
	font-weight:bold;
}

.child_teen_header_text
{
	font-size:9pt; 
	font-family:Arial; 
	color: Black;	
}

.teen_list_li
{	
	display:list-item;	
	list-style-type:square;		
}

.teen_list_ol
{	
	margin-top: 0px; 
	margin-left: 15px;  
	margin-bottom: 0px;   
	padding: 0px 0px 0px 0px;
}


/* end children and teen */

/* PME 20111205 */
.pme_list_li
{	
	display:list-item;
	list-style-type:none;	
}

.pme_list_ol
{	
	margin-top: 0px; 
	margin-left: 0px;  
	margin-bottom: 0px;   
	padding: 0px 0px 0px 0px;
}

.header_orange
{
	color: #FF873E;
	font-size:12pt;
}

.pme_note
{
	font-size:9pt; 
	font-family:Arial; 
	color:Gray;
}

.pme_subtitle {
	font-size:10pt; 
	font-family:Arial; 
	color:Gray;
} 
.pme_subtitle_visited
{
	font-size:10pt; 
	font-family:Arial; 
	color:Gray;	
}

.pme_subtitle_hover 
{
	font-size:10pt; 
	font-family:Arial; 
	color: #0099FF;
	text-decoration:underline;
	
} 

.pme_journal
{
	color:Black;
	font-size:12px;
	font-family:Arial;
}

.pme_journal_hover 
{
	color: #0099FF;
	text-decoration: underline;
}

.pme_journal_visited
{
	color : black;	
}

.pme_more_eresources
{
	color:Black;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	text-decoration: underline;
	
}

.pme_more_eresources_hover
{
	color:#0099FF;
	font-weight:bold;
	text-decoration: underline;	
}
/* end PME */