body		{ margin		: 0;
	  		  padding		: 0 0 2em 0;
	  		  font-family	: verdana,arial,helvetica,sans-serif;
	  		  font-size		: 80%;
	  		  text-align	: center;	/* Centres body for IE */
	  		  color			: #333333;
	  		  background	: url(../images/mainbghome.png) #fff repeat-x;
			}

body.twolevelnav 	{ background		: url(../images/mainbgsecond.png) repeat-x; }
body.weblog	 		{ background		: url(../images/weblog-bg.png) repeat-x; }
body.popup 			{ background		: #fff; }

img			{ display		: block;
	  		  border		: 0;
			}

h1			{ margin		: 0 0 10px 0;
	  		  padding		: 0 25px 0 25px;
			  font-size		: 135%;
			  color			: #990000;
			}

h1#print-header	{ margin		: 0 0 10px 0;
	  		  padding		: 0 25px 0 25px;
			  font-size		: 135%;
			  color			: #900;
			  display	: none;
			}			
h1.schoollife		{ font-size		: 170%;
			  margin		: 0 0 8px 0;
			  font-weight		: normal;
			}
h2			{ margin		: 20px 0 10px 0;
			  padding		: 0 25px 0 25px;

			  font-size		: 110%;
			  color			: #990000;
			}
h3			{ margin		: 0 0 10px 0;
			  padding		: 0 25px 0 25px;
			  font-size		: 90%;
			  font-weight		: bold;
			  color			: #990000;
			  line-height: 1.4em;
			}
h4			{ margin		: 0 0 10px 0;
			  padding		: 0 25px 0 25px;

			  font-size		: 85%;
			  font-weight		: bold;
			  color			: #990000;
			}

DIV.contactcont p	{ margin: 1.4em 0 }
p.schoollifehome	{ padding		: 0 25px 0 25px; }

p.signature		{ margin		: 0 0 10px 0;
			  padding		: 0 0 0 25px;
			  /*fontweight		: bold;*/
			  color			: #990000;
			}

strong.teacher		{ color			: #990000;
			  font-size		: 90%;
			}

a		{ color		: #900; }
a:visited	{ color		: #900; }
a:hover		{ color		: #d00; }



/************************** Named Divs **************************/
#wrapper	{ width				: 696px;		/* Defined in page for IE */
	 		  margin			: 24px auto 0px auto;	/* Centres containers content for Mozilla */
	 		  padding			: 0 0 10px 0;
	 		  border			: 0px solid #000;
	 		  text-align		:left
			}

#leftcontent  { height			: 316px;
			  width				: 298px;
			  margin			: 0 0 25px 0;
			  float				: left;
			  border-left		: 1px solid #dbb;
			  padding			: 0;
			  font-size			: .9em;
			  line-height		: 1.4em
			}
#rightcontent	{ width		: 373px;
			  margin			: 0;
			  padding			: 25px 0 0 0;
			  float				: right;
			  text-align		: left;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			  border-bottom		: 1px solid #dbb;
			  border-right		: 1px solid #dbb;
			}

#rightcontent p	{ margin	: 0 0 15px 0;
			  padding		: 0 25px 0 25px;
			}	
div#nihongo		{ float:right;	margin: .5em -.2em 0 0em;}
div#nihongo img	{ padding:0;margin:0 }

#flashheader { width	: 672px;
			  height: 60px;
			  border	: 1px solid #dbb;
			  margin	: 0; 
			  padding	: 0;
			  font-size: .3em;
			}
#header		{ position:relative; z-index:0; }
#cfu		{ position:relative; z-index:0; }
#checkflash	{ position:absolute; z-index:10; bottom:0; right:0; border: 0px solid #fff; width: 1px; height:1px; overflow:hidden }

#flashspacer { font-size	: .1em;
			   height		: 7px;
			   width		: 672px;
			   clear		: both;
			   border-right	: 1px solid #dbb;
			   border-bottom: 1px solid #a00;
			   border-left	: 1px solid #dbb;
			}

.flashmoviefix		{ margin-top:-3px } /* Used to correct the header position in non-IE browsers, this is defined in page for IE */


 /* Single text column page */
#shadow			{ width				: 397px;
			  float				: right;
			  text-align			: left;
			  background			: url(../images/shadow.jpg) repeat-y 100% 100%;
			}


.historyimage	{ float:right
			}

.historyimage img	{ border-top	: 1px solid #dbb;
			  border-bottom			: 1px solid #dbb;
			  border-left			: 1px solid #dbb;
			}

 /* Double text column page */
.col2shadow		{ width			: 696px;
			  float			: right;
			  text-align		: center;
			  background		: url(../images/shadow2.png) #fff repeat-y 100% 100%;
			}

.col2fullheading	{ width			: 673px;
			  margin		: 0 0 0 0;
			  padding		: 25px 0 0 0;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			}

.col2fullcont		{ width			: 673px;
			  margin		: 0 0 0 0;
			  padding		: 25px 0 0 0;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			  border-bottom		: 1px solid #dbb;
			}

.col2fullcont p		{ margin		: 0 0 15px 0;
			  padding		: 0 25px 0 25px;
			}

.col2leftcont		{ width			: 331px;
			  margin		: 0 0 0 0;
			  padding		: 25px 0 0 0;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			}

.col2leftcont p		{ margin		: 0 0 15px 0;
			  padding		: 0 25px 0 25px;
			}
td.col2leftcont { border: 0; padding-top:1em }
td.col2rightcont { border: 0; padding-top:1em }

.col2rightcont		{ width			: 331px;
			  margin		: 0 0 0 0;
			  padding		: 25px 0 0 0;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			}
.col2rightcont p	{ margin		: 0 0 15px 0;
			  padding		: 0 25px 0 25px;
			}

.contactcont { height		: 316px;
			  width			: 653px;
			  margin		: 0 0 0 0;
			  padding		: 0 0 0 20px;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-right		: 0px solid #dbb;
			  border-bottom		: 1px solid #dbb;
			  border-left		: 1px solid #dbb;
			}

.contactcont h1 { padding		: 13px 0 0 0px;
			}			
.contactfullcont { width			: 672px;
			  margin		: 0 0 0 0;
			  padding		: 0 0 0 0;
			  float			: left;
			  text-align		: center;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			}
 
 /* Facilities page specific */
.fcltsleftcont		{ height		: 316px;
			  width			: 299px;
			  margin		: 0 0 0 0;
			  padding		: 0 0 0 0;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-right		: 1px solid #dbb;
			  border-bottom		: 1px solid #dbb;
			  border-left		: 1px solid #dbb;
			}
.fcltsrightcont		{ height		: 291px;
			  width			: 323px;
			  margin		: 0 0 0 0;
			  padding		: 25px 25px 0 25px;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-bottom		: 1px solid #dbb;
			}

.fcltsfullcont		{ width			: 673px;
			  margin		: 0 0 0 0;		/* Defined in page for IE  */
			  padding		: 25px 0 0 0;
			  float			: left;
			  text-align		: center;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			}

.fcltsfullcont img 	{ margin		: 0 auto 0 auto; }


 /* School life section specific */
.schlfullconthome	{ width			: 673px;
			  margin		: 0 0 0 0;
			  padding		: 0 0 0 0;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			}

.schlshowcont		{ width			: 623px;
			  margin		: 0 0 0 0;
			  padding		: 0 10px 0 25px;
			  float			: left;
			  text-align		: left;
			  background-color	: #fff;
			  border-left		: 1px solid #dbb;
			}

.schoolfullcont		{ width			: 673px;
			  margin		: 0 0 0 0;
			  padding		: 0 0 0 0;
			  float			: left;
			  text-align		: left;
			  background-color	: #ccc;
			  border-left		: 1px solid #dbb;
			}

.schoolnavimg		{ float			: left;}
.schoolnavtext		{ width			: 107px;
			  height		: 89px;
			  padding		: 0 2px 0 2px;
			  float			: left;
			  background-color	: #cccccc;
			}



.schoolhometext		{ height:175px;
			  font-size: 90%;
			  background-color:#ddd;
			}



.schoolshowlistbox	{ width			: 250px;
			  padding		: 10px 10px 10px 10px;
			  margin-bottom		: 10px;
			  margin-left		: 10px;
			  border		: 1px solid #dbb;
			}

.schooldisplayimage	{ width			: 298px;
			  margin		: 0;
			  padding		: 0;
			  float			: left;
			  overflow		: hidden;
			  background-color	: #fff;
			  border-bottom		: 1px solid #dbb;
			  border-left		: 1px solid #dbb;
			}

.school-show-desc	{ vertical-align:top;
			  padding:2px 2px 5px 5px;
			  border-right:1px solid #900;
			}

.showdisplayimage	{ width			: 297px;
			  margin		: 0;
			  padding		: 0;
			  text-align		: right;
			  overflow		: hidden;
			  background-color	: #fff;
			  border-bottom		: 1px solid #dbb;
			  border-left		: 1px solid #dbb;
			}


.schooldisplaytext	{ margin		: 0;
			  padding		: 0;
			  background-color	: #fff;
			}
.schooldisplaytext p	{ padding		: 0 25px 0 25px; }


.schoolhomenav		{ width			: 103px;
			  height		: 89px;
			  padding		: 0 2px 0 5px;
			  float			: left;
			  background-color	: #fff;
			}

.navtextend 		{ width			: 108px; }
.schoolnavdivider	{ float			: left; }


 /* Weblog section specific */
.bloglnk		{ width			: 200px;
			  padding		: 4px 0 6px 10px;
			  font-weight		: bold;
			  font-size		: 80%;
			}
.homelnk		{ background		: url(../images/menubg.png) repeat;
			  border-bottom		: 1px solid #dbb;
			}
.archvlnk 		{ background:url(../images/archivebg.png) #fff no-repeat bottom right; }
.archvlnk2 		{ background:url(../images/archivebg2.png) #fff no-repeat bottom right; }

.bloghdlft		{ width			: 200px;
			  height		: 95px;
			  vertical-align	: top;
			}

.blogportrait		{ width			: 120px;
			  height		: 160px;
			  vertical-align	: bottom;
			  overflow		: hidden;

			  border		: 1px solid #dbb;
			}
.blogportrait img 	{ float			: left; }

.blogfavs		{ width			: 100%;
			  height		: 22px;
			  border-top		: 1px solid #cc0000;
			  border-bottom		: 3px solid #cc0000;
			}

.blogfavs div		{ margin		: 5px 0 0 0;
 			  padding		: 0 4px 0 0;
  			  font-size		: 80%;
  			}

p.blogtext		{ margin		: 0px 5px 10px 0;
			  padding		: 0;
			  clear			: left;
			  float			: left;
			}

.dsplyblgprtrt		{ width			: 135px;
			  padding		: 0;
			  margin		: 0;
			  vertical-align	: top;
			  text-align		: center;
			}
.blgprtrtbrdr		{ width			: 135px;
			  height		: 183px;
			  margin		: 0 0 0 5px;
			  padding		: 13px 5px 5px 7px;
			  background		: url(../images/prtrtbg) no-repeat
			}
.prtrtcap		{ width			: 120px;
			  height		: auto;
			  overflow		: hidden;
			}
.dsplyblgprfl		{ height		: 70px;
			  vertical-align	: bottom;
			}



div.schooldivider	{ width		: 673px;
			  margin		: 0;
			  clear			: both;
			  line-height	: 0px;
			  border-top	: 1px solid #a00;
			  font-size		: .1em;
			}

div.divider		{ width		: 675px;
			  margin		: 0 20px 0 0;
			  clear			: both;
			  line-height	: 0px;
			  border-top	: 1px solid #dbb;
			  font-size		: .1em;
			}

#kilroyjames		{ background		: #fff;
		  	  margin		: 0px auto;
		  	  padding-top		: 10px;
		  	  text-align		: center;
		  	  font-size		: 80%;
		  	  clear			: both;
		  	  color: #333;
		  	}
#kilroyjames > a	{ text-decoration: none }


/********************** Navigation Elements *********************/
#menu			{ width			: 674px;
				  height		: 26px;
				  margin		: 0 0 0 0;
				  padding		: 0;
				  background		: #F3E0E0;
				  border-bottom		: 1px solid #a00;
				}

#nav, #nav ul	{ 
				  padding		: 0 0 0 0;
				  margin		: 0 2px 0 2px;			/* Defined in page for IE  */
				  list-style		: none;
				  line-height		: 1.1;
				}

#nav li			{
				  float			: left;
				  padding		: 2px 2px 2px 2px;
				  font-size		: x-small;
				  background-color	: #fff;
				  text-align:	center;
				  white-space:	nowrap;
				}

.toplevel			{  /* Top-level list items */
				  margin		: 4px 2px 2px 2px;
				  border		: 1px solid #cc3333;
				}

.selectedarea			{ font-weight		: bold;
				  color			: #ff0000;
				  background-color	: #fff;
				}

.selectedfoot			{ color			: #ff0000; font-size		: 80%; }

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

#nav ul li:hover, #nav li.sfhover	{ 
				  color			: #ff0000;
				  background		: #F3E0E0;
				}

#nav li ul		{ position		: absolute;
				  left			: -999em;
				  z-index		: 10;
				}

#nav li ul li			{ /* Second-level list items */
				  font-weight		: normal;
				  background		: #fff;
				  clear			: both;
				  border-top		: 1px solid #cc3333;
				  border-left		: 1px solid #cc3333;
				  border-right		: 1px solid #cc3333;
				  width: 17em;
		 		}


#nav li:hover ul{ left	: auto; }

/*Drop down menu as a whole */

#nav li.sfhover ul {  /* Styling for IE */
	margin : .2em 0 0 0;
}

#nav li:hover ul li:hover, #nav li.sfhover ul li.sfhover{
		  		  background		: #F3E0E0;
		  		  color			: #ff0000;
				}

.navbottom			{ border-bottom		: 1px solid #cc3333; }
.navendleft			{ margin-left		: 2px; }
.navendright		{ margin-right		: 0px; }









#footdivide			{ margin	: 0 0 3px 0;
				  padding		: 0;
				  border-top	: 1px solid #dbb;
				  border-bottom	: 1px solid #dbb;
				}


 /* Single text column page */
#footernav		{ margin		: 40px 0 5px 0;
				  text-align	: center;
				  color			: #900;
				}

			
#footernav UL { margin:0; padding:0; font-size : .85em}
#footernav LI { list-style-type: none; display: inline; margin:0;padding:0;float:left }
#footernav A { text-decoration: none; padding: .5em; border-right: 1px solid #dbb;float:left   }
#footernav A:hover { background: #caa;}
#footernav A.last { border:0;}
 
 
 /* Double text column page */
#col2footer		{ width			: 674px;
				  clear			: both;
				  border-left	: 1px solid #dbb;
				  margin		: 0 20px 0 0px;
				  padding-top	: 2em;
				}
#col2footer:after 	{ content: ".";display: block;line-height: 0em;font-size: .1em;clear: both;}	

#col2footernav	{ margin		: 0;
				  border-left	: 1px solid #dbb;
				  border-right	: 1px solid #dbb;
				  padding		: 0;
				  text-align	: center;
				  float			: right;	 
				}
			
#col2footernav UL { margin:0; padding:0; font-size : .85em;}
#col2footernav LI { list-style-type: none; display: inline; margin:0;padding:0;float:left }
#col2footernav A { text-decoration: none; padding: .5em; border-right: 1px solid #dbb;float:left   }
#col2footernav A:hover { background: #caa;}
#col2footernav A.last { border:0;}


#fcltsfooter			{ width			: 674px;
				  /*clear			: both;*/
				  border-left		: 1px solid #dbb;
				}

.antonia-marg			{ margin-top:10px; margin-bottom:5px; margin-left:5px }
.pad-t-16			{ padding-top:16px; }

/***************** Additional Navigation Elements ***************/
#secondlevel	{ height		: 24px;			/* Defined in page for IE  */
		  width			: 672px;		/* Defined in page for IE  */
		  margin		: 0 0 -5px 0;
		  padding		: 5px 0 0 0;
		  color			: #990000;
		  font-size		: 85%;
		  text-align		: center;
   		  border-bottom		: 2px solid #990000;
   		}
#secondlevel a	{ color 		: #990000; }

.selectedsecond	{ font-weight		: bold;
		  font-size		: 90%;
		  color			: #ff0000;
		  background-color	: #fff;
		}

.firstspecial	{ clear	: left;	}

.specialnav	{
		  margin		: 0 5px 5px 0;
		  padding		: .7em 1em .7em 1em ;
		  text-align	: left;
		  background-color	: #fff;
		  border		: 1px solid #dbb;
		}

.hiddensub	{ /*width		: 674px;
		  height		: 24px;
		  margin		: 0 0 0px 0;
		  padding		: 0;

		  background		: url(../images/menubg.png) repeat;*/
		  display		: none;
		}


.visiblesub	{ width			: 674px;
		  height		: 24px;
		  margin		: 0 0 0px 0;
		  padding		: 0;

		  background		: url(../images/menubg.png) repeat;
		}



/********** KILROY JAMES STANDARD CLASSES 30/07/2004 */

/* TEXT STYLES *********/
.i			{ font-style: italic }
.plain			{ text-decoration: none }
.underline		{ text-decoration:underline }
.b			{ font-weight: bold }
.nob			{ font-weight: normal }
.nowrap			{ white-space:nowrap }
.wrap			{ white-space:normal }

.small-caps		{ font-variant: small-caps }


/* FONT SIZES **********/
.pc2em			{ font-size: 18px }
.pc120			{ font-size: 120% }
.pc110			{ font-size: 110% }
.pc90			{ font-size: 90% }
.pc85			{ font-size: 85% }
.pc80			{ font-size: 80% }
.pc70			{ font-size: 70% }
.pc60			{ font-size: 60% }
.pc100			{ font-size: 100% }


/* LINE HEIGHTS ********/
.lh20			{ line-height: 2em }
.lh17			{ line-height: 1.7em }
.lh15			{ line-height: 1.5em }
.lh14			{ line-height: 1.4em }
.lh13			{ line-height: 1.3em }
.lh12			{ line-height: 1.2em }
.lh1			{ line-height: 1em }
.lh0			{ line-height: normal }


/* DISPLAY  ************/
.inline			{ display:inline }
.clear			{ clear:both }
.clear-l		{ clear:left }
.clear-r		{ clear:right }


/* ALIGNMENT ***********/
.valign-t		{ vertical-align: top }
.valign-m		{ vertical-align: middle }
.valign-b		{ vertical-align: bottom }

.align-l		{ text-align: left}
.align-c		{ text-align: center }
.align-r		{ text-align: right }

.float-r		{ float: right }
.float-l		{ float: left }


/* BORDERS  ************/
.border			{ border:1px solid #eee9d9 }

/*.border-r		{ border-right:1px solid #eee9d9 }*/

.border-r		{ border-right:1px solid #eee9d9 }
.border-l		{ border-left:1px solid #eee9d9 }
.border-b		{ border-bottom:1px solid #eee9d9 }
.border-t		{ border-top:1px solid #eee9d9 }

.border-grey		{ border-color: #999 }

.picture-frame		{ border:1px solid #eee9d9; padding:10px; }
.brd-col-grey		{ border-color: #ccc }

.no-border-b		{ border-bottom: 0 }
.no-border-t		{ border-top: 0 }
.no-border-r		{ border-right: 0 }
.no-border-l		{ border-left: 0 }
.no-border		{ border: 0 }


/* MARGIN & PADDING ****/
.tight			{ margin:0; padding:0 }

.nomargin		{ margin: 0 }
.mrg-t-10		{ margin-top: 10px }
.mrg-r-10		{ margin-right: 10px }
.mrg-b-10		{ margin-bottom: 10px }
.mrg-l-10		{ margin-left: 10px }
.mrg-10			{ margin: 10px }
.mrg-l-0		{ margin-left: 0px } /* Defined in page for IE */

.nopad			{ padding:0 }
.pad-t-10		{ padding-top: 10px }
.pad-t-20		{ padding-top: 20px }
.pad-t-3		{ padding-top: 3px }
.pad-r-10		{ padding-right: 10px }
.pad-r-20		{ padding-right: 20px }
.pad-b-10		{ padding-bottom: 10px }
.pad-b-15		{ padding-bottom: 15px }
.pad-b-20		{ padding-bottom: 20px }
.pad-l-10		{ padding-left: 10px }
.pad-l-20		{ padding-left: 20px }
.pad-10			{ padding:10px }


.ras-2col	 { width		: 673px;
			  margin		: 0;
			  padding		: 0;
			  background	: #ccc;
			  text-align	: left;
			  border-left	: 1px solid #dbb;
			  border-right	: 1px solid #dbb;
			}

#ras-left  {  height		: 316px;
			  width			: 298px;
			  float			: left;
			  border-left	: 0px solid #dbb;
			  background	: #fff;
			  margin		: 0 0 0 0;
			}

.research-subnav { 
				line-height:1.4em; 
				text-align:right; 
				margin: 1.2em 1em 1.3em 0;
			}
.research-subnav h1 { 
				margin: 0 0 .5em 0;
				padding:0;
			}
p#ja			{ margin: 1em .8em 0 .8em;  }
#ja a			{ font: bold 1em osaka,gothic; text-decoration:none; }
p.homepage-inset	{ margin: 1.5em .8em 1.5em .8em;}


.designcolor	{ color		: #633; }
.specialshad	{ margin-top	: -3px; /* Defined in page for IE  */ }
.bernie-red		{ color: #900 }

.pad-t-10		{ padding-top:10px }
.pad-lr-25		{ padding-left:25px; padding-right:25px }

.red 			{color: #900 }
.pad25			{padding-left:25px }
.border-b-red	{ border-bottom:1px solid #900}


.cal			{ border: 1px solid #eee; text-align:center }
.cal-header		{ background:#ddd; font-weight:bold; width:23px; }
.cal-link-day	{ background:#900; }
.cal-active-day	{ border-color:#c00; }

a.cal-nav		{ color: #fff; font-weight:bold;text-decoration:none }
a.cal-nav:visited	{ color: #fff; font-weight:bold;text-decoration:none }

.white			{ color: #fff }
.grey			{ color: #333 }
.highlight		{ color: #c00 }



#left-subcontent { 
	padding:0;
	margin: 3em 0 0 0;
}
#left-subcontent h2, #left-subcontent p, #left-subcontent h4{ 
	margin:0 0 1em 0;
	padding:0;
	color: #333;
}
#left-subcontent ul{ 
	padding:0;
	margin: 0;
	line-height:2em;
}
#left-subcontent a,#left-subcontent a:visited{ 
	text-decoration:none;
}

div#jobs {
	margin:2em 1em 2em 2em;
	padding: .3em .3em 1em .3em;
	font-weight:bold;
	font-size:.9em;
}
div#jobs h3{
	margin:-.35em;
	margin-bottom: .5em;
	padding:.3em;
	font: bold 1.1em verdana,sans-serif;
	background: #900;
	color: #fff;
}


p.callout-link{
	background: url(../images/pdf.png) 0 5px no-repeat;	
}
.callout-link a, a.callout-link{
	display:block;
	padding:.3em;
	margin-left: .3em;
	color: #b00;
	background: #fff;
	text-decoration:none;
}
.callout-link a:hover, a.callout-link:hover{
	background: #fee;
}


a.specialnav-studio-hire {
	display:block;
	margin: 1em 5px 0 0em ;
	padding:3px;
	color: #fff;
	background: #c00 !important;
	font: bold 1.1em arial,sans-serif;	
	text-decoration:none;
}
a.specialnav-studio-hire:hover {
	color: #fff;
	background: #f30 !important;
	font: bold 1.1em arial,sans-serif;	
}