/*
 * maireview.css with banner nav bar
 *****************/
 
body {
margin: 0 ;
padding-bottom:20px;
background-color: #F7F7F7;
text-align: left;
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif; 
letter-spacing: 0.2;
text-align:center;/*IEfix1 - along with IEfix2 centers the entire page in IE6*/
font-size: 76% ; /*see http://www.webmasterworld.com/css/3148377.htm*/
}
*html body {
font-size:0.78em;
}


/*
 * header
 *************/ 
#header{
width:100%;
height:120px;
background-color: #000000;
border: 1px solid #CCCCCC;
overflow: auto; 
}
.headertitle{  	/*MAI Review title*/
position: relative;
float:left;
padding-top:15px;
left:10px;  
background-color: #000000;
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
font-weight: bold;  
font-size: 20px;
font-color: #fff;
}	
*html .headertitle{
padding-top:35px;
}
#logo{
position: relative;
float:right;
padding-top:20px;
padding-right:60px;
}
.issn-header {
position:relative;
float:left;
padding-left:5px;
padding-top:104px;
 
background-color:#000000;
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
font-weight: bold;  
font-size: 10px;
font-color: #fff;
}	
.titlelink {color: #FFFFFF; text-decoration: none;    }/*MAI Review link*/
.titlelink:visited {color: #FFFFFF; text-decoration: none; }
.titlelink:hover {color: #FFFFFF; text-decoration: none; }
.titlelink:active {color: #FFFFFF; text-decoration: none; }

 
/*
 * footer
 *************/ 
 
#ngapae_para{
float:left;
padding-left:25%;

}
#ngapae_logo{

 float:right;
 border:0;
}
	
/**
 * global navigation bar
 *****************************/
 
#globalnav{ /* bordered box to put buttons in */ 
width:100%;
background:#FFFFFF;
border:0px solid #CCCCCC; 
margin-top:6px;
text-align:center;
overflow: hidden;/*clear the containing divs see: http://www.quirksmode.org/css/clearing.html*/
}
#navcontainer{
border:0px solid #CCCCCC;
margin-left:2px;
float:left; 
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#logincontainer{ 
margin-right:2px; 
border:0px solid #CCCCCC; 
float:right;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
/* Div class navlist */
.navlist{
list-style: none outside none; /*list-style: list-style-type || list-style-position || list-style-image*/
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-top:5px;
margin-bottom:5px;
}
.navlist li{ display: inline; }
.navlist a, .navlist a:link, .navlist a:visited {
background: #FFFFFF; /*button color*/
border: 1px solid #CCCCCC;
color: #666666;/*font*/
cursor: pointer;
display: inline;
margin: 0;
padding: 5px 7px 5px 7px;/*TRBL button size*/
position: relative;
text-decoration: none;
}
.navlist a:hover { /* hover over */
background: #993300;
bottom: 1px;
color: #FFF;
position: relative;
right: 1px;
}
/* current tab */
.navlist #active a, .navlist #active a:link, .navlist #active a:visited, .navlist #active a:hover {
background:#9C9A9C;
color: #FFFFFF  ;
cursor: text;
margin: 0;
position: relative;
}
 


/*
 * Layout
 *******************/
 
#page{
width:95%; 
margin: auto;
background:#fff;
border: 1px solid #CCCCCC;
padding:5px;
text-align:left; 
overflow:auto;
}
#page2{ 
width:99.6%;
background: #FFFFFF;
float:left;
font-size:85%; 
color:#566;
}
#contentcontainer{
width:100%;
background:#FFFFFF;
border:0px solid #CCCCCC;
margin-top:30px;
overflow:auto;
}
#top{
}
#leftgroup { /*[margin + left column]*/
padding-top:0px;
width:16%;
float:left;
}
#rightgroup { /*[margin + middle column + margin + right column + margin]*/
width:84%;
padding-top:0px;
float:right;
}
#left { /*[left column] - float right of #leftgroup*/
width:100%;
float: right;
}
#rightML15 { /*[middle column + margin + right column]*/
width: 100%;
float:right;
}
#rightMR5 { /*[middle column + margin + right column +margin]*/
width:100%;
float:left;
}
#middle {/*[middle column]*/
width:80.953%;
float:left;
}
#right { /*[right column]*/
width:19.047%;
float:right;
padding:0;
margin:0;
} 
#middleW600 {/*[middle column] remove ML15 and MR5*/
width:95%;
float:left;
}
#bottom{ 
float:left;
width:100%;
background-color:#FFFFFF; 
margin-top:8px;
border:1px;
}



/*
 * Right & Left menu
 ********************/
 
ul#nav4{width:100%;}
ul#nav3{width:100%;
}
/*menuleft*/
.menu {
margin-left:8px;
padding-top:0px;
}
div.menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 95%; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
div.menu ul li {position: static;  }
div.menu span {display: none;}	
div.menu a:hover span {
display: block;   
top:10; 
height: 35px; /*JS here*/	
padding: 0; 
margin: 0; 
z-index: 100;
color: #AAAA; 
background: solid BBBBBB;
font: 10px Verdana, sans-serif; 
text-align: left;
}
#hover-small a:hover span{
display: block;   
top:10; 
height: 15px; /*JS here*/	
padding: 0; 
margin: 0; 
z-index: 100;
color: #AAAA; 
background: solid BBBBBB;
font: 10px Verdana, sans-serif; 
text-align: left;
}


div.menu a:hover {	font-weight: bold;}
/* Styles for Menu Items */
div.menu ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;	
font-size:10px;
}
div.menu ul li a:hover { color: #B04444; background: #F0F7FF; }  		
div.menu li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
/* Fix IE. Hide from IE Mac \*/
* html div.menu ul li { float: left; height: 1%; }
* html div.menu  ul li a { height: 1%; }

	
li#current a{ /* menu current li*/
color: #B04444; background: #F0F7FF; font-weight:bold  
  }
li#current span{ /* menu current li*/
display: block;   
top:10; 
height: 35px; /*JS here*/	
padding: 0; 
margin: 0; 
z-index: 100;
color: #AAAA; 
background: solid BBBBBB;
font: 10px Verdana, sans-serif; 
text-align: left;
}
/*for buttons with smaller text.*/
li#current-small a{ /* menu current li*/
color: #B04444; background: #F0F7FF; font-weight:bold  
}
li#current-small span{ /* menu current li*/
display: block;   
top:10; 
height: 15px; /*JS here*/	
padding: 0; 
margin: 0; 
z-index: 100;
color: #AAAA; 
background: solid BBBBBB;
font: 10px Verdana, sans-serif; 
text-align: left;
}


/*menuright*/
.menuright { padding-top:0px;
padding-right:8px;
font-size:9px;
}
div.menuright ul {
margin: 0;
padding: 0;
list-style: none;
width: 95%; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
div.menuright ul li {position: static;  }
div.menuright span {display: none;}		
div.menuright a:hover span {
display: block;   
top:10; 
height: 35px; /*JS here*/	
padding: 0; 
margin: 0; 
z-index: 100;
color: #AAAA; 
background: solid BBBBBB;
font: 10px Verdana, sans-serif; 
text-align: left;
}
div.menuright a:hover {	font-weight: bold;}	
div.menuright ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;	
font-size:1.2em;
}
div.menuright ul li a:hover { color: #B04444; background: #F0F7FF; } 
div.menuright li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
/* Fix IE. Hide from IE Mac \*/
* html div.menuright ul li { float: left; height: 1%; }
* html div.menuright  ul li a { height: 1%; }
 


/*adobe pic*/
.adobe{
padding-right:10%; 
float: right;
}

/*
 * Content in Middle & Miscelleaneous
 **********************************************/	

.content {
margin-top: 0px;
margin-bottom: 14px;
margin-left:15px;
margin-right:25px;
font-size:1.1em;
text-align:justify;
}
*html .content{/*hack to make fonts smaller in IE6*/
font-size:1.0em;
}
.contentitem {
margin-top: 10px;
padding:15px;
position: relative;
float: none;
border-style: solid;
border-width: 1px; 
border-color: #CCCCCC;
}		
p {  
font-size: 1.0em; 
line-height: 1.7; 
color: black; 
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;   
}
h1 { 
font-size: 1.1em; 
font-weight: bold; 
color: #000066; 
line-height: 1.3; 
margin-top: none; 
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif; 
}
h2 { 
font-size: 1.0em;; 
color:  #B04444; 
font-weight: 600;
margin-top: 2em;
margin-bottom: none; 
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
}
h3 { 
font-size: 0.92em; 
font-weight: bold; 
color: #000066; 
line-height: 1.1; 
margin-top: none; 
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
}

#bold_blue{ color:#000066; 
}

a {
size:1.0em;
color:  #393073; 
text-decoration: underline; 
}	
a:visited {}	
em { 
font-style: italic; 
/*font-weight: bold; */
/*color: #B04444; */
}	
em.heading{	
font-size: 1.0em; 
font-weight: bold; 
color: #000066; 
line-height: 1.7; 
margin: 0px 10px 10px 10px; 
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
}
li { 
font-size: 0.85em; 
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
line-height: 1.7; 
color: black; 
}
.pagetitle1 {
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
font-weight: bold; 
}
.pagetitle2 {
font-family: "Verdana", Verdana,  Arial, Helvetica, sans-serif;
font-weight: bold;   
}
.footertext { 
font-size: 10px; 
text-align: center;
}
ul.alphabetic {
list-style-type: lower-alpha;
}   
ul.numeric {
list-style-type: decimal;
}    	
.sidebar1 {
float: left;
padding-top:16px;
width: 190px;
margin-top: 6px; 
}
.sidebar2 {
padding: 16px;
width: 190px;
float: right;
margin-left: 0px; 
margin-top: 6px;
}
.navbox {
display: block;
background: #fff;
border-left: 1px solid #ccc;
padding: 0px; 
text-align: left; 
float: left;
width: 233px;
} 
.top {
color: #B04444;
text-align: right;
}
.boxtext {
margin: 0px 10px 10px 10px; 
text-align: left;
}
.image {
border: 0px solid #000000;
margin-top: 10px }	
.textimage {
border: 0px solid #000000;
text-align: center;
}
.boximage {
text-align: left;
font-size: 9px;	
}	
.rightinlineimage {
float: right;
margin-left: 1em;
margin-right: 1em;
}
.leftinlineimage {
float: left;
margin-left: 1em;
margin-right: 1em;
}
.link {
text-align: right;
}
a.nav:link {color: #000000; text-decoration: none; }
a.nav:visited {color: #000000; text-decoration: none; }
a.nav:hover {color: #B04444; text-decoration: underline; }
a.nav:active {color: #000000; }
#glossary{
width:100%;}
td {
padding-top:5px;
padding-bottom:5px;}
 
div.content li{font-size:1em;} 

/*
Glossary Style
*/

#back-to-top{
float:right;
line-height:0.8em;
height:9px;
padding-top:5px;
 
}
#back-to-top a{
text-decoration:none;
}

/*
Glossary Download-Printable Version -icon
*/
#words-pdf-download{margin-bottom: 8px;}
#words-pdf-download a{ 
margin-left:10px;
 padding-left:20px; padding-top:10px;  
background:url(images/adobe/pdficon.gif) left bottom no-repeat;
}
#proverbs-pdf-download{margin-bottom:8px;}
#proverbs-pdf-download a{  
margin-left:10px;  padding-left:20px; padding-top:10px; 
background:url(images/adobe/pdficon.gif) left bottom no-repeat;
}


/*STYLEs for email-the-editor.php*/
#email-form{   width:90%; border:#CCCCCC 0px solid; overflow:auto; margin:10px 10px 10px 20px; /*background-color:#F7F7F7*/}
#email-form h2{ margin-top:0px;}
#email-form i{
font-size:10px; color:#999999;
}
#email-form #details {
border:#CCCCCC solid 1px;
overflow:auto;
padding-left:10px;
padding-right:10px;
}
#userfile {
font-size:9px;}