/*
===== CONTENTS =====

	created: 22 April 2007; Original Author - Kezia Payne (peziak@gmail.com)
	last modified: June 21 2007
        
        This work is licensed under the Creative Commons Attribution 3.0 License. 
        To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/
        DUPLICATION, INFRINGEMENT, AND REMOVAL OF COPYRIGHT NOTICES ARE STRICTLY FORBIDDEN      

	1: html and body settings
	2: universal elements
	   2.1: unique elements
	   2.2: margin/gutter settings 
	   2.3: headings 
	   2.4: inputs
	   2.5: tables
	3: layout
		3.1: body
	    3.2: Containers 
		3.3: Content Areas 
		3.4: Container settings
			A: header
			B: row1
			C: row 2		
			D: footer
	4: typography
		4.1: body and layout
		4.2: anchor tags
	5. organization
	    5.1 lists

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

/* ==================== 1. html and body 	==================== */
body, SELECT, TEXTAREA, P, DIV, form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	        
}
/* ==================== 2. universal elements	==================== */      
a{outline: none;}
p {background-color: transparent;
	margin: 6px 0px 10px 0px;	}
img{border:0} 
blockquote {margin:0px; padding: 0px;}
/* ------------------- 2.1 unique elements	------------------------- */  

#home {border: 0px solid #000; margin: 0px 0px 0px 0px; width:100px; height: 130px;   }
.leftcol #bkgimgnone {
	background-image: none;
}

#neg, #headersearchgotext {display: none }
.widthextender300  {width: 300px; 	border: 0px solid #000;}
.widthextender400  {width: 400px; 	border: 1px solid #000;}

/* ------------------- 2.2 settings	------------------------- */   

.margin0 {margin: 0px 0px 0px 0px}	
.margin5 {margin: 5px 5px 5px 5px}	
.margin10 {margin: 10px 10px 10px 10px}	
.margin15 {margin: 15px 15px 15px 15px}	
.margin20 {margin: 20px 20px 20px 20px}	
.margin25 {margin: 25px 25px 25px 25px}	
.margin30 {margin: 30px 30px 30px 30px}	
.margin40 {margin: 40px 40px 40px 40px}	

.marginleft0 {margin-left: 0px}
.marginleft5 {margin-left: 5px}
.marginleft10{margin-left: 10px}
.marginleft15 {margin-left: 15px}
.marginleft20 {margin-left: 20px}
.marginleft25 {margin-left: 25px}
.marginleft30 {margin-left: 30px}
.marginleft40 {margin-left: 40px}

.marginright0 {margin-right: 0px}
.marginright5 {margin-right: 5px}
.marginright10 {margin-right: 10px}
.marginright15 {margin-right: 15px}
.marginright20 {margin-right: 20px}
.marginright25 {margin-right: 25px}
.marginright30 {margin-right: 30px}
.marginright40 {margin-right: 40px}

.margintop0 {margin-top: 0px}
.margintop5 {margin-top: 5px}
.margintop10 {margin-top: 10px}
.margintop15 {margin-top: 15px}
.margintop20 {margin-top: 20px}
.margintop25 {margin-top: 25px}
.margintop30 {margin-top: 30px}
.margintop40 {margin-top: 40px}

.marginbottom0 {margin-bottom: 0px}	
.marginbottom5 {margin-bottom: 5px}
.marginbottom10 {margin-bottom: 10px}
.marginbottom15 {margin-bottom: 15px}
.marginbottom20 {margin-bottom: 20px}
.marginbottom25 {margin-bottom: 25px}
.marginbottom30 {margin-bottom: 30px}
.marginbottom40 {margin-bottom: 40px}

.margintopbot0 {margin-top: 0px; margin-bottom: 0px}
.margintopbot5 {margin-top: 5px; margin-bottom: 5px}
.margintopbot10 {margin-top: 10px; margin-bottom: 10px}
.margintopbot15 {margin-top: 15px; margin-bottom: 15px}
.margintopbot20 {margin-top: 20px; margin-bottom: 20px}
.margintopbot25 {margin-top: 25px; margin-bottom: 25px}
.margintopbot30 {margin-top: 30px; margin-bottom: 30px}
.margintopbot40 {margin-top: 40px; margin-bottom: 40px}

.marginleftright0 { margin-left: 0px; margin-right: 0px}
.marginleftright5 { margin-left: 5px; margin-right: 5px}
.marginleftright10 { margin-left: 10px; margin-right: 10px}
.marginleftright15 { margin-left: 15px; margin-right: 15px}
.marginleftright20 { margin-left: 20px; margin-right: 20px}
.marginleftright25 { margin-left: 25px; margin-right: 25px}
.marginleftright30 { margin-left: 30px; margin-right: 30px}
.marginleftright40 { margin-left: 40px; margin-right: 40px}

/* ------------------- 2.3 headings 	------------------------- */  

h1,h2,h3,h4,h5,h6 {font-weight: normal}

h3{margin: 0px;}

.leftcol h2 {	font-weight: bold;
	font-family: Arial, Helvetica;
	font-size: 16px;
	margin: 0px;
	text-transform: capitalize;}

.leftcol h1, #leftcol_b h1 {font-weight: bold; font-family: "Times New Roman", Georgia;}
.leftcol h1 {	font-style: italic; 	font-size: 16px; 	margin: 0px 0px 0px 0px;}
#leftcol_b h1 {font-size: 16px; margin: 0px; margin-top: 5px}

#rightcol h3, 	#rightcol h4{	font-weight: bold; 	font-family: Arial, Helvetica, "Sans Serif";}
#rightcol h3 {	font-size: 16px; 	margin: 8px 0px 3px 0px;}		
#rightcol h4 {	font-size: 14px; 	color: #666; margin: 8px 0px 8px 0px;}

#row2container h3, #rightcol h1, #rightcol h2, #rightcolv2 h2, #layoutbox_title h1, #layoutboxv2_a h2, #layoutbox_c h2, #layoutbox_c h3{font-weight: normal; font-family: Georgia;}
#row2container h3 {	font-style: italic;	font-size: 20px;	margin: 0px 0px 0px 0px;}
#rightcol h1 {font-size: 28px;	margin: 0px 0px 10px 0px;}
#rightcol h2 {	font-size: 18px; color: #444;	margin: 8px 0px 3px 0px;}	
#rightcolv2 h2{	font-size: 18px; color: #000; 	margin: 0px 0px 5px 5px;	padding: 0px;}
#layoutbox_title h1{
	font-size: 40px;
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 0px 0px;
}
#layoutboxv2_a h2{	font-size: 18px; color: #444; 	margin: 0px 0px 5px 0px;	padding: 0px;}
#layoutbox_c h2{	font-size: 18px; color: #000; 	margin: 1px 0px 5px 0px; 	padding: 0px;}
#layoutbox_c h3{font-size: 16px; color: #000;	margin: 15px 0px 5px 0px; 	padding: 0px;}


	
/* ------------------- 2.4 inputs ------------------------- */  
#adv input { border: 1px solid #999;  width: 201px}
#adv option, #adv select   {width: 170px}

#headersearchbox {border: 0px solid #000; margin: 8px 2px 0px 20px;  padding:0px }
#headersearchgo{border: 0px solid #000; margin: 2px 2px 0px 0px;  padding:0px }
#headerquicklinks {margin: 8px 0px 0px 0px; width: 150px; border: 0px solid #fff; padding:0px } 	
/* ------------------- 2.5 tables ------------------------- */  
table {border: 0px}
td {border: 0px}

/**added by K Burke Jan 31, 2007. CLR James Library website*/

.clrmenutbl

{
background:#C3E5FD;
width: 550px;
border: 1px;
border-style: solid;
border-color: #071554;
padding: 2px;}

.clrmenutbl td

{
font-size:11px;
font-family:Georgia, Times New Roman, Times, serif;
text-align: center;
border: 1px;
border-left-style:dashed;
border-color: #071554;
padding: 2px;}



.scsmenutbl

{
background:#FFEFCE;
width: 550px;
border: 1px;
border-style: solid;
border-color: #008C52;
padding: 2px;}

.scsmenutbl td

{
font-size:11px;
font-family:Georgia, Times New Roman, Times, serif;
text-align: center;
border: 1px;
border-left-style:dashed;
border-color: #008C52;
padding: 2px;}





/* ------------------- 2.6 positioning ------------------------- */  
#headersearchbox, #headersearchbox, #headersearchgo, #headerquicklinks,.leftcol, #headercol1, #headercol2, #rightcol, #rightcolv2  {float: left; display: inline }

/* ==================== 3. Layout ==================== */

/* ------------------- 3.1 body layout------------------------- */ 
body {
	margin:0px 0px 0px 0px;
   	WIDTH: 100%;
   	height:100%;
   	padding: 0px 0px 0px 0px;
   	text-align: center;
        background-color: #fff;
		
   /* part 1 of 2 centering hack */
}

/* ------------------- 3.2 containers layout ------------------------- */ 

#headercontainer {
	border: 0px solid #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	top: 0px;
	background: url(../../CMSSiteFiles/images/bkg_cavehill_el_01.png) repeat-x; 
	background-color: #ffcc00;
	border: 0px solid #000;
	width: 100%;
	height: 143px;}
	
#row1container {	border: 0px solid #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#fff;
	border: 0px solid #000;
	width: 100%;
	}
		
#footer {
	clear: both;
	border: 0px solid #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	top: 0px;
	background-color: #F3F2F2;
	border: 0px solid #000;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	width: 100%;
	height: 70px;
	background-repeat: repeat;
} 

/* ------------------- 3.3 content areas ------------------------- */  
.content  {top: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background-color: transparent;
	border: 0px solid #f00;
	text-align: justify; /* part 2 of 2 centering hack */
	width: 780px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
	}
html>body .content {
	width: 780px; /* ie5win fudge ends */}

.leftcol {margin: 8px 0px 0px 16px; width: 170px;  border: 0px solid #f00; padding:0px}

/* ------------------- A. header------------------------- */
#headercol1 {
   margin: 11px 0px 0px 0px;
	border: 0px solid #fff;
	height: 90px; 
	width: 390px;}
#headercol2	{margin: 11px 0px 0px -10px; margin: 0px; background: url(../../CMSSiteFiles/images/bkg_cavehill_02.png) no-repeat transparent;  height: 90px; border: 0px solid #f00; width: 380px;}

#headersearch {margin: 3px 0px 0px 23px; width: 335px; border: 0px solid #0f0; height: 40px;  padding: 0px; }
#genlinks {margin: 7px 0px 0px 23px; padding: 0px; border: 0px solid #f00; height: 12px} 	
#breadcrumbs{	margin: 20px 10px 0px 16px; 	border: 0px solid #ddd; 	background-color: transparent;}
#accessibility {margin: 60px 24px 0px 16px; 	border: 0px solid #ddd; background-color: transparent; text-align: right}
#uwititle {display: none;}	

/* ------------------- B. row1container/ 1st main row------------------------- */	
#rightcol, #rightcolv2,#azindex,  #layoutbox_a, .layoutbox_row, .layoutbox_col1, .layoutbox_col2, #layoutbox_c, #layoutboxv2_a, .layoutboxv2_row, .layoutboxnv2_col1, .layoutboxnv2_col2, .layoutboxv2_col1, .layoutboxv2_col2, .webmail-col1, .webmail-col2, #layoutboxv2_c  {float: left; display: inline }
.webmail-col1 {width: 465px; padding: 0px 10px 0px 10px;} .webmail-col2 {width: 200px; padding: 0px 0px 0px 50px;}
#leftcol_a {margin-top: 10px}



#rightcolv2 {
  	background: url(../../CMSSiteFiles/images/bkg_12.png) repeat-y left;
	background-color: transparent;
	padding: 0px;
	width: 580px;
	padding-bottom: 30px; 
		border: 0px solid #000;}
#rightcolv2 p {margin: 5px 0px 5px 0px}

#layoutbox_title{
	margin: 0px 10px 0px 0px;
	padding-left: 10px;
	background-color: transparent;
	margin: 0px;
	border: 0px solid #f00;
	padding-right: 10px;
}

.backerbg1 { background: url(../../CMSSiteFiles/images/backer_aboutuwi.jpg) no-repeat transparent; }
.backerbg2 { background: url(../../CMSSiteFiles/images/backer_programmes.jpg) no-repeat transparent; }
.backerbg3 { background: url(../../CMSSiteFiles/images/backer_academic.jpg) no-repeat transparent; }
.backerbg4 { background: url(../../CMSSiteFiles/images/backer_research.jpg) no-repeat transparent; }
.backerbg5 { background: url(../../CMSSiteFiles/images/backer_administration.jpg) no-repeat transparent; }
.backerbg6 { background: url(../../CMSSiteFiles/images/backer_campuslife.jpg) transparent; }
.backerbg7 { background: url(../../CMSSiteFiles/images/backer_news.jpg) no-repeat transparent; }
.backerbg8 { background: url(../../CMSSiteFiles/images/administration_bookshop.jpg) no-repeat transparent; }
.backerdefault { background: url(../../CMSSiteFiles/images/administration_backer_default.jpg) no-repeat transparent;}

#layout_line{	border: 0px solid #999;	margin: 5px;}
#layout_box{margin: 5px;}
#layoutbox_a{
	width: 330px;
	border: 0px solid #eee;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.layoutbox_row{margin: 10px 0px 0px 0px; width: 330px; border: 0px solid #f00;}
.layoutbox_col1{margin: 0px 0px 0px 0px; width: 150px; border: 0px solid #eee;}
.layoutbox_col2{margin: 0px 0px 0px 20px;  width: 160px; border: 0px solid #eee;}
#layoutbox_c{	margin: 0px 0px 0px 10px; 	width: 165px; 	padding: 15px 0px 120px 15px; border: 0px solid #0f0;}

#layoutbox_c img, #layoutbox_v2c img  {border: 0px solid #EFE9C5;  width: 150px;  height: 200px;  background-color: transparent; display: block; margin: 0px 0px 0px 0px}

#layoutboxv2_a{ margin: 0px 0px 15px 13px; width: 575px; padding: 0px 0px 40px 0px; border: 0px solid #f00; background-repeat: repeat-x;}
.layoutboxv2_row{margin: 20px 0px 10px 20px; width: 550px; border: 0px solid #c00;}
.layoutboxv2_col1{margin: 0px 0px 0px 0px; width: 250px;  border: 0px solid #eee;}
.layoutboxv2_col2{margin: 0px 0px 0px 20px;  width: 258px; border: 0px solid #eee; }
#layoutboxv2_c{	margin: 0px 0px 0px 10px; 	width: 155px; 	padding: 15px 10px 120px 10px; border: 0px solid #0f0;}
#layoutboxv2_av {margin:0px; padding: 0px; width: 530px}
.layoutboxnv2_col1{margin: 0px 0px 0px 0px; width: 280px; border: 0px solid #eee;}
.layoutboxnv2_col2{margin: 0px 0px 0px 20px;  width: 238px; border: 0px solid #eee;}

	
/* ------------------- C. row2container/ 2nd row ------------------------- */	

.newsimage {margin:10px 100px 0px 0px}

#leftcol_b {}


#news {margin: 10px 0px 0px 28px;}
.ke  {margin: 0px 10px 0px 0px; border: 1px solid #ccc; }
.spotstory {margin: 0px 0px 20px 10px; border: 0px solid #000;}

#r2rightcol {
	float: left;
	display: inline;
	margin: 7px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
	width: 200px;

	
	border: 0px solid #f00;
	border-right: 0px solid #f00;
}
/* ------------------------- C. footer container/ 4th row 	 ------------------------- */

#footerrow .leftcol{width: 300px;}
#footerrightcol {
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
	background-color: transparent;
	border: 0px solid #f00;
	border-right: 0px solid #f00;
	text-align: right;
	width: 430px;}

#footerrow{ margin: 0px 0px 0px 0px; border: 0px solid #f00;}
#footerrow p {margin: 0px 0px 3px 0px}

/* ==================== 4. typography 	==================== */
		
/* ------------------- 4.1 body and layout ------------------------- */

body, .content, .leftcol, #breadcrumbs, #rightcol, #rightcolv2, #r2rightcol, #midcol, #footerrightcol, #footerrow, #footerrow .leftcol,  #genlinks {font-family: Arial, Helvetica, Verdana, Georgia,  sans-serif, Garuda,  FreeSans; 	}

/* ------------------- 4.2 font-size------------------------- */
#footerrow,  #genlinks  {font-size: 10px;}
body, .content, #rightcolv2,   #accessibility        {font-size: 11px;}  
#layoutboxv2_a, #layoutbox_a,   #breadcrumbs {font-size: 12px;}  

/* ------------------- 4.3 color------------------------- */
#headersearch, #breadcrumbs, #headercol2, body, .content {color: #000;}


/* ------------------- 4.4 a tags------------------------- */

a:link {text-decoration: none; 
	     outline: none;
		  color:#0E4EA6; }

a:visited { 	text-decoration: none; 
	color:#0E4EA6;
	border: 0px dotted #fff;	}
	
a:hover {color: #0E4EA6;
	text-decoration: underline;
	border: 0px dotted #fff;	}
	
/*added by K Burke Jan 31, 2007* CLR James Research Library*/


 .clrmenutbl a:link, .clrmenutbl a:visited{
	 font-size:11px;
	 font-family:Georgia, Times New Roman, Times, serif;
 	color: #071554;
	text-decoration: none;
	outline: none;	}
	
.clrmenutbl a:hover {
	font-size:11px;
    font-family:Georgia, Times New Roman, Times, serif;
    color: #071554;
	text-decoration: underline;
	border: 0px dotted #fff;	}
	
	
	
/*added by K Burke Feb 4, 2008, SCS links*/

	
.scsmenutbl a:link,  .scsmenutbl a:visited   {
	 font-size:11px;
	 font-family:Georgia, Times New Roman, Times, serif;
 	color:#008C52;
	text-decoration: none;
	outline: none;	}
	
.scsmenutbl a:hover {
	font-size:11px;
    font-family:Georgia, Times New Roman, Times, serif;
    color: #008C52;
	text-decoration: underline;
	border: 0px dotted #fff;	}

/*added by K Burke June 30, 2008, SCS links*/

.campuscontacts ul {
	margin-left: 0px;
	margin-bottom:0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
	width: 570px;	
	float:left;

}

.campuscontacts ul li {

	float:left;
	

}

.campuscontacts li a {

	display: block;
	padding: 0 0em;
	line-height: 2.5em;
	text-decoration:none;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight: 500;
	font-size:11px


}

.campuscontacts ul a:hover {

	color: #90694C;

}
	
	
	
	
	
/* ==================== 5. organization 	==================== */

/* ------------------- 5.1 lists------------------------- */
li {list-style-type: none;  margin-left: -40px; }

#footer li{display: inline; list-style-type: none;  height: 15px; padding: 0px;  }
#footer ul {display: inline; }

.leftcol li {	width: 170px;
	margin-right: 0px;
	margin-left: -40px;
	margin-bottom: 3px;
	padding:0px;
	padding-bottom: 3px;	border: 0px solid #000;	}
	
	
.listelements li {list-style-type: disc;   margin-left: 20px; }	

#layoutbox_a li, #layoutboxv2_a li{margin-bottom: 5px;}
#layoutbox_a ul, #layoutboxv2_a ul, #layoutbox_c ul{ margin-top: 10px; margin-bottom: 5px;}
#layoutbox_c li{margin-bottom: 10px;}


	/* ==================== 5. color 	==================== */	
	
	
/* ------------------- ADDED CSS ------------------------- */
	
/*Added*/
#hrdotted{background: url(../../CMSSiteFiles/images/dot_aaa.gif) repeat-x transparent;padding:5px; color:#666;}
.adminimageright{background: url(../../CMSSiteFiles/images/main.jpg) no-repeat transparent; background-position:right; height:135px; width:550px}
.adminlistelements li {list-style-type:circle;margin-left:1px;}	
.adminlistelements {padding-bottom:3px;}	

/*Wallpaper*/
.wallpapertext{padding-left:3px;padding-right:3px;color:white; font-size:13px;}
.wallpaperhead{color:#ffffff; font-weight:bold; text-align:left;}
.imagehover{color:#F3BF8F;text-decoration:underline;}
.alignright{padding-left:15px;}

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

#nav-menu li{float: left;margin: 0 0.15em;}

#nav-menu li a{background: url(../../CMSSiteFiles/images/background.gif) #fff bottom left repeat-x;height: 2em;line-height: 2em;float: left;width:9em;display: block;border: 0.1em solid #dcdce9;color: #0d2474;text-decoration: none;text-align: center;}

/* Hide from IE5-Mac \*/
#nav-menu li a{float: none;}
/* End hide */
#spotstory {border: 0px solid #000;}
#spotstory img{border: 1px solid #ccc; width:40px; height:40px;}
#spotstory table{border: 1px solid #ccc; width:40px; height:40px;}

#nav-menu{width:30em;}
	/* ==================== ADDED CSS	==================== */