/** overall hyperlink formating  **/
a:link, a:visited { color: #330099; font-size: 12px; text-decoration: none; }
a:hover { color: #FF9900; font-size: 12px; text-decoration: none; }

a.logo:link, a.logo:visited, a.logo:hover { color: #FF9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 42px; font-weight: bold; }

a.logo-small:link, a.logo-small:visited, a.logo-small:hover { color: #FF9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

/** Main Menu hyperlink format **/
.mainlevel{ color: #330099; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  text-decoration: none; }
a.mainlevel:link, a.mainlevel:visited { color: #330099; }
a.mainlevel:hover { color: #FF9900; }

/** Horizontal Menu Hyperlink Formating **/
a.mainlevel-nav:link    {font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight : bold; text-decoration: none; vertical-align: middle; }
a.mainlevel-nav:visited {font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight : bold; text-decoration: none; vertical-align: middle; }
a.mainlevel-nav:hover   {font: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; font-weight : bold; text-decoration: none; vertical-align: middle; }

/** Category hyperlink format **/
.category{ color: #330099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 0px; text-decoration: none; }
a.category:link, a.category:visited { color: #330099; }
a.category:hover { color: #FF9900; }

a.catlink:link, a.catlink:visited { color: #330099;  font-size: 13px; font-weight: bold; text-decoration: none; }
a.catlink:hover { color: #FF9900;  font-size: 13px; font-weight: bold; text-decoration: none; }

/** Read On hyperlink format **/
a.readon:link, a.readon:visited { color: #330099;  font-size: 12px; text-decoration: none; text-align: right; }
a.readon:hover { color: #FF9900;  font-size: 12px; text-decoration: none; text-align: right; }

/** newsfeeds text format as well as hyperlink format **/
.fase4_rdf{ color: #7154AB; color: #7154AB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
a.fase4_rdf:link { color: #7154AB; font-weight: bold; }
a.fase4_rdf:hover { color: #FF8C00; }

/** main text formating for pages **/
body,td,tr,p, div { color: #222222; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
h4 { color: #313131; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
h5 { color: #313131; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
h6 { color: #313131; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

/** horizontal line  **/
hr { color: #CCC2E1; height: 1px; width: 100%; }

.Normal { color: #222222; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/** article heading text **/
.articlehead { color: #7154AB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; letter-spacing: -2px; }

/** form button **/
.button { background: #330099; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; }

/** component heading text such as 'past articles' or 'user login' etc **/
.componentheading { color: #222222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

/** small text for footer, copyright info **/
.crumb { color: #EFF3FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }

/** date text format **/
.date { color: #9370DB; text-decoration: none; }

/** input field format i.e username and password boxes **/
.inputbox { background: #EFF3FF; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; border-color: #3D85EF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-color: #666666; }

/** text in the category selection page **/
.newsarticle { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; /* Up from 11px */ text-align: left; }

/** newsflash text **/
.newsflash { color: #7154AB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

/** newspane (box around full story) format **/
.newspaneopen{ border: 0px ridge #DCDCDC; }

/** poll module text and bullet list format**/
.poll { color: #9483DE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; }

/** first and third and fifth etc... row of section list format **/
.sectiontableentry1, .newspane, .popupwindow { background-color: #FFFFFF; }

/** second and fourth and sixth etc... row of section list format **/
.sectiontableentry2{ background-color: #F2FFDF; }

/** the heading bar, row above the section list **/
.sectiontableheader{ background-color: #FF9900; color: #FFFFFF; font-weight: bold; }

span.article_seperator {
  display: block;
  background-color: #CCCCCC;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1px; 
  border-bottom: 1px solid #cccccc;
  margin-top: 5px;
  margin-bottom: 5px;
}


/** 
WJS Stuff
**/

.contentheading { color: #222222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

.welcomeheading { color: #330099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; }

.hmenu {
  color: #FFFFFF;
  font-weight: bold;
  width: 98%;
  height: 18px;
  background: #330099;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 2px;
}

.sidebox {
  border: 1px solid #cccccc;
  background: #FFF8EC;
}

.welcome {
  border: 1px solid #cccccc;
  background: #FFF8EC;
  text-align: justify;
  padding: 10px;
  margin-right: 2px;
}


/*
** IE fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate:
** @import("IEFixes.css");
*/
/* Enforces the right hand border */

/*
* > html .welcome {
  border: 1px solid #cccccc;
  border-right: 3px solid #cccccc;
  background: #FFF8EC;
  text-align: justify;
  padding: 11px;
}*/


.highlight {
  background: #FF9900;
}

.column-menus td {
  padding-left: 5px;
}

.cal-events {
  background-color: none; 
  border-top-color: #777777; 
  border-bottom-color: #777777; 
  border-top-width: 1px; 
  border-bottom-width: 1px; 
  border-top-style: solid; 
  border-bottom-style: solid;
  margin: 4px; 
  text-align: center

}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
	line-height: 12px;
	text-align: left;
	font-size:12px;
	list-style-image: url(/images/stories/small-square.gif);
	list-style-type: circle;
	list-style-position: outside;
	margin: .5em .5em 0 -20px;
}

/** unordered list for latest events module **/
.mod_events_latest {
	line-height: 12px;
	text-align: left;
	font-size:12px;
	list-style-image: url(/images/stories/small-square.gif);
	list-style-type: circle;
	list-style-position: outside;
	margin: .5em .5em 0 -20px;
}

/** unordered list for first latest events list item **/
.mod_events_latest_first {
	line-height: 12px;
	text-align: left;
	font-size:12px;
	list-style-image: url(/images/stories/small-square.gif);
	list-style-type: circle;
	list-style-position: outside;
	margin: .5em .5em 0 -20px;
}

ul.events li {
	line-height: 12px;
	font-size:12px;
	list-style-image: url(/images/stories/small-square.gif);
	list-style-type: circle;
	list-style-position: outside;
	margin: .5em .5em 0 -20px;
}


/** unordered list for Related module **/
ul.related li {
	line-height: 12px;
	font-size:12px;
	font-weight:bold;
	list-style-type: circle;
	list-style-position: outside;
	margin: .5em .5em 0 -20px;
}

table.moduletable th {
	font-size: 12px;
	font-weight: bold; 
	color: #222222;
	text-align: left;
	height: 14px;
	line-height: 20px;
	white-space: nowrap;
}

table.moduletable {
  margin: 0px 0px 0px 2px;
  width: 100%;
}

/* Forum category names */

.sb_catname {
	font-size: 18 px;
}

/** list bullet format **/
li { list-style: inside url(../images/M_images/arrow.gif); list-style-image: url(../images/M_images/arrow.gif); }



