/*
Title:      	Access basic style for screen
Author:     	Tracey Loverock
Created:    	February 1, 2007
*/

body
{
     margin: 0;
     padding: 0;
     color: #666666;
     background: #FFF;
	    font-size: 0.7em;
     font-family: verdana, arial, helvetica, sans-serif;
} 

#page
{
     position: relative;
     margin: 0 auto;
     width: 745px;
     background-color: #FFF;
} 

#header
{
	     background: url(/access/images/background.jpg) no-repeat;
} 

/* To avoid unsightly border around linked images need to set border: 0 */ 
#header img
{
	     margin: 0;
	     padding: 0;
	     border: 0;
} 

/* header top nav links*/ 

#nav-top 
{
     position: absolute;
     /*MAC IE is not recognizing right, but will do left */
     right: 10px;
     top: 0px;
} 

#nav-top ul {
     margin: 0;
     padding: 2px;
} 

#nav-top li {
     display: inline;
     padding: 4px;
} 

#nav-top a, #nav-top a:visited {
     text-decoration: none;
     text-transform: uppercase;
     font-size: 0.5em
     margin: 4px;
} 

/* header bottom nav links*/ 
#nav-bottom
{
     position: absolute;
     /*MAC IE is not recognizing right, but will do left */
     right: 10px;
     top: 85px;
} 

#nav-bottom ul
{
     margin: 0;
     padding: 2px;
     list-style: none;
} 

#nav-bottom li
{
     display: inline;
     padding: 0 1px;
     margin-left: 5px;
} 

#nav-bottom a, #nav-bottom a:visited
 {
     color: #FFF;
     padding: 1px 4px;
     background: #990000;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 0.7em
     margin: 4px;
}


/* one column layout in centred in content area used in registration and confirm pages*/ 
#one_column
{
     width: 500px;
     margin: 20px auto;
}

p.centre
{
     text-align: center;
}

/* Login page layout: 2 column centred in content area.*/
#login_left
{
     margin-top: 15px;
     padding: 1px 20px 7px 90px;
     margin-right: 360px;
     width: 255px;
     border-right: 1px solid #666666;
}

#login_right
{
     padding: 10px 120px 7px 15px; 
     float: right;
     width: 230px;
 }

#login_right h1
{
     margin: 0;
     padding: 5px 0 3px 0;
     font-weight: bold;
	    font-size: 1.3em
}




/* Two column layout in content area. NB set width to 521px (not 525px) because of3px problem in IE. At 525 the div is displayed below side menu.  This also achieved the slight gap btw menu and content in the design.*/ 
.two_column_main
{
    padding: 1px 10px 7px 10px;
    width: 501px;
    border: 0;
    margin-right: 220px;
} 

.main_colour_light
{
    background-color:#f5f4eb;
}

.main_colour_medium
{
    background-color:#e9e6dc;
}

.main_colour_dark
{
    background-color:#666666;
    color:#f5f4eb;
}


#two_column_right_menu
{
     float: right;
     width: 220px;
     background-color: #FFF;
}

/* NB margin and padding must be explicitly set to 0. Default on ul element?*/
#two_column_right_menu ul 
{
     margin: 0;
     padding: 0;
     list-style: none;
} 

#two_column_right_menu li 
{
     margin-bottom: 5px;
     background: #990000;
     padding: 2px 4px;
}

#two_column_right_menu a, #two_column_right_menu a:visited
 {
     color: #FFF;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 0.7em
     margin: 4px;
}

/* two column layout used on the library pages*/
.library_two_column_main
{
    margin-left: 222px;
    padding: 27px 0 20px 20px;
    width: 500px;
}

.library_panel
{
    margin-top: 5px; 
    padding: 7px 10px;
 } 

ul.library_list
{
		padding-left: 15px;
		margin-left: 10px; 
} 


p.notes
{
     font-size: 1.0em
}

#library_two_column_left_menu
{
     float:left;
     width: 212px;    
     padding: 20px 0 15px 10px;
}

#library_menu
{
     margin-top: 10px;
     width: 190px;
     padding: 10px;
     border: gray solid 1px;
     background-color:#e9e6dc;
}

#library_two_column_left_menu p
{
     padding-top: 2px;
     margin: 0;
}

/* Special styling for <a> DEL to manage resources on library pages*/
a.del
{
     font-size: 0.6em
     margin-right: 5px;
     border: 1px solid #990000;
     text-transform: uppercase;
}

/* Special styling for library menu*/
div.item
{
     width: 132px;
     font-size: 0.5em
     margin-left: 45px;
}


/* boxes for add to library*/
.box
{
     border: 1px solid;
     padding: 5px 5px 15px 5px;
     width: 645px;
}

.box_alt
{
     padding: 2px 5px 4px 5px;
     width: 645px;
}


/* This is used for the privacy and about page.*/
#privacy, #about
{
    margin-top: 5px; 
    padding: 7px 20px;
 } 

#privacy p
{
	line-height: normal;
} 

#privacy ol
{
	padding-left: 10px;
	margin-left: 10px;
	font-weight: bold ;
} 

#privacy li
{
	padding-top: 10px;
} 


#privacy ol li div 
{
	font-weight: normal ;
}

#logos p
{
	text-align:center;
	padding: 10px;
}

#logos img
{
	vertical-align:middle;
	padding: 0 30px;
	border: 0;
}



/* This class is used on most pages to display information with a slight left margin, and varying background colours*/
.panel
{
    margin-top: 5px; 
    padding: 7px 20px;
 } 

.student_panel
{
    margin-top: 5px; 
    padding: 7px 10px;
 } 

.student_panel_links
{
    margin-top: 8px; 
    padding: 7px 10px;
    width: 500px;
 } 




/* Home and feature article page */
#feature_left
{
     float:left;
     width: 232px;    
     margin-right: 10px;
     padding-top: 7px;     
}

#feature_main
{
    position: relative;
    margin-top: 5px;  
    margin-left: 245px;
    width: 477px;
    padding: 5px 10px;
}


#feature_left ul 
{
     margin: 0 5px;
     padding: 0 5px;
} 

#feature_left li 
{
     margin-left: 5px;
     padding: 2px 0;
}

#feature_print
{
     float: right;
     z-index: 1;
     vertical-align: top;
}

#feature_print p
{
     vertical-align: bottom;
     display: inline;
}


.feature_photo {
		width: 110px;
		font-size: 0.7em
    float:right;
    margin: 0 0 5px 10px;
    }

#home_centre
{
    float:left;
    margin-top: 5px;  
    width: 232px;
    padding: 5px 10px;
}

#home_right
{
     float:right;
     width: 242px;    
     margin-top: 5px;
     margin-left: 5px;
     padding: 0px 0px;     
}


/* This style is used on home page to get tight alignment on right column*/
.home_right_header
{
    margin: 0; 
    padding: 0;
    text-align: center;
 } 

/* This style is used on home page to get tight alignment on right column*/
.home_right_content
{
    padding: 4px 10px 10px 10px;
    margin-bottom: 8px;
 } 

.home_right_image
{
    text-align: center;
}

.image_border
{
		margin: 5px 0 2px 0;
    border: 1px solid grey;
}


/*This is required to avoid the appearance of a lot of padding around the containing div.*/
p.tight
{
     margin: 0;
     padding: 0;
}


/* This is required to avoid the appearance of a lot of padding around the containing div. The line height is to increase readability on some pages.*/
div.panel p, div.review p, div.review_header p, div.library_panel p, div.student_panel p
{
     margin: 0;
     padding: 0;
}

div.panel strong
{
     text-transform: uppercase;  
     font-weight: bold;
} 

/* This style is used on review page to get the tight alignment*/
.review_header
{
    margin: 0; 
    padding: 2px 20px;
 } 

.review
{
    margin: 0; 
    padding: 10px 20px;
 } 

/* Width designation need for Mac IE.*/
#rating_explanation
{
     width: 302px;
#     position: absolute;
#     left: 235px;
#     top: 218px;
     padding: 10px 10px;
} 

/* class to format table used on rating explanation*/
td.rating_exp_stars
{
     text-align: right;
     white-space: nowrap;
     width: 45px;
     padding: 2px;
}

td.rating_exp_text
{
     white-space: nowrap;
     padding: 2px;
}

/* class to format tables used on login*/
td.align_centre
{
     text-align: center;
}


#footer
{
     clear: both;
     padding: 20px;
 } 

#footer a
{
     font-size: 0.7em
     padding-right: 25px;
} 

a
{
    color: #990000;
    text-decoration: none;
}

p
{
     line-height: 150%;
}

strong
{
     font-weight: bold;
} 

.highlight
{
    text-transform: uppercase;
} 

.reviewer
{
    font-size: 0.7em
    font-style: italic;
} 

.highlightColour
{
    color: #990000;
} 

.pageTitle
{
     text-transform: uppercase;  
     font-weight: bold;
	   font-size: 1.3em    
}

.siteTitle
{
	   font-size: 1.6em
}


/* The horizontal rule is styled this way for browser compatibility.*/
div.horRule
{
     height: 1px;
     border-top: 2px solid #FFF;
     margin: 3px 0;
     padding: 0;
}

div.horRule hr 
{
     display: none;
} 


/* The following selectors define form elements for the site.*/ 
input, select
{
     color: #666666;
    margin-top: 5px;
}

select
{
    margin-right: 10px;
}

label.tight
{
     padding: 0px;
 }

label
{
     padding-right: 5px;
 }

form td
{
      padding-right: 35px;
}

textarea 
{
     border: 1px solid;
}

.button
{
     color: #FFF;
     background: #990000;
     text-transform: uppercase;
     font-weight: bold;
     padding: 0 10px;
}

.errors
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.oops
{
    color: #990000;
    font-weight: bold;
    text-transform: uppercase;
}