@charset "utf-8";
/* CSS Document */
/*-- ----------------------------------------------------Global Styles --*/
body {
background-color:#aabbbb; 
font-family: Arial,Helvetica,Verdana,sans-serif;	
font-size:12.5px;
margin:0px;					
padding:0px;
color:#333333;
}

div {
padding:0px;
margin:0px;
}

.hide_me{
display:none;}

#print_logo
{
display:none;
}

a 
{
color: #44649D;
text-decoration: none;
border-bottom: #666666;
border-width: 0px 0px 1px 0px;
border-style: none none none none;
}

a:link
{
text-decoration: none;
color: #44649D;
border-bottom: #666666;
border-width: 0px 0px 1px 0px;
border-style: none none none none;
}


a:visited 
{
text-decoration: none;
color: #44649D;
border-bottom: #666666;
border-width: 0px 0px 1px 0px;
border-style: none none none none;
}


a:hover, a:active 
{
text-decoration: none;
color: #91002c;
}

a.button{
	/* for larger links like buttons */
	font-size : 12pt;
	font-weight: bold;
	color: #44649D;
	text-decoration: none;
	border-bottom: #666666;
	border-width: 0px 0px 1px 0px;
	border-style: none none none none;
}


p a{
	border-style: none none dotted none;	
}

p a:link{
	border-style: none none dotted none;
}

p a:visited 
{
border-style: none none dotted none;
}

p.anchor a:link{
	border-style: none none dotted none;
}

p.anchor a:link{
	border-style: none none none none;	
}

p.anchor a:visited{
	border-style: none none none none;	
}

.headersearchbuttons {padding-left: 5px;}

h1
{
font-weight: bold;
color: #333333;
font-size: 16px;
padding-top: 10px;
}


html, p, td {font:12px/15px Arial,Helvetica,Verdana,sans-serif; color: #333; margin-left:10px;}

html { min-height: 100%; margin-bottom: 1px; }

h2,h3,h4,h5 {font-weight:bold;color:#333333;padding:5px 0 5px 0;}


h2 {font-size:14px;
	margin-bottom:-2px;
	color:#931919;}

h3 {font-size:12px;
	padding-left:6px;
	margin-bottom:-4px;}

h4 {font-size:12px;
	padding-left:7px;
	margin-bottom:-4px;
	color:#931919;
	}


h5 {font-size:11px;
	padding-left:7px;
	margin-top:-2px;
	margin-bottom:-4px;}

h6 {font-size:11px; color:#931919; padding-left:7px; margin-top:-1px; margin-bottom:-4px;}



div#site_container 
{
width:1000px;
margin:auto;
/*border:1px solid #c2c2c2; */
background-color:rgb(255,255, 255);
position:relative;
background-image:url(../images/menu_behind.gif);
background-repeat:repeat-y;
background-position:left;
}
/*---------------------------header-------*/
div#header 
{

clear:both;
padding:0px;
width:100%;
height:119px;
background-image:url(../images/header_background_dkblue2.gif);
background-repeat:repeat-x;
}


div#header ul 
{
list-style-type:none;
padding:0px;
margin:0px;
float:right;
}

div#header li 
{
display:inline ;
}
/*the MUN logo in the top left corner.

This creates a link box and uses an image as the background instead of having an
image in the actual HTML file itself.  The ".return_to_mun" class hides the actual 
text link when the style is applied. 

The text link will be visible when the styles are disabled  */
a#mun_logo 
{
float: left;
display: block;
height: 119px;
width: 188px;
background-image: url(../images/headerlogo_home_libraries3.gif);
background-repeat:no-repeat;
border: none;
}
/*---------------------------------end header-----------*/

/*SITE WIDE MENU */

/*the site wide menu contains important, but not high profile links
to memorial services*/

div#site_wide_menu_container
{
float:right;
width:600px;
margin-right:30px;
margin-top:10px;

}
/*the following two holders added by Albert july 16*/
div#site_wide_menu_holder{
position:absolute;
 top:10px;
 right:180px;
 *right:185px;
}

div#quick_links_holder{
position:absolute;
 top:10px;
 right:25px;
}

ul#site_wide_menu  a
{
color:#ffffff;
font-size:12px;
text-decoration:none;
padding-right:14px;
border: none;
}

ul#site_wide_menu  a:hover
{
text-decoration:underline;
}

/*END SITE WIDE MENU*/
/*styles specific to search_section */

/* the search section contains the text search box for MUN.CA wide searches
as well as the quick links drop down menu */

select#quick_links{
float:right;
width:150px;
margin-left:60px;
margin-top:-2px;

}

/* PRIMARY MENU*/

/*The primary menu is the highest profile menu. Its primarily a 
marketing tool and showcases what prospective new students*/

/* WR changed site_menu_primary -- originally left 197 and width 563 */

div#site_menu_primary
{
float:right;
width:680px;
text-align:center;
font-weight:bold;
height:53px;
margin-top:28px;
}

div#site_menu_primary a

{
text-decoration:none;
display:block;
float:left;
height:51px;
width:90px;
font-family:arial;
color:#ffffff;
margin-right:0px;
padding-left:10px;
padding-right:10px;
border-right:1px solid black;
border-bottom:none;
}

div#site_menu_primary a.site_menu_primary_wide
{
text-decoration:none;
display:block;
float:left;
height:51px;
width:170px;
font-family:arial;
color:#ffffff;
margin-right:0px;
padding-left:10px;
padding-right:10px;
border-right:1px solid black;
border-bottom:none;
}

div#site_menu_primary a:hover {
background-image:url(../images/button_background_over.gif);
background-repeat:repeat-x;
}

span.primary_shift {
display:block;
height:20px;
margin-top:10px;
cursor:pointer;
border:none;
}

#primary_first
{
border-left:1px solid black;
}


/* SITE TITLE: This controls the appearance and positioning of the site 
tite ie" Department of Computer Science" */ 


div#site_title_container
{
float:right;
	width:400px;
	height:24px;
	text-align:right;
}

#site_title 
{
font-family:sans-serif;
margin-right:18px;
font-size:20px;
color:#444444;
height:20px;
line-height:1.5em;
}
/*--------------------------------------------------------------LOCAL MENU*/

/*The local menu section contains the menu items that are specific to a builder
instance. The local menu is an unordered list and uses nested unordered lists to 
allow menu depth up to three levels.

NOTE: The native padding anf margins for the unordered lists that make the menu are 
set to  zero initally. Indentation is accompished via adjustment to padding values
as the menu depth increases */


div#local_menu 
{
width:188px;
float:left;
padding:0px;
margin-top:0px;
display:inline; /*the only purpose for this tag is to fix an IE6 "double margin" bug. It should not affect other browsers.*/
}

a#ask_logo 
{
display: block;
height: 35px;
width: 130px;
padding: 0px 0px 20px 30px;
background-image: url(../images/ask_blue_wide.png);
background-repeat:no-repeat;
border: none;
}


/*This is the first menu level and the UL in which the other ULs are nested*/ 
div#local_menu ul 
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

/*links in the first level navigation*/

div#local_menu ul li a
{
display: block;
width: 164px;
text-decoration: none;	
padding-top: 6px;
padding-right: 5px;
padding-bottom: 6px;
padding-left:10px;
font-weight:bold;
border-bottom: 1px solid #c2c2c2;
}

div#local_menu ul li a:hover
{
	color:#333333;
}

/* This is the second level navigation for the local menu. This is nested inside the 
first unordered list. Note that this level uses a background image instead of a "list-style-type"
 tag. Also note that this list indents from the first list. */

div#local_menu li li a
{
display:block;
width: 152px;
padding-top: 6px;
padding-right: 3px;
padding-bottom: 6px;
padding-left: 31px;
background-image: url("images/bkgnd_navcontainerlili_var6.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 12px 2px;
margin-left: 0px; 
text-decoration: none;
border-bottom:1px solid #c2c2c2;

}

/* This is the Third level navigation. It works the same as the second and is nested within
the second level navigation. Note the "padding-left" and "background-position tags are 
changed from the second level navigation to allow for a further indent*/

div#local_menu li li li a
{
display:block;
width: 143px;
padding-top: 6px;
padding-right: 3px;
padding-bottom: 6px;
padding-left: 42px;
background-image: url("images/bkgnd_navcontainerlili_var6.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 24px 2px;
margin-left: 0px; 
text-decoration: none;
border-bottom:1px solid #c2c2c2;

}

/*This highlights the users current position in the instance by changing the 
color of the current page in the menu. 

NOTE: This color is the same as the "a:hover" color for the menu */

.local_menu_current {
	color:#333333;
	
}

/*
.img {
padding:20px 26px 30px 26px;
margin:0px;
text-decoration:none;
}
*/


/*---------------------------------------SERVICES FORM---------------------------*/

/*-----this tags removes all margins and padding from the form element in ie, in firefox there is no difference --*/
div#local_menu form { 
margin:0px;
padding:0px;
}

div#local_menu select {
margin-left:10px;
margin-top:20px;
padding:0px;
}


/*-----------------------------------------------------------------END LOCAL MENU*/

/*-------------------------------------------------------------LOCAL BODY CONTENT*/

/* this section houses the content for the pages*/
div#local_body_content {
width:792px;
float:left;
padding-top:4px;
/*************Tweak for IE**********/
*padding-top: 14px;

/*****adjusting margins***********/

padding-left:8px;
padding-right:8px;


}


div#local_main_content {
margin-left:-8px;
}
/*----------------------------------------MulitSearch Area --*/
div#multiSearchArea
{width:560px;
margin-left:10px;

float:left;
margin-top:24px;
/*************Tweak for IE**********/
*margin-top:16px;
margin-bottom:20px;
/*border-bottom:1px solid #c2c2c2;*/
}



#ajax_contentContainer {
border:1px solid #c2c2c2;
height:152px;
width:560px;
}



#tabs {
height:30px;
}

#ajax_contentContainer img {
padding:20px 20px 0px 0px;
margin:0px;
}


#ajax_contentContainer2 {
border:1px solid #c2c2c2;
height:152px;
width:560px;
}


/*----------------------------------------Explore Topic Area --*/
div#exploreTopic 
{
width:240px;
float:left;
margin-top:10px;
margin-left:10px;
border:1px solid #c2c2c2;
height:inherit;
margin-bottom:20px;
}

div#exploreTopic #moreTopics {
text-align:center;
clear:both;
padding-top:15px;
padding-bottom:10px;
}

div#exploreTopic p {
width:94%;
padding-left:3%;
text-align:justify;
}

a#moreTopics {
display:block;
font-size:16px;
font-weight:bold;
}

div#exploreTopic ul {
float:left;
list-style-type:none;
padding:0px;
margin:0px;
}

div#exploreTopic ul li {
margin-top:5px;
margin-left:10px;
}
/*----------------------------------------Help and How-To Area --*/
div#helpHowTo
{
width:298px;
float:left;
margin-top:10px;
margin-left:20px;
border:1px solid #c2c2c2;
height:inherit;
margin-bottom:20px;
}

div#helpHowTo .moreHelp {
text-align:center;
clear:both;
}

div#helpHowTo p {
width:94%;
padding-left:3%;
text-align:justify;
}

a.moreHelp {
display:block;
padding-top:8px;
}

div#helpHowTo ul {
float:left;
list-style-type:none;
padding:0px;
margin:0px;
}

div#helpHowTo ul li {
margin-top:5px;
margin-left:10px;
margin-right:10px
}
/*----------------------------------------News Area--*/
div#news
{width:200px;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:17px;
border:1px solid #c2c2c2;
background-color:#FFFFFF;
/*clear:right due to ie6, doesn't affect other browsers*/
clear:right;
}

div#news_hsl
{width:200px;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:16px;
border:1px solid #c2c2c2;
background-color:#FFFFFF;
/*clear:right due to ie6, doesn't affect other browsers*/
clear:right;
}

div#news_nl
{width:200px;
float:left;
margin-top:10px;
margin-bottom:20px;
margin-left:17px;
border:1px solid #c2c2c2;
background-color:#FFFFFF;
/*clear:right due to ie6, doesn't affect other browsers*/
}

.nlCol1{
width:565px;
float:left;
clear:right;
}

.nlCol2{
width:210px;
float:left;
clear:right;
}

div#nl_right_image
{width:200px;
float:left;
margin-top:-20px;
*margin-top:-10px;
margin-bottom:10px;
margin-left:17px;
border:0px solid;
background-color:#FFFFFF;
/*clear:right due to ie6, doesn't affect other browsers*/
}

div#multiSearchArea_nl
{width:560px;
float:left;
margin-top:24px;
/*************Tweak for IE**********/
*margin-top:16px;
margin-bottom:20px;
/*border-bottom:1px solid #c2c2c2;*/
}

div#multiSearchArea_nl2
{width:560px;
float:left;
margin-bottom:20px;
/*border-bottom:1px solid #c2c2c2;*/
}

/*----------------------------------------Spotlight on.... Area --*/
div#spotlight {
width:200px;
float:left;
margin-top:24px;
margin-bottom:10px;
margin-left:19px;
border:1px solid #c2c2c2;
background-color:#FFFFFF;
/*clear:right due to ie6, doesn't affect other browsers*/
clear:right;
}

.sectionTitle
{display:block;
padding-left:10px;
padding-top:5px;
background-color: #DCE2F2;
color:#333333;
font-weight:bold;
font-size:16px;
height:25px;
line-height:20px;
}

/*---------------------------------------------------------END LOCAL BODY CONTENT*/

/*------------------------------------------------------------------FOOTER*/

/* The Footer rests at the bottom of the page and contains contact and copyright
information as well as privacy and accessability information */

div#footer
{
clear:both;
background-color: #91002c;
height: 48px;
color:#ffffff;
font-size:11px;
margin-top:20px;
}

/*the footer links menu*/

div#footer_menu
{float:left;
padding-top:9px;
margin-right: 15px;
margin-left: 15px; 
text-align:right;
}

div#footer_menu ul 
{
list-style-type:none;
padding:0px;
margin:0px;

}

div#footer_menu li 
{
display:inline;
}

div#footer_menu li a
{ text-decoration:none;
color:white;
font-weight:bold;
border: none;
}

div#footer_menu li a:hover
{
text-decoration:underline;
}

/*Placement and formatting for the copyright information*/

#copyright 
{
float:left;
padding-top:0px;
margin-left:0px;
}

#copyright a {
color: white;
font-weight: bold;
border: none;
}

#copyright a:hover {
text-decoration:underline;
}
/*paragraph formatting. really this just affects the "last updated" text but
it's necessary. */

div#footer p 
{
	float:right;
	font-size:11px;
	color:#ffffff;
	padding:0px 4px 2px 0px;
	margin:0px;
}

#librarySearch {
float:right;
margin-right:15px;
width:200px;
margin-top:-2px;
*margin-top:-6px;
}

#librarySearchLabel {
float:right;
width:150px;
font-weight:bold;
*margin-top:-5px;
}

/*---------------------------------------------------------------END FOOTER*/



/***********STYLES FROM OLD QEII STYLESHEETS*********************************/

/* Indenting styles */
.indent{
	padding-left : 40px;
	*padding-left : 20px;
}
.indent1{
	margin-left : 40px;
}
.indent2{
	margin-left : 80px;
}
.indent3{
	margin-left : 120px;
}
.indent4{
	margin-left : 160px;
}
ul.indent{
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
}




/*This apparently has to do with date modified, unsure what else it affects*/
p.small{
	font-size:8pt;
	/*padding below may be taken care of with container padding*/
	padding-right:20px;
}



/*****************STYLES THAT ALBERT HAS ADDED, VERY MUCH DEVELOPMENTISH*****************/
div#local_body_content li{
	margin-left:15px;
	*margin-left:0px;
}

div#news_main_div{
*margin-top:-8px;

}

ul#news_main{
list-style-type: square;	
	
}

ul#news_main a{
 font-size: .9em;
 font-weight:bold;
 text-decoration: none; 
}

ul#news_main li {
margin-left: -20px;
padding-left: 0px;
padding-bottom:3px;
} 

ul#news_main_options{
list-style-image: url(../images/small_arrow_bullet.png);
	
}

div#news_main_options_div{
*margin-top:-8px;
margin-bottom:-2px;
*margin-bottom:-8px;	
}

ul#news_main_options li {
margin-left: -15px;
margin-top: -2px;

padding-left: 0px;
padding-bottom:3px;

}

ul#news_main_options a{
	font-weight:bold;
	text-decoration: none;
} 



ul.ipage  {
	
line-height: 1.2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 2px;
list-style-position: outside;
padding: 0px 1px 0 0;
margin-top:2px;
*margin-left:16px;
}

.triple_column{
	width:33%;
	float: left;
	clear: right;	
}

.double_column{
	width:49%;
	float: left;
	clear: right;	
}

.single_column{
	width:99%;
	float: left;
	clear: both;	
}

.clear_divs{
	width:99%;
	clear: both;
}


.double_column_two_thirds{
	width:74%;
	float: left;
	clear: right;	
}

.double_column_two_thirds_dai{
	width:69%;
	float: left;
	clear: right;	
}

.double_column_one_third_dai{
	width:28%;
	float: right;
	margin-left:5px;
	clear: right;
}


.double_column_one_third{
	width:25%;
	float: right;
	margin-left:5px;
}

.searchbox{
	margin-top: 20px;
	float:left;	
	margin-bottom:20px;
	clear:right;
}

.pagination{
	text-align:center;
	clear:both;
}
.search_message{
	text-align:center;
	clear:both;
}
.pagination_current{
	color:red;	
}

.results{
	float:left;
	clear:both;
	width:600px;	
}

.results p{
	margin-left:0;
	margin-top:0;
	margin-bottom: 20px;	
}

div#hsl_main_lower 
{
width:555px;
float:left;
margin-top:-15px;
margin-left:10px;
border:0px solid #c2c2c2;
height:inherit;
margin-bottom:20px;
padding:4px;
}

div#dai_main_lower 
{
width:555px;
float:left;
margin-top:10px;
margin-left:10px;
border:0px solid #c2c2c2;
height:inherit;
margin-bottom:10px;
padding:4px;
}

div#hsl_main_lower ul {
list-style-type:square;
padding:0px;
margin:0px;
margin-left:10px;
}

div#hsl_main_lower ul li {
margin-top:5px;
margin-left:10px;
}

.hsl_main_lower_section
{width:265px;
float:left;
margin-right:10px;
}