/*NEW PHILLIBER WEBPAGE-2008*/

	/* BODY */
body {
margin : 20px;
padding : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : url(img/squares4.jpg); 
}
#container {
width : 800px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
	
	/*TOP BANNER*/
#banner {
float : left;
width : 800px;
height : 250px;
padding : 0;
margin-bottom : 15px;
color : #666;
background : url(img/graded-red44.jpg); 
}

#bannerimg {
float:right; margin-right : 5px; margin-top: 5px; }
#bannerimg2 {
float: right; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 8px;  height: 130px; width:800px;}


             /*IMAGES - puts border around staff bio photos*/

#staffimg { float:left; border: solid 1px #000000; margin: 8px; }



	/*TOP MENU*/
#navcontainer {
clear : both;
width : 100%;
}
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin-left : 0;
background : #036;
color : #fff;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #036;
color : #fff;
}
#navcontainer ul li a:hover {
background : #a1aac9;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #a1aac9;
color : #fff;
}

	/*CENTRE CONTENT - for most pages*/
#content {
padding : 10px;
margin-left : 190px;
margin-right : 190px;
background : inherit;
color : #666;
}

	/*CENTER CONTENT FOR MAIN STAFF PAGE */
#contentss {
padding : 10px;
margin-left : 190px;
margin-right : 150px;
background : inherit;
color : #666;
}

	/*PUBLICATIONSCONTENT - for publication lists on some staff pages*/
#pubcontent {
padding : 10px;
padding-top: 0px;
margin-left : 190px;
margin-right : 10px;
background : inherit;
color : #666;
text-align: justify;
}

	/*PROJECTCONTENT - used for project pages*/
#projectcontent {
padding: 10px;
margin-left : 190px;
margin-right : 20px;
background : inherit;
color : #666;
text-align: justify;
}

	/*LEFT CONTENT*/
#sidebar {
float : left;
width : 170px;
margin : 0 0 0 0;
padding : 10px;
color : #666;
background : #f2f2f5;
}

	/*LEFT MENU*/
#menu {
width : 170px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
display : block;
width: 140px;
padding : 0.1em 0.8em;
text-decoration : none;
color : #fff;
background : #003366;
}
#menu a:hover {
background : #a1aac9;
color : #fff;
}

	/*RIGHT CONTENT- for most pages*/
#sidebar-b {
float : right;
width : 200px;
margin : 0;
padding : 10px;
border-left : 1px solid #999;
background : #f2f2f5;
color : #666;
}

	/*RIGHT CONTENT- staff pages - so that we can include project list on print-friendly page*/
#sidebar-bss {
float : right;
width : 200px;
margin : 0;
padding : 10px;
border-left : 1px solid #999;
background : #f2f2f5;
color : #666;
}

	/*RIGHT SCROLLBAR - FOR NEWS AND UPDATES*/
div.scroll {
overflow : auto;
height : 20em;
width : 140px;
padding : 1ex;
color : #333;
background : #f2f2f5;
border : 1px solid #eee;
margin : 20px 0 25px 10px;
}

	/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 5px;
color : #bbd2e0;
background : #003366;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
		
	/*TYPOGRAPHY*/
h1 {
margin : 0 0 10px 5px;
letter-spacing : 3px;
font-size : 120%;
color : #003366;
background : inherit;
}
h2 {
margin : 0 20px 10px 50px;
letter-spacing : 3px;
font-size : 120%;
color : #ffffff;
background : inherit;
}
h3 {
font-size : 110%;
color : #826c45;
background : inherit;
}
h4 {
font-size : 90%;
color : #003366;
background : inherit;
}

pre {
font : 100% comic-sans, arial, sans-serif;
color: #000000;
}



	/*LINKS*/
a {
color : #826c45;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
color : #697899;
font-weight: bold;
font-size:110%;
background : inherit;
}

.class2 a:link {text-decoration: none;}
.class2 a:visited {text-decoration: none;}
.class2 a:active {text-decoration: none;}
.class2 a:hover {font-size:50px; font-weight: bold; color: #697899;}

a.ext:link    { color : #003366; background : #fff none; }
a.ext:visited { color : #003366; background : #fff none;}
a.ext:link:hover, a.ext:link:visited
   { color : #003366; background : #fff none; text-decoration: none;}
a.ext:link:active, a.ext:visited:active
   { color : #003366; background : #fff none; }



	/*CLASSES*/

.news {
font-size : 100%;
background : inherit;
color : #333;
}
.sitename {
font-size : 250%;
margin : 25px 25px 25px 25px;
color : #ffffff;
background : inherit;
}
.sitemotto {
font-size : 150%;
margin : 0px 25px 25px 25px;
color : #ffffff;
float:left;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.projectname {
color : #826c45;
font-weight: bold;
font-size:100%;
background : inherit;
}

.captions {
font : 90% comic-sans, arial, sans-serif;
color: #000000;
}

/* FOR SITE-MAP */
#sitemapcol1 {
float: left;
padding : 10px;
margin-left: 25px;
margin: 0 0 0 0;
background : inherit;
color : #666;
}

#sitemapcol2 {
float: right;
padding : 10px;
margin-right: 25px;
background : #f2f2f5;
color : #666;
}

li.c1 {
list-style-type: none;
}

	/*for site map page name*/
h1.name {
padding-top: 10px;
margin-left : 50px;
}