@CHARSET "UTF-8";
/* <!-- */

/*** DEFAULTS SECTION ***/
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background:#fff;
min-width:600px;    /* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
font-size:65%;
font-family:Verdana, Arial;
}
table{
font-size:100% !important;
font-size:85%;
}
h1,h2,h3{
margin:.8em 0 .2em 0;
padding:0;
}
div{
width:auto;
margin:0;
padding:0;
}
p{
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:10px 0 5px;
}
h1{font-size:200%;}
h2{font-size:160%;}
h3{font-size:120%;}
input, select{
padding:1px;
font-weight:normal;
font-size:100%;
}
input.submit{
}
input:focus{
}
ul{
list-style:none;
padding-left:10px;
margin:0;
}
.linkbtn{
border:0;
text-decoration:underline;
}
.linkbtn:hover{
}
.button{
padding:1px 2px 1px 2px;
}
.button:hover{
padding:1px 2px 1px 2px;
}
.bigfont{font-size:x-large;}
.smallfont{font-size:xx-small;}
.photo{width:80px;}
.rightalign{text-align:right;}
.centeralign{text-align:center;}
.pager{width:100%;text-align:center}
.red{}
/*** END DEFAULTS SECTION ***/



/*** HEADER SECTION ***/
#header {
clear:both;
float:left;
width:100%;
border-bottom:1px;
}
#header img {
margin:0;
padding:0;
}
#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}

#userbar {
border-top:4px;
margin:0;
padding:6px 15px !important;
text-align:right;
height:68px;
line-height:16px;
}
#userbar .username{
font-weight:bold;
}
#userbar a{
}
#userbar ul {
float:right;
list-style:none;
padding:0;
}
#userbar ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#userbar ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
text-decoration:none;
position:relative;
}
#userbar ul li a:hover {
}
#userbar ul li a.active,
#userbar ul li a.active:hover {font-weight:bold;}
#userbar ul li a span {display:block;}

#menubar{
line-height:2em;
font-size:1.2em;
margin:0;
padding:5px;
text-align:center;
}
.toggle_advanced{
font-size:0.9em;
font-style:italic;
}
#advanced{
text-align:left;
width:560px;
margin:auto;
font-size:0.8em;
line-height:1em;
}
#advanced th{
text-align:right;
font-weight:normal;
}
#advanced input{
width:300px;
}
#advanced select{
width:300px;
}

/*#menubar a.logout {
font-weight:bold;
padding:3px 15px 3px 15px;
text-decoration:none;
}
#menubar a:link, #members a:link {
padding:2px;
}
#menubar a:visited, #members a:visited {
padding:2px;
}
#menubar a:hover, #members a:hover {
padding:2px;
}
#menubar a:active, #members a:active{
padding:2px;
}
#menubar input{
}
#menubar label{
font-weight:bold;
}
#menubar p{
margin:0;
padding:0;
}
#menubar p+p{
margin-top:5px;
}*/
/*** END HEADER SECTION ***/



/* column container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%;				/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
}	
	
/* holy grail 3 column settings */
.holygrail {
background:transparent;    	/* Right column background colour */
}
.holygrail .colmid {
float:left;
width:200%;
margin-left:-200px; 	/* Width of right column */
position:relative;
right:100%;
background:transparent;    	/* Centre column background colour */
}
.holygrail .colleft {
float:left;
width:100%;
margin-left:-50%;
position:relative;
left:400px;         		/* Left column width + right column width */
background:transparent;    	/* Left column background colour */
}
.holygrail .col1wrap {
float:left;
width:50%;
position:relative;
right:200px;        	/* Width of left column */
padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .centralcol {
margin:0 215px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
position:relative;
left:200%;
overflow:hidden;
}

.holygrail .leftcol {
float:left;
float:right;			/* This overrides the float:left above */
width:170px;        	/* Width of left column content (left column width minus left and right padding) */
position:relative;
right:15px;         	/* Width of the left-had side padding on the left column */
}

.holygrail .rightcol {
float:left;
float:right;			/* This overrides the float:left above */
width:170px;        	/* Width of right column content (right column width minus left and right padding) */
margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
position:relative;
left:50%;
text-align:center;
}

div.portlet{
text-align:center;
margin-top:10px;
padding:0px;
width:100%;
}

.holygrail .leftcol h1,.holygrail .rightcol h1{
font-size:150%;
}
.holygrail .leftcol h2,.holygrail .rightcol h2{
font-size:120%;
}
/*** END SIDEBAR SECTION ***/



/*** HOMEPAGE STUFF ***/
.toptenbar_wrapper{
text-align:center;
margin:0 auto;
width:100%;
}
.toptenbar{
overflow:hidden;
text-align:center;
margin:0 20px;
}
.toptenbar ul{
padding:1em 0 0 0;
list-style:none;
font-size:140%;
}
.toptenbar li{
display:inline;
float:left;
}
.toptenbar a{
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
line-height: 1.5em;
/*
color:black;
font-weight:normal;
padding:2px 6px 2px 6px;
text-decoration:none;*/
}
.toptenbar a span {
padding:5px 15px 4px 6px;
display:block;
float:left;
cursor:pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

.toptenbar a:hover { background-position:0% -42px; }
.toptenbar a:hover span {	background-position:100% -42px; }


/*.toptenbar a:hover{
text-decoration:none;
padding:8px 6px 2px 6px;
}*/
.home_box{
position:relative;
right:50%;
clear:both;
}
.home_box h1{
font-size:150%;
}
.home_box h2{
font-size:120%;
}
.home_demi_left{
float:left;
position:relative;
overflow:hidden;
width:46%;				/* left column content width (column width minus left and right padding) */
left:52%;				/* right column width plus left column left padding */
}
.home_demi_right{
float:left;
position:relative;
overflow:hidden;
width:46%;				/* right column content width (column width minus left and right padding) */
left:56%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
.librarian_profile{
margin-top:4px;
margin-left:10px;
padding:2px;
}
#passwordbox{
float:right;
}
.centralcol div.confirm{
text-align:center;
margin:0 auto;
width:500px;
}
.centralcol div.confirm blockquote{
text-align:left;
padding:2em;
}
/*** END HOMEPAGE STUFF ***/


/*** FOOTER SECTION ***/
#footer {
clear:both;
float:left;
width:100%;
border-top:1px;
text-align:center;
}
#footer p {
padding:10px;
margin:0;
}
/*** END FOOTER SECTION ***/

/* --> */