/* Global font size adjustment for use with the text size selectors */
/* Light: #E4F4FF, Light Sub #A3BDDE, Medium: #5C718C, Dark: #00004D*/
body {
	margin				: 0;
	background			: #221E1F url(../images/LexiaBG.jpg) fixed left bottom no-repeat;
	font-size			: 76%
}

tr, td, p, div {
  	font-family      	: Arial, Helvetica, sans-serif;
  	color            	: #333333;
  	font-size		 	: 12px;
  	line-height	   		: 16px;
}

td {
	padding				: 0px;
	margin				: 0px;
}
 
hr {
	background       	: #999999;
	height           	: 1px;
	width            	: 100%;
}

#topright {
   	position			: absolute;
   	right				: 0;
   	top					: 0;
   	display				: block;
   	height				: 150px;
  	width				: 150px;
   	background			: url(../images/flag_flourish.gif) no-repeat;
  	text-indent			: -999em;
	text-decoration		: none;
}

/* Opacity effect for image links */

a img {
	filter				: alpha(opacity=85); 
	opacity				: 0.85;
}

a:hover img {
	filter				: alpha(opacity=100);   
	opacity				: 1.0;
}

.reverse {
  	font-family      	: Arial, Helvetica, sans-serif;
  	font-size        	: 10px;
  	color            	: #FFFFFF;
  	margin-left      	: 6px;
  }

#mainlevel-nav {
	margin: 0; padding: 0;
}

#mainlevel-nav li {
	background-image	: none;
	padding-left		: 0px;
	list-style			: none; 
	float				: right; 
	margin				: 3px; 
	width				: 16%; 
	font-size			: 11px;
	line-height			: 17px;
	white-space			: nowrap;
	text-indent			: 20px;
}

#mainlevel-nav a {
	font-size			: 11px;
	display				: block; 
	float				: right;
	text-decoration		: none;  
	border				: 0px;
	background			: #E4F4FF url(../images/vmenu_bgr.png) 2px no-repeat;
	color				: #333333;
}

#mainlevel-nav a {
	float				: none;
}

#mainlevel-nav a:hover {
	background			: #00004D url(../images/vmenu_bgr.png) 2px no-repeat;
	color				: #FFFFFF;
}

/* Different setting for newsflash */

td.newsflash {
	font-size			: 11px;
	text-align			: left;
	background			: #FFFFFF;
}

.newsflashtext {
	color				: #00004D;
	font-size			: 11px;
	text-align			: left;
}

/*setting for the greetings*/

.mainpage {
	text-align			: left;
	color				: #333333;
	font-family			: Arial, Helvetica, sans-serif;
}

td.mainpage {
	border-top			: 1px #A3BDDE solid;
	padding				: 3px;
}

.mainpage-bkg {
	background			: #A3BDDE;
	width				: 1px;
}

.greybg {
    background			: #FFFFFF;
	border				: #FFFFFF 1px solid;
}

.flagbg {
	background			: url(../images/module_bgr.png) repeat-y;
	width				: 15px;	
}

/*pathway setting*/

td.pathway {
	background			: #E4F4FF;
	padding				: 2px 2px 2px 15px;
}

.pathway {
	font-family			: Helvetica, Arial, sans-serif;
	font-size			: 10px;
	color				: #00004D;
}

a.pathway:link, a.pathway:visited {
    color            	: #00004D;
    font-weight      	: normal;
    font-size			: 10px;
}

a.pathway:hover {
    color            	: #5C718C;
    font-weight      	: normal;
}

/*for title or site name*/

.title {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 15px;
	font-weight			: bold;
	color 				: #221E1F;
}

/* for the tag-line */

.subtitle {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	font-weight			: bold;
	color 				: #00004D;
}

#active_menu {
  	background-color	: #5C718C;
  	color				: #FFFFFF;
	border-bottom		: #00004D 1px solid;
}

#active_menu:hover {
	border-top			: #A3BDDE 1px solid;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
	display				: block;
	color				: #333333;
	font-weight			: bold;
	background-color	: #E4F4FF;
	width				: 100%;
	text-indent			: 5px;
	text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
	line-height			: 16px;
	font-size			: 11px;
	border-top			: #FFFFFF 1px solid;
	border-bottom		: #E4F4FF 1px solid;
}

a.mainlevel:hover {
	background-color	: #FFFFFF;
	color				: #333333;
	border-top			: #FFFFFF 1px solid;
	border-bottom		: #E4F4FF 1px solid;
	text-decoration		: none;
}

a.readon {
	font-size			: 11px;
	color				: #00004D;
	}
a.readon:hover {
	color				: #00004D;
	}

a.mainmenu:link, a.mainmenu:visited {
	color				: #FFFFFF;
	font-family			: Helvetica, Arial, sans-serif;
	font-weight			: bold;
	font-size			: 11px;
}

a.mainmenu:hover {
	color				: #333333;
}

a.sublevel:link, a.sublevel:visited {
    display				: block;
    text-indent			: 5px;
    vertical-align		: middle;
    font-size			: 11px;
    line-height			: 16px;
    background-color	: #E4F4FF;
    color				: #333333;
    text-align			: left;
	border-bottom		: #E4F4FF 1px solid;
	font-weight			: normal;
}

a.sublevel:hover { 
    background-color	: #FFFFFF;
    text-decoration		: none;
	font-weight			: normal;
}

table.moduletable {
	padding				: 3px;
	margin-bottom		: 5px;
	width				: 98%;
	background-color	: #E4F4FF;
	border-right		: #A3BDDE 1px solid;
    border-bottom		: #A3BDDE 1px solid;
	font-size  			: 12px;
}

table.moduletable-trans {
	padding				: 0px;
	margin				: 0px;
	width				: 98%;
	background-color	: #E4F4FF;
	border-right		: #00004D 1px solid;
    border-bottom		: #00004D 1px solid;
}

table.moduletable-news {
	margin-bottom		: 5px;
	padding-bottom		: 0;
	width				: 98%;
	background-color	: #E4F4FF;
	border-right		: #00004D 1px solid;
    border-bottom		: #00004D 1px solid;
}

table.moduletable th, table.moduletable-news th {
	font-family			: Arial, Helvetica, sans-serif;
	font-size  			: 13px;
	font-weight			: bold;
	color      			: #00004D;
	text-align 			: left;
	width      			: 99%;
	margin     			: 0px;
}

table.moduletable td, table.moduletable-news td {
	font-size			: 11px;
	line-height			: 17px;
	font-weight			: normal;
	padding				: 0px 3px 0px 3px;
	border				: 0;
	width				: 99%;
}

table.moduletable li {
}

table.moduletable ul {
	padding: 0px;
}

.poll {
  font-family      		: Arial, Helvetica, sans-serif;
  font-size        		: 10px;
  color            		: #666666;
  line-height      		: 16px;
}

table.pollstableborder {
	border				: 1px solid #00004D;
}

.pollstableborder {
	border				: 1px solid;
	padding				: 1px;
}

.sectiontableheader {
  background-color 		: #FFFFFF;
  color            		: #333333;
  font-weight      		: bold;
  padding-left			: 5px;
}

.sectiontableentry1, tr.sectiontableentry1 {
  background-color 		: #E4F4FF;
  padding    			: 3px 0px 3px 0px;
}

.sectiontableentry1 td, .sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
  padding       		: 3px 5px 3px 5px;
}

.sectiontableentry2, tr.sectiontableentry2 {
  background-color 		: #FFFFFF;
  padding    			: 3px 0px 3px 0px;
}

.small, .pagenavcounter {
  font-family      		: Arial, Helvetica, sans-serif;
  font-size        		: 10px;
  line-height      		: 14px;
  color            		: #999999;
  text-decoration  		: none;
  font-weight      		: bold;
}
.smalldark {
  font-family      		: Arial, Helvetica, sans-serif;
  font-size        		: 10px;
  color            		: #000000;
  text-decoration  		: none;
  font-weight      		: normal;
}

.contentpane {
  	background       	: #FFFFFF;
}

.contentpaneopen {
  	border 				: 0px ridge #00004D;
  	width				: 100%;
  	padding				: 2px 0px 0px 0px;
}

.contentpaneopen td {
  	color				: #333333;
	text-decoration		: none;
	font-weight			: normal;
	font-size			: 11px;
	line-height			: 17px;
}

div.contentheading, div.componentheading {
  font-family      		: Arial, Helvetica, sans-serif;
  line-height      		: 20px;
  font-size        		: 16px;
  font-weight      		: bold;
  color            		: #333333;
  text-align       		: left;
  border-bottom			: #A3BDDE 1px solid;
  margin-bottom			: 5px;
}

td.contentheading, td.componentheading {
  font-family      		: Arial, Helvetica, sans-serif;
  line-height      		: 18px;
  font-size        		: 12px;
  font-weight      		: bold;
  color            		: #333333;
  text-align       		: left;
  border-bottom			: #A3BDDE 1px solid;
  margin-top			: 5px;
  padding				: 0px;
}

.createdate {
  font-family      		: Arial, Helvetica, sans-serif;
  font-size        		: 10px;
  color            		: #00004D;
  text-align       		: left;
}

.header {
  	background-color	: #00004D;
}

.subheader {
  	background-color	: #00004D;
}

.button {
  	font-family      	: Arial, Helvetica, sans-serif;
  	font-style       	: normal;
  	font-size        	: 10px;
  	font-weight      	: bold;
  	background-color 	: #FFFFFF;
  	color            	: #000000;
  	border           	: 1px solid #821C00;
}

.button:hover {
	background-color	: #00004D;
}

.inputbox {
	font-family      	: Arial, Helvetica, sans-serif;
	font-size        	: 11px;
	color            	: #333333;
	background-color 	: #FFFFFF;
	border           	: 1px solid #999999;
}

a:link, a:visited {
	color				: #221E1F;
	font-weight			: bold;
	text-decoration		: none;
}

a:hover {
	color				: #00004D;
	text-decoration		: underline;
	font-weight			: bold;
}

/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, a.contentpagetitle:visited {
	display				: block;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	font-weight			: bold;
 	color				: #666666;
	text-align			: left;
	border-bottom		: 1px #666666 solid;
	}

a.contentpagetitle:hover {
	display				: block;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	font-weight			: bold;
	text-align			: left;
	color				: #00004D;
	text-decoration		: none;
	font-weight			: bold;
	border-bottom		: 1px #666666 solid;
	}

a.category:link, a.category:visited {
  	color            	: #333333;
  	font-weight      	: bold;
  	font-size		 	: 12px;
}

a.category:hover {
  	color            	: #00004D;
  	border-bottom    	: 0px;
}
/* Styles for dhtml tabbed-pages */

.ontab {
	background-color	: #ffae00;
	border-left			: outset 2px #ff9900;
	border-right		: outset 2px #808080;
	border-top			: outset 2px #ff9900;
	border-bottom		: solid 1px #d5d5d5;
	text-align			: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight			: bold;
	color				: #FFFFFF;
}

.offtab {
	background-color 	: #e5e5e5;
	border-left			: outset 2px #E0E0E0;
	border-right		: outset 2px #E0E0E0;
	border-top			: outset 2px #E0E0E0;
	border-bottom		: solid 1px #d5d5d5;
	text-align			: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight			: normal;
}

.tabpadding {
}

.tabheading {
	background-color	: #ffae00;
	text-align			: left;
}

.pagetext {
	visibility			: hidden;
	display				: none;
	position			: relative;
	top					: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */

.moscode {
	background-color	: #f0f0f0;
}

.code {
	background-color	: #f0f0f0;
	border				: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */

.message {
	font-family 		: Arial, Helvetica, sans-serif;
	font-weight			: bold;
	font-size 			: 11px;
	color 				: #00004D;
	text-align			: center;
}

/* Javascript Back button */

.back_button {
	text-align			: center;
	margin-top			: 12px;
}

table.contenttoc {
	width				: 125px;
	color				: #00004D;
	background-color	: #E4F4FF;
	border				: 1px solid #999999;
    margin				: 5px;
	padding				: 3px;
}

table.contenttoc th {
    font-size			: 10px;
    font-weight			: bold;
	padding				: 2px;
	line-height			: 12px;
    text-align			: right;
	color				: #00004D;
}

table.contenttoc td {
    font-weight			: normal;
    text-align			: left;
	padding				: 0px 5px 0px 5px;
}

a.toclink {
	font-size			: 10px;
	line-height			: 14px;
	padding-left		: 12px;
	padding-top			: 0px;
  	background-image	: url(../images/arrow.png);
  	background-repeat	: no-repeat;
  	background-position	: 0px 3px;
}			

ul {
  margin				: 0;
  padding				: 0;
  list-style			: none;
}

li {
  line-height			: 15px;
  padding-left			: 12px;
  padding-top			: 0;
  background-image		: url(../images/arrow.png) ;
  background-repeat		: no-repeat;
  background-position	: 0px 3px;
}

table.searchinto {
	width				: 100%;
}

table.searchintro td {
	background-color	: #FFFFFF;
	color				: #333333;
	font-weight			: bold;
}

form {
/* removes space below form elements */
	margin				: 0;
 	padding				: 0;
}

/* mod_login module styling */

#mod_login_usernametext, #mod_login_passwordtext, #mod_login_remembermetext, a.mod_login {
	font-size			: 10px;
	color				: #00004D;
}
/* mod_tagcloud module styling */

.cloud0 { font-size		: 8px; }
.cloud1 { font-size		: 9px; }
.cloud2 { font-size		: 10px; }
.cloud3 { font-size		: 11px; }
.cloud4 { font-size		: 12px; }
.cloud5 { font-size		: 14px; }
.cloud6 { font-size		: 16px; }
.cloud7 { font-size		: 18px; }