/* This defines site-wide CSS styling. */

/* Useful rules to set are 
     color:              text colour
     background-color:   background colour
     font-size:          <nn>pt or <nn>px
     font-weight:        normal or bold
     font-style:         normal or italic 
     font-family:        font, font, font
     background-image:   url of image, always prepend with ../
     background-repeat:  repeat-x (to tile) or repeat-none
     height:             forced height of image if reqd
     text-align:         center, left, or right
     text-decoration:    none or underline
     border:             <n>px <solid|dashed>
     border-color:
     line-height:        line height (and thus spacing)
*/

/* Some areas have a single rule-set, some have three; one
   for the area, one for links in the area (the A:link one),
   and one for links in the area when hovered over (the
   A:hover one). */



/* Error message text - primarily used in admin pages but
   also used in end-user pages should e.g. database errors
   occur */

.error
{
  color: #661F00;
  font-family: Verdana, sans-serif;
  font-size:10pt;
  font-weight: normal;
  background-color: #FFFF99;
  border: 1px dotted #596471;
  padding: 8px;
}

HTML
{
	height: 100%;
}

body
{
background: #adaaad;
color: #666;
text-align: left;
height: 100%;
}

#grid
{
margin-left: auto;
margin-right: auto;
}

#twitter
{
	font-size: 8pt;
	color: #CCC;
	text-decoration: none;
	position: relative;
	top: -3px;
}

#twitter:hover
{
	font-size: 8pt;
	color: #ffffff;
	text-decoration: underline;
}


/* or to left-justify it
/* #grid
/* {
/* margin-left: 0;
/* margin-right: 0;
/* }
*/
.regulartext1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000033;
	text-align: justify;
}

/* The header (Logo) area */

.headerlogo_front
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: #ffffff;
  vertical-align: middle;
}

.headerlogo
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: #ffffff;
  vertical-align: middle;
  background: url("../graphics/perada_logo.jpg") no-repeat 10px 10px;
  height: 100px;
 }

/* The header text (text below logo) area */

.dateText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #575757;
	text-align: justify;
	background-color: #F7F7F7;
	padding: 4px;
	border: 1px solid #DFDFDF;
}

.newsheader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	background-color: #9E872A;
	padding: 4px;
}

.headertext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #ffffff;
	font-weight: bold;
	background-color: #6F6450;
	padding-top: 4px;
	padding-bottom: 4px;
	text-indent: 8px;
}

.searchbar
{
	color: #333;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #cecfce;
	padding: 5px;
}

/* The navigation bar background */

.navbar
{
  color: #FFF;
  background-color: #3B5A6F;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
  border-left: 0px solid;
  border-right: 0px solid;
  border-color: #aaa;
  padding-left: 15px;
  padding-top: 15px;
padding-right: 15px;
}
.navbar A:link, .navbar A:active, .navbar A:visited
{
  color: #EAAF00;
  text-decoration: none;
}
.navbar A:hover
{
  color: #FFF;
}

#menuRight
{
	height: 100%;
	min-height: 100%;
	
}

#menuCategories
{
	min-height: 100%;
    height: 100%; 
}

/* The navigation bar category names */

.navcategory
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  line-height: 28px;
  color: #5695c1;
  text-decoration: none;
}
.navcategory A:link, .navcategory A:active, .navcategory A:visited
{
  color: #5695c1;
  text-decoration: none;
}
.navcategory A:hover
{
  color: #7b8a84;
}

/* The search box */

.searchbox
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}

/* The input box in the search box */

.searchbox input, .searchbox textarea, .searchbox select
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* The login area label */

.loginlabel
{
  text-align: left;
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.loginlabel A:link, .loginlabel A:active, .loginlabel A:visited
{
  color: #333333;
  text-decoration: none;
}
.loginlabel A:hover
{
  background-color: #aaaaaa;
  color: #333333;
}


/* The login area input box */

.loginbox
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.loginbox input, .loginbox textarea, .loginbox select
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* The page-footer area */

.footer
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px !important;
  font-weight: normal;
  text-align: center;
}


/* The page-footer text */
.footertext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #999999;
  height:25px;
  text-decoration: none;
}
.footertext A:link, .footertext A:active, .footertext A:visited
{
  color: #888888;
  text-decoration: none;
}
.footertext A:hover
{
  color: #B0C208;
  text-decoration: underline;
}


/* The content area in general - the area within which
   category lists and article contents are shown. */

.contentarea
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
}

/* article body */

.articlebody table {
border-collapse: collapse;
font-size: 1em;
}

.articlebody th {
background-color: #eee;
}

.articlebody th,
.articlebody td {
padding: 4px;
border-bottom: #eee 1px solid; 
}


/* Category titles */

/* The category name */
.categorytitle, .subcategorytitle
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;  
  font-weight: bold;
  color: #3B5A6F;
}
.subcategorytitle
{
  display: block;
}
/* The seperator */
.categoryseperator
{
  display: none;
}
/* The subcategory part of the name */
.categorytitle-view
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;  
  font-weight: bold;
  color: #2878ab;
}


/* Article titles in article views */

.articletitle_view
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #3B5A6F;
  line-height: 18pt
}
.articletitle_view A:link, .articletitle_view A:active, .articletitle_view A:visited
{
  color: #069;
  text-decoration: none;
}
.articletitle_view A:hover
{
  background-color: none;
  color: #069;
}

/* Article titles in article lists */

.articletitle_list
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #313000;
  line-height: 1.2em;
}
.articletitle_list A:link, .articletitle_list A:active, .articletitle_list A:visited
{
  color: #313000;
  text-decoration: none;
}
.articletitle_list A:hover
{
  color: #7b8a84;
}

.generalLink
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #313000;
}

.generalLink A:link, .generalLink A:active, .generalLink A:visited
{
  color: #313000;
  text-decoration: underline;
}
.generalLink A:hover
{
  color: #7b8a84;
  text-decoration: underline;
}

/* Article PDF links */

.articlepdf
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
  color: #555;
}
.articlepdf A:link, .articlepdf A:active, .articlepdf A:visited
{
  color: #333;
  text-decoration: none;
}
.articlepdf A:hover
{
  background-color: none;
  color: #000000;
}


/* Article abstracts */

.articleabstract
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #000033;
}

.article-viewoptions
{
  display: block;
  margin-top: 0.5em;
}

	.article-viewoptions a
	{
	  margin-right: 1em;
	}


/* Article body text */

.articlebody
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000033;
  line-height: 20px;
}
.articlebody A:link, .articlebody A:active, .articlebody A:visited
{
  color: #313000;
  text-decoration: underline;
}
.articlebody A:hover
{
  color: #7b8a84;
  text-decoration: underline;
}


/* Article captions (for pictures) */

.articlecaption
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 10px;
  font-weight: normal;
}


/* Article labels (for pictures) */

.articlelabel
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}


/* Article section titles */

.articlesection
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}


/* Author titles */

.authortitle
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #555555;
}


/* Author names */

.authorname
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #3b5a6f;
}


/* Author profile text/links */

.authortext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #555;
}
.authortext A:link, .authortext A:active, .authortext A:visited
{
  color: #333333;
  text-decoration: none;
}
.authortext A:hover
{
  background-color: #aaaaaa;
  color: #333333;
}


/* Reference titles */

.referencetitle
{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}


/* Reference text */

.referencetext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #555;
}


/* Advertisments */

.adverts
{
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;
}


/* Category names (when displayed inline in
   interleaved lists) */

.a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: 336633;
}

.categoryname, .articledate
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #7B79A0;
  font-weight: bold;
}
.categoryname A:link, .categoryname A:active, .categoryname A:visited
{
  color: #3b5a6f;
  text-decoration: none;

}
.categoryname A:hover
{
  background-color: none;
  color: #fc8f02;
}

.categoryname_front
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #8d9fab;
}
.categoryname_front A:link, .categoryname_front A:active, .categoryname_front A:visited
{
  color: #6F6450;
  text-decoration: none;

}
.categoryname_front A:hover
{
  background-color: none;
  color: #9E872Asdf;
}

/* Editorial board title */

.editorialtitle
{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
padding: 30pt;
color: #fc8f02;
}

/* Editorial board name */

.editorialname
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 12pt;
font-weight: normal;
list-style: none;
}


/* 
   From here onwards all relate to the customer admin
   pages.
*/



/* Input fields on the customer admin pages */

.admininput
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.admininput input, .admininput textarea, .admininput select
{
  background-color: #F7F7F7;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid #666666 1px;
  margin: 0px;
  padding: 0px;
}

/* SUPER HEAD STYLES */
.superhead
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #6F6450;
  line-height: 18pt;  
}

.superheadsmall
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #6F6450;
  line-height: 18pt;
  letter-spacing: 1px;
  
}

.horline
{
	background: url('../graphics/horline.gif');
	background-repeat: repeat-x;
}

.pagenavbk
{
	background-color: #9D9D9D;
	height:25px;
}

.pagenavbk td
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

.pagenavbk A
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DAEDFF;
	text-decoration:none;
}

.pagenavbk A:hover
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0084FF;
	text-decoration:none;
}

/* ========== */
.pagenavbk_long
{
	background: url('../graphics/pagenav_bk_long.gif');
	background-repeat: no-repeat;

	height:25px;
}

.pagenavbk_long td
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #626d7a;
}

.pagenavbk_long A
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4a82c7;
	text-decoration:none;
}

.pagenavbk_long A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff9000;
	text-decoration:none;
}

.pageLinks
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003399;
  text-decoration: none;
}

.pageLinks:hover
{
  color: #003399;
  text-decoration: underline;
}

.pageLinks:visited
{
  color: #660066;
  text-decoration: none;
}

/* Header Button */
#header 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#header ul
{
	background:#fff;
	display:block;
	text-align:right;
	padding: 0px;
	margin: 0px;
}

#header ul li
{
	color:#fff;
	display:inline;
	text-align:center;
}

#header ul li a:link,#header ul li a:visited
{
	background:#9e872a;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border: solid 1px #999;
    height: 20px;
	padding: 3px 5px 3px 5px;
	
}

#header ul li a:hover,#header ul li a:active,#header ul li a:focus
{
	background:#666;
	color:#fff;
}

/* Navigation Menu Column */

div.module_menu 
{
	margin: 0;
	padding: 0;
	width: 148px;
}

div.module_menu ul 
{
	margin: 0;
	padding-left: 0;
	list-style: none;
}

div.module_menu li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

div.module_menu li a:hover, a#active_menu:link,a#active_menu:visited
{
	border-left: 10px solid #333;
	border-right: 10px solid #5ba3e0;
	color: #fff;
}

div.module_menu li#main_cat
{
	margin: 10px 0 0px 0;
	border-bottom: 1px solid #333;
	min-height: 20px;
	/* IE Fix */
	min-height: 19px;
}

div.module_menu li#sub_cat 
{
	list-style: none;
	margin: -4px 0 0px 0;
	padding-left: 3em;
	text-indent: -1.1em;
}
/*end*/
/*\*/
html*div.module_menu li#sub_cat  {
[margin: -4px 0 0px 0;
margin: 4px 0 0px 0;
]margin: 2px 0 0px 0;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html div.module_menu li#sub_cat  {
margin: -6px 0 0px 0;
}
/*end*/


div.module_menu li a
{
	display: block;
	padding: 3px 5px 3px 0.5em;
	border-left: 10px solid #6f6450;
	border-right: 10px solid #9d9d9d;
	background-color: #7b79a0;
	color: #fff;
	text-decoration: none;
}

div.module_menu .submenu ul
{
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	list-style: none;
}

div.module_menu .submenu li
{
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #313000;
	font-weight: bold;
}

div.module_menu .submenu li A, .submenu A:active, .submenu A:visited
{
	display: inline;
	padding: 3px;
	border: 0px;
	background-color: #fff;
	font-weight: bold;
	color: #313000;
	text-decoration: underline;
	line-height: 16px;
	/* IE Fix */
	line-height: 18px;
}

div.module_menu .submenu A:hover
{
	border: 0px;
	text-decoration: underline;
	color: #7b8a84;
}