/**************************************
 * THEME NAME: NALS_Staff
 *
 * Files included in this sheet:
 *
 *   NALS_Staff/aardvark_layout.css
 *   NALS_Staff/aardvark_color.css
 *   NALS_Staff/aardvark_IE6cssmenu.css
 *   NALS_Staff/aardvark_default.css
 *   NALS_Staff/aardvark_fonts.css
 *   NALS_Staff/theme_switch.css
 **************************************/

/***** NALS_Staff/aardvark_layout.css start *****/

/* Core */

/*******Hull change surround id to class in header**********/
/*body {
    margin: 5px;
}

body, p, th, td, li, .sideblock .content {
  line-height:1.4;
}

.surround {
  margin-left: auto; 
  margin-right: auto;
  max-width: 960px;
  position: relative;
}*/

body {
    margin: 5px;
	background-color:#eee2ef;
	
	}


body, p, th, td, li, .sideblock .content {
  line-height:1.4;
}

#site-index #top_links { 
  margin-left: auto; 
  margin-right: auto;
  position:relative;
  max-width:1070px;
  min-width:940px;
  margin-bottom:5px;
  color:#4c4638;
  font-size:11px;
  font-weight:bold;
  padding-left:5px;
  margin-top:1px;
  
  
}


#top_links { 
  margin-left: auto; 
  margin-right: auto;
  position:relative;
  max-width:1700px; 
  min-width: 940px; 
  margin-bottom:5px;
  color:#4c4638;
  font-size:11px;
  font-weight:bold;
  padding-left:10px;
   padding-right:10px;
   margin-top:1px;
  
}


#surround {
  margin-left: auto; 
  margin-right: auto;
  /*max-width: 1070px;*/ /*amended from 960 18_11_09*/
  max-width:1700px; /*added so wide content can fit on hi res monitors*/
  min-width: 940px; /*added to prevent menus from going onto the next line.*/
  background-color:#0F6;
/*  position:relative;*/ /*removed to fix calendar pop up problem*/
  

}
 


h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
  padding-left: 5px;
} 

h1, h2, h3, h4 {
  text-align: left;
}

h1 {
  padding: 6px;
}

h2 {
  padding: 4px;

}

h2.headingblock.header  {
border: 1px solid #cccccc;
	}

h2.main  {
border: 0px;
	}
h3 {
  padding: 3px;
  

}

#layout-table #left-column, #layout-table #right-column {
    /*border: 1px solid;*/
    border: none;
}

#left-column .hidden .header, #right-column .hidden .header {
border-bottom-style:dashed;
border-bottom-width:1px;
}

#layout-table {
  border: none;
}

#content {
clear:both;
padding-top:2px; /*added by R Clay 6_01_10 fixed rendering problem in ie8 where padding not showing up*/

}
  
h1, h2, h3, th.header {
  border-width: 0px;
  border-style: solid; 
}

h4 {
  border-bottom-style: solid;
  border-bottom-width:1px; 
}

input, select {
  padding: 0px;
}
#layout-table #middle-column{
  vertical-align:top;
  padding-left:5px;
  padding-right:5px;
  
}

#layout-table #left-column{
  vertical-align:top;
  padding-left:5px;
  padding-right:0px;
}

#layout-table #right-column{
  vertical-align:top;
  padding-left:0px;
  padding-right:5px;
}

.sitetopic {
  padding:0px;
  margin: 0px;
}

/*.sitetopic:hover img {
  padding:0px;
  margin: 0px;
}*/

.generaltable {
  border-width:0px; 
}

.glossarytable {
  border-width:1px; 
  border-style:solid; 
}


.generalbox {
  border-width:1px; 
  border-style:solid; 
  padding: 5px; 
 /* margin-bottom:30px; changed to 10 px to reduce gap between summary and news section*/
  margin-bottom:10px;
}

.sitetopiccontent {
  border-width:1px;
  border-style:solid;
 }

.clearfix { 
 min-width: 0; 
 /* overflow: hidden; */ 
}

.clearfix:after {
  /* content: "<!-- -->";  */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***
 *** Header
 ***/

#header-home {
  /* padding:1em 0.5em; */
  border-width:0px;
  border-style:solid;
}

#header {
  /* height:50px; */
  border-width:0px;
  border-style:solid;
}

.headermain, h1.headermain {

  margin:0%;
  padding:0%;
  border-width: 0px;
  padding-left: 5px;

}

.headermenu {
  float:right;
  text-align:right;
}

/*
#header-profileblock {

  text-align:right;



}

#header-profilepic {

  text-align:right;
  margin: 5px 5px 0px 5px;
  width: 80px;
  height: 80px;
  border:none;

}

#header-profilename {

  text-align:right;
  margin-right: 5px;

}

#header-profileoptions {
  text-align:right;
  margin-right: 5px;
  margin-bottom:5px;
}

#header-profileoptions ul li { 
padding-left: 10px;
display: inline; 
}

#header-profileoptions .loginform { 
width: 5em;
margin-left:4px;
display: inline; 
}*/

.navbar {
  width:100%;
  padding:3px 0.5em;
  border-width:0px;
/*  border-style:solid; */
}

div.navbar {
  width: auto;
}

table.navbar {
  width: 100%;
}

.navbar .navbutton form {
  float: left;
}

.navbar .navbutton {
  margin-top: 3px;
}

.navbar .breadcrumb {
  float:left;
  margin:0.2em 0em;
}

.breadcrumb ul {
  padding:0%;
  margin:0%;
  text-indent:0%;
  list-style:none;
}
.breadcrumb li {
  display:inline;
}

.navbar .navbutton,
.navbar .menu {
  float:right;
}

#footer .navbar {
  margin-top: 4em;
}


/***
 *** Login
 ***/

TABLE.loginbox {
  margin-top: 40px;
}

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 1px;
}


/***
 *** Footer
 ***/
 
#footer {
  text-align:center;
  margin-top: 4px;
  margin-bottom: 0px;
  padding: 4px;
  margin-right:0px;
}

 
#footer p.helplink {
 margin-bottom: 0px;
}


/***
 *** Blocks
 ***/
.sideblock {
}

.sideblock .content {
  padding: 4px;
  border-bottom: 1px;
  border-top: 0px;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
 
}

.sideblock .header, {
  border-bottom: 0px;
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
 }

.sideblock .header h2 {
  border-width: 0px;
  padding-top: 4px;
 }

.sideblock .header .hide-show-image {
 padding-top: 5px;/* **************changed to 5px - stop arrow going on pink**************/
}
 
.sideblock .footer {
  border-top-width:1px;
  border-top-style:dashed;
  margin-top: 4px;
  margin-bottom: 4px;
  
}


/***
 *** Calendar
 ***/
 
 
#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event {
  border:1px solid;
  padding:4px;
 
}
 
#calendar .sideblock .header {
  border-left:0px solid !important;
  border-top:0px solid !important;
  border-right:0px solid !important;
  border-bottom:0px solid !important;

}
 
 
#calendar .today,
.minicalendar .today {
  border:1px solid !important;
}

 
table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}

table.minicalendar tr.weekdays th {
   border-style: none;
}



table.minicalendar tr td.day {
  border-style: solid;
  border-width: 1px;
}

table.minicalendar tr.weekdays th abbr {
  border-style: none;

  }
  


table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
  border: none;
}



table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}

.cal_popup_bg {
  padding:0px;
  margin:0px;
  border:1px solid;
}

/***
 *** Course
 ***/
 
/*.headingblock {   *******************removed_Rclay_20_11_09***********
  border-width:1px;
  border-style:solid;
  padding:4px;
}*/


.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 7px;
}

#course-view .section .left {
  border-right-width: 1px;
  border-right-style: dashed;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-width: 1px;
  border-style: dashed;
}

#course-view .section td.content ul.section.img-text {
	line-height: 22px;
}

#course-view .section td.content ul.section.img-text li.activity.label {
	line-height: 16px;
	margin-bottom: 5px;
}

.coursebox .info .name {
  padding-bottom: 5px;
  }


.tabrow0 { 
   padding-top: 4px; 
} 

.courseboxes {
 width: 95%;
}


/***
 *** Modules: glossary
 ***/

.entry .concept,
.entryheader .concept {
   margin-top: 5px;
   margin-bottom: 10px;

}

.glossarypost.continuous {
	padding: 5px;
}

/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-width: 2px;
}

/***
 *** Modules: Forum
 ***/

.forumpost {
  width: auto;
  overflow:none;
  margin-top:5px; /*added 3_12_09 to reduce gap between site news header and main news area*/
}

.forumpost img {
  max-width: 100%;

}

/********************************************************************my css********************************************************************/

/****************relates to table in main summary on front page*************/


#mysummary{
	text-align:center;
	padding-top:3px;
}


.borderit img{
border: 3px solid white;
padding:0px;
margin:0px;
}


.borderit:hover img{
/*border: 3px solid #912684;*/
border: 3px solid;
border-color:#CCC;
padding:0px;
margin:0px;
}


/*.greyline{
background: url('images/default/grey_line.gif') repeat-x;
padding-top:10px;

}*/

.borderit2{
	padding-bottom:10px;
}

.borderit2 img{
border: 3px solid white;
}

.borderit2:hover img{
/*border: 3px solid #912684;*/
border: 3px solid;
border-color:#CCC;

}

.borderit2:hover{
color: grey; /* irrelevant definition to overcome IE bug */
}

/*.borderit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.4;
}

.borderit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 1;
}*/


#footer{
	margin:0px;
	padding: 0px;
	
}

.foot_im_space{
	padding: 8px 0px 8px 0px;
}


/***********************mine to  take off padding on banners 10_12_09***********************/
#inst2093 h2{
	padding:0px;

}

/*#inst2093 td{
	padding:0px;
}*/

/*#inst2093 table, #inst2093 tr{
	padding:0px;
}
*/
#inst2093 input{
	padding:0px;
	margin:0px;
}
/*
#inst2093 tbody{
	padding:0px;
	margin:0px;
	}*/
	


#inst2093 .header{
	padding:0px;
	margin:0px;

}

#inst2093 .title{
padding:0px;
margin:0px;	
}


/*add grey border missing from top*/

/*#inst2093{
	border-top: 1px solid #cccccc;
}*/

.sideblock .content{
	border-top: 1px solid #cccccc;
}


/*************************************** chnage spacing on reource box also fixe ie6 problem***************************/

.resource_box{
	/*padding-bottom:1px;*/
}

/*ie6 fix*/
* html .resource_box {
		padding-bottom:4px;
		padding-left:2px;
	}
	
/*ie6 calendar fix	*/
* html #calendar  {
  border:1px solid;
  padding:4px;
  position:relative; top: 2px;
  z-index:-1;
}

/*ie7 calendar layer fix*/
#calendar  {
	  z-index:-1;
}


/*ie6 lightbox fix stops footer going over images and positions thums correctly	*/

* html #mod-lightboxgallery-view .box {
  position:relative; top: 2px;
  height:100%;

}
/***** NALS_Staff/aardvark_layout.css end *****/

/***** NALS_Staff/aardvark_color.css start *****/

/* Core */

body {
  background:#eeeeee;
  color:#555555;
}

#surround {
  background: #eaeaea;
  border-top: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
 }

h1 {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #ffffff;
}

h2 {
  background: #eaeaea url('images/sideheader.jpg') repeat-x; /************** chnaged bground cooulr form #d7d7db to white - smoother refresh *****************/
  border-color:#cccccc;
  color: #999999;
  margin-top:0px;

}

h2 .headingblock, .header  {
 background: #d7d7db url('images/forumheader.jpg') repeat-x;
    color: #999999;
	}



h3 {
  border-color:#cccccc;
}
h4 {
  border-color:#cccccc;
}

.headermenu {
  color: #cccccc;
}

.headermenu a {
  color: #999999;
}


th {
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  border-color:#cccccc;
  color: #999999;
}

th.header,
td.header,
div.header {
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  border-color:#cccccc;
  color: #999999;
}

th.header a,
td.header a,
div.header a {
  color: #555555;
}

th.header {
  border-color: #cccccc;
}

#left-column .hidden .header, #right-column .hidden .header {
  border-color:#cccccc;
}


#layout-table #left-column, #layout-table #right-column {
    /*background-color: #ffffff;*/
    border-color:#cccccc;
}



.generalbox {
  border-color:#cccccc;
  background-color:#FFFFFF;
}

.generaltable,
.generaltable td {
  border-color:#cccccc;
  /* background-color:#FFFFFF; */
}

/* .generaltable .r0 td.cell.c0 {
 background-color:#cccccc; 
} */

.generaltable .r0 {
 background-color:#ffffff; 
}

.generaltable .r1 {
 background-color:#ffffff; 
}

.generaltable .r1 td.cell.c0 {
border-color:#cccccc; 
/* background-color:#555555; */
}

.navbar, .navbar a {
  background: none;
  color: #555555;
}


.sitetopiccontent {
  border-color:#cccccc;
  background-color:#FFFFFF;
}

.highlight {
  background-color:#cccccc;
}

.highlight2 {
  color:#cccccc; /* highlight missing terms in forum search */
}

/***
 *** Roles
 ***/

.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
  background-color:#555555;
}

#admin-roles-override .capcurrent {
  background-color:#555555;
}

/***
 *** Header
 ***/


/***
 *** Login
 ***/


.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#cccccc;
}

.loginbox .content {
  border-color:#cccccc;
}

/***
 *** Footer
 ***/
 
#footer {
background-color:#b280b8;
}

 
#footer p.helplink {

}


/***
 *** Blocks
 ***/
 
.sideblock {
   color:#555555;
   background-color: transparent;
   border-color: #cccccc;

}

.sideblock, .sideblock .content {
   border-color: #cccccc;
   background-color:#ffffff;
   color:#555555;
}


.sideblock .header, .sideblock .header h2 {
 /*background: url(images/sideheader3.jpg) repeat-x;*//* ************changed image to plain pink sideheader2 25_11_09****************/
 background:#b280b8; /****************changed from #fefefe to puple colour 25_11_09*****************/
 color:#FFF; /*****************changed from #999999 to white 25_11_09*****************/
 border-color: #cccccc;
}

.sideblock hr {
  color:#cccccc;

}

.sideblock .footer {
  border-top-color:#cccccc;
}

.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #555555;
}


/***
 *** Calendar
***/
 
#calendar .maincalendar,
#calendar .eventlist .event {
  border-color: #cccccc;
  background: #ffffff;
}

#calendar .maincalendar .header {
  border-color: #cccccc;
  color: #555555;
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
}

#calendar .sideblock {
  border-left: #cccccc !important;
  border-top: #cccccc !important;
  border-right: #cccccc !important;
  border-bottom: #cccccc !important;

}

#calendar .sideblock, {
  background: #ffffff;
}

#calendar .event {
  border-color: #ff0000;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #cccccc;
}

#calendar .maincalendar table.calendarmonth td {
  border-color: #cccccc;
}


table.calendarmonth tr td {
   border-color:#cccccc;
}


table.minicalendar {
  border-color:#cccccc;
  
}



table.minicalendar tr.weekdays th {
  background-color:#555555;
  border-color:#cccccc;
}

table.minicalendar tr td.day {
   border-color:#cccccc;
  }
  
table.minicalendar tr td.weekend {
  border-color:#cccccc;
  color: red;
  }
  
#calendar .today,
.minicalendar .today {
  border-color:#ff0000 !important;
}
  
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#def2ba !important;
  background-color:#def2ba;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#c6dfeb !important;
  background-color:#c6dfeb;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#feffc2 !important;
  background-color:#feffc2;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#d9c6e2 !important;
  background-color:#d9c6e2;
}

.cal_popup_fg {
  background-color:#ffffff;
}

.cal_popup_bg {
  border-color:#cccccc;
  background-color:#ffffff;
}


/***
 *** Course
 ***/

.headingblock {
  border-color: #cccccc;
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  color: #999999;
}

/* course */
.headingblock .outline {
  border-color:#cccccc;
  color: #999999;

  
}


.coursebox {
  border-color:#cccccc;
  background: #ffffff;
}

.coursebox .info {
 background: #ffffff;
}

.categoryboxcontent,
.courseboxcontent {
  border-color:#cccccc;
  background: #FFFFFF;
}

.categorybox .category,
.categorybox .category {
  border-color: #cccccc;
}

#course-view .section.main .content {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

#course-view .section.main .side {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #cccccc;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-color:#cccccc;
 }




/***
 *** Tabs
 ***/


ul.tabrow li {
  background:url(pix/tab/left.gif) top left no-repeat;
}

.tabs .side {
  border-color: #cccccc;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-color:#cccccc;
}

.forumpost .content {
  background: #ffffff;
}

.forumpost .left {
  background:#f3f3f3; 
}



.forumpost .topic {
  border-bottom-color: #cccccc;

}

.forumpost .starter {

}

.forumheaderlist .discussion .starter {
  background:#ffffff; 
}

.forumheaderlist td {
  border-color: #cccccc;
}

.sideblock .post .head {
  color:#ffffff;
}

.forumthread .unread {
  background: #ffffff;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #cccccc; 
} 

#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {

}

/***
 *** Modules: glossary
 ***/

.picture,
.entryattachment,
.entryapproval {
  background-color: #3b5998;
 } 

.entrybox {
  border-color: #cccccc;
 }

.glossarypost.dictionary,
.glossarypost.fullwithauthor,
.glossarypost.fullwithoutauthor,
.glossarypost.continuous, 
.glossarypost.encyclopedia,
.glossarypost.faq {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

.glossarycategoryheader th  {
  background-color: #F7F6F1;
}


.glossarycategoryheader h2, 
.glossarypost .concept h3 {
  background-color: #FFFFFF
}


/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-color:#990000;
   background-color:#ffffff;
 }

.errorboxcontent {
   background-color:#ffffff;
}
 

/***
 *** Grade
 ***/

.grade-report-grader table#user-grades td.cell span.gradepass {
  background-color: #C2EBBD; 
}

.grade-report-grader table#user-grades td.cell span.gradefail {
  background-color: #EBC4BD;
}

/***
 *** User
 ***/

.userinfobox {
 border-color: #cccccc;
}

.userinfobox .side {
 background-color: #ffffff;
}

.userinfobox .content {
 background-color: #ffffff;
}

/***** NALS_Staff/aardvark_color.css end *****/

/***** NALS_Staff/aardvark_IE6cssmenu.css start *****/

/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
   This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	
==============================================================================*/

 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	min-width:560px;
}



* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}


 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	width:100%;         /* we always want our menu to fill the available space */
	height:32px;                                  /* the menu's overall height */
	background:url('images/default/top_menu.gif') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	z-index:50;

}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
	}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	z-index: 9999;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.4em;           /* globally set the menu's item spacing. note */
	z-index:50;

}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */



.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	height:32px;
	_height:10px;
	
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	font-size:12px;        /* this sets the base font size for our entire menu */
	padding:0px;
	z-index:1000;
}


/*.drop {*/
	/*display:block;*/
	/*padding:0px 0.33em;	*/       /* this sets the l/r margins for our menu item */
	/*margin:0;*/
	/*text-align:right;*/   /* this right alignment goes with the float:left below */
	/*cursor:pointer; */     /* IE tries to switch back to an I-beam, don't let it */
	/*cursor:hand; */          /* IE5 only knows about "hand", so set it both ways */
	/*}*/

/*.drop span {*/        /* this simultaneously left and right aligns the text and */
	/*float:left;   */    /* the >> in the drop-down menus which link to sub-menus */
/*}*/




/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */

}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	/*height:32px;*/ /*commented out - stop selection going into breadcrumb*/
	width:auto;
	color: #ffffff;
    padding: 8px 14px 0 14px; /* padding of main menu options amended by rclay 23-12-09*/
	background:url('images/default/top_menu.gif') repeat-x;

	
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items - first line*/
	height:24px; /**********************************************change to reduce hover size annoying problem*****************************************/
	color: #ffffff;
	padding: 8px 14px 0 14px;/* padding of main menu options amended by rclay 23-12-09*/
	background:#b280b8; /* ***********background colour on rollover - rclay 23 12 09****************
	
*/
	/*text-decoration:underline;*/
	background:url('images/drop_back3.gif') repeat-x;
	}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:32px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */       /*needed for IE6*/
	/*height:auto; */     /* the drop-down height will be determiend by line count */
	width:200px;
	 /* background:red;         /* this sets our menu's effective "border" color */
	 }


.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	color:#ffffff;               /* this sets the unselected drop-down text color */
	width: 200px;
	height:24px;
	border-top:1px solid #ede9e9; /*added 3_12_09 to add border to individual list elements*/
	border-left: 3px solid #7f2c76;
	border-right: 1px solid #7f2c76;
	border-bottom: 1px solid #7f2c76;
	background:#9d3a92; /*************drop down background colour*****************/
	padding:8px 12px 0px 5px;
	text-decoration:none;
	
/* Settings below fix IE6 padding issues on submenu items */
    
    _padding:5px 12px 5px 12px; 	/* Only IE6 should process this line */
    _height:10px;					/* Only IE6 should process this line */
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:white;
	background:#b280b8; /*************rollover colour on drop down*****************/
	border-top:1px solid #cccccc; /*added 3_12_09 to add border to individual list elements*/
	width: 200px;
	height:24px;
	padding:8px 12px 0px 5px;
/*	text-decoration:underline;*/

/* Settings below fix IE6 padding issues on submenu items */	

	_padding: 5px 12px 5px 12px; 	/* Only IE6 should process this line */
	_height:10px;					/* Only IE6 should process this line */
	
}

#top_menu_date{
	/*background:url('images/default/top_menu2.gif') repeat-x;*/
	height:32px;
}

#top_menu_date a {
	float:right;
	padding: 8px 10px 0 5px;
	color: #ffffff;
	text-decoration:none;
	height:32px;
	/*background:url('images/default/top_menu2.gif') repeat-x;*/

}

#top_menu_date a:hover {
	color: #fcdd8d;
	text-decoration:none;

}

/*.menu a:hover {
	text-decoration:underline;
	color:#FFF;
	padding:0px;
	margin:0px;
}*/

/*add dividers to top menu*/
.divide{ 
 background: url('images/top_menu_line.gif'); repeat-x;
}
/***** NALS_Staff/aardvark_IE6cssmenu.css end *****/

/***** NALS_Staff/aardvark_default.css start *****/

/***** NALS_Staff/aardvark_default.css end *****/

/***** NALS_Staff/aardvark_fonts.css start *****/

/* Core */

.clearer {
  font-size:1px;
}

body, td, li, input, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 13px;
}

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


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
    font-size:1.2em;
    font-weight: bold;
}

h2 {
    font-size:1.15em;
	letter-spacing: -1px;
}

h2.headingblock.header  {
    font-size:1.15em;
	letter-spacing: -1px;

	}

h3 {
    font-size:1.1em;
}
h4 {
    font-weight:bold;
}

.headermain {
  font-size: 1.7em;
}

th.header,
td.header,
div.header,
.headingblock {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
}


.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: 1.2em;
    font-weight: bold;
}

.generaltable td.cell.c0 {
  font-weight: bold;
}
/***
 *** Header
 ***/
 
.breadcrumb {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:normal;
}

.breadcrumb a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:normal;
}

.logininfo,
#header-home .headermenu font {
     font-size:.8em;
}

***************** amende 11_01_10 to chnage display of login tect in profile

#header-profilename a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  /*  font-size:1.8em;
	letter-spacing: -3px;*/ /* removed to change login display 11_01_10*/


}

#header-profileoptions a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: -1px;
}

 /***
 *** Blocks
 ***/
 
.sideblock .footer {
    font-size:0.85em;
    text-align: left;
}

/***
 *** Calendar
 ***/
#calendar .maincalendar table.calendarmonth td {
  font-size:1em;
}

#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}

#calendar .sidecalendar .filters {
  font-size:0.75em
  }

table.minicalendar tr.weekdays th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  font-weight:normal;
  }

table.minicalendar tr td {
  font-size:1em;
  }
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

.coursebox .info .name {
  font-weight: bold;
  font-size: 1.2em;
}

/* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,sans-serif;
}

/*
span.arrow {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} */

p.arrow_button input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}

/***
 *** Forum
 ***/
 
.forumpost .topic .subject {
  font-weight: bold;
  font-size: 1.2em;
}

/***
 *** Glossary
 ***/
.glossarypost div.concept h3,
.glossarypost.continuous .concept {
  display: inline;
}


/************************************************************************************ FONT SIZE OVERIDE *******************************************************/

/*set intial font size*/
body{
	font-size: 81.25%; /*approx 13 px*/
	/*font-size: 105%;*/  /*larger font*/
}

/*aardvark_layout css*/

#site-index #top_links { 
  font-size:0.85em; /*approx 11px */
}

#top_links { 
font-size:0.85em;
}

/*aardvark_colour css - none!!!*/

/*aardvark_fonts css*/

.clearer {
  font-size:1px;
}

/*body,*/ td, li, input, select {
    font-size : 1em;
}

th {
  font-size: 0.8em;
}

/**************************************ems already set in aarvark css*****************************/


h1 {
    font-size:1.2em;
}

h2 {
    font-size:1.15em;
}

h2.headingblock.header  {
    font-size:1.15em;
}

h3 {
    font-size:1.1em;
}

.headermain {
  font-size: 1.7em;
}

th.header,
td.header,
div.header,
.headingblock {
    font-size: 1em;
}

.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: 1.2em;
}

.breadcrumb {
    font-size:1em;
}

.breadcrumb a {
    font-size:1em; 
}

.logininfo,
#header-home .headermenu font {
     font-size:.8em;
}

.sideblock .footer {
    font-size:0.85em;
}

#calendar .maincalendar table.calendarmonth td {
  font-size:1em;
}

#calendar .sidecalendar .filters {
  font-size:0.75em
  }

table.minicalendar tr.weekdays th {
  font-size:0.7em;
  }

table.minicalendar tr td {
  font-size:1em;
  }
  
  #course-view .section .left {
  font-size: 1.2em;
}

.coursebox .info .name {
  font-size: 1.2em;
}

.forumpost .topic .subject {
  font-size: 1.2em;
}



/**************************************ems set in aardvark end*****************************/



/*aardvark_IE6cssmenu css*/

.menu {
	font-size:0.95em; /*approx 12 px   */      /* this (and also below) sets the menu's font size */
	}
	
.menu ul li table {
	font-size:0.95em;        /* this sets the base font size for our entire menu */

}

/*aardvark_default css*/

.footerlinks ul{
 font-size : 0.85em;
 }
 
 .footerlinks li  {
	font-size : 0.95em;
}

.footsmall{
	font-size: 0.75em;	
}

.logininfo{
	font-size:0.85em;
}

#header-profileoptions label {
   font-size:0.95em;
}

#header-profilename a{
	font-size:1.4em;
}

#header-profileoptions a{
   font-size:0.85em;
}

/*aardvark_theme_switch css - none!!!!!*//***** NALS_Staff/aardvark_fonts.css end *****/

/***** NALS_Staff/theme_switch.css start *****/

@charset "utf-8";
/* CSS Document */

/*css to position elements within theme switcher block*/

.theme_switcher_form ul{
	padding:0px;
	margin:0px;
	text-align:left;
}

.theme_switcher_form li {
	padding:0px 0px 5px 0px;
}

/*****************side banner css for individual themes******************/

.side_ban1 {
	background: url('banner_img/resource_banner.jpg') no-repeat;
	padding:0px;
  	margin:0px;
  	text-align:center
}
	
.side_ban2 {
	background: url('banner_img/training_banner.jpg') no-repeat;
	padding:0px;
  	margin:0px;
  	text-align:center
}

.side_ban3 {
	background: url('banner_img/moodle_help_banner.jpg') no-repeat;
	padding:0px;
  	margin:0px;
  	text-align:center
}

.side_banfeed {
	background: url('banner_img/feedback_banner.jpg') no-repeat;
	padding:0px;
  	margin:0px;
  	text-align:center;
}

#inst2181{
	text-align:center;
}

/****************************** test menu size**************************************/


/*.menu {
	height:2em;                                
}*/

/*.menu li {
	font-size:16px;
	font-weight:bold;
	padding:0px;
}

body, td, li, input, select, a, div, a:link {
	font-size:16px;
}*/



/***** NALS_Staff/theme_switch.css end *****/