/* Boilerplate-CSS  - taken from  http://code.google.com/p/css-boilerplate/ */

/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; 
	font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none;}

/* Clearing floats without extra markup  */
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }




/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%;
background-color:#a6bac3;
}
body#people{ font-size: 75%;
background-color:#e6d8b7;
}

body#events{ font-size: 75%;
background-color:#e6d8b7;
}

body#contact{ font-size: 75%;
background-color:#e6d8b7;
}

/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.75em;  }
h3 { font-size: 1em; line-height: 1; margin-bottom: 0.1em; color:#b45639;}
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }

/* Text elements
-------------------------------------------------------------- */

p 
	{ 
	margin: 0 0 1.5em;
	 }
	 
p.portfolio
	{
	font-size:0.8em;
	margin: 0 0;
	}
	 
p.span
	{
	color:#CC0066;
	}

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #3d6386; text-decoration: none; }
a:hover{ color: #ccc;}
 

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* -------------------------------------------------------------- 
   Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }


/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }

/* -------------------------------------------------------------- 
   Tabs
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }





/* CSS Document */

#wrapper {
	width: 900px;
	margin: 0 auto; 
	
}

#topblue {
	width: 900px;
	height: 24px;
	background-color:#7996a4;
}

#topbrown {
	width: 900px;
	height: 24px;
	background-color:#b45639;
}


#topbanner {
	width: 900px;
	height: 126px;
	background-color:#ced5d7;
	background-image:url(../images/banners/banner_june2010.jpg);
	}

#main {
	width: 725px;
	padding: 0 0 0 175px;
	height: 547px;
	background-color:#f7f9f9;
	background-image:url(../Images/backgrounds/light_blue.jpg)
}

#mainbrown {
	width: 725px;
	padding: 0 0 0 175px;
	height: 547px;
	background: transparent url(../Images/backgrounds/light_brown.jpg) repeat-y top left;
}


#footer {
	width: 894px;
	height: 20px;
	background-color:#7996a4;
	color: #fdf7e9;
	font-size:xx-small;
	text-align:right;
	padding-right: 6px;
	padding-top: 4px;
}

#footerbrown {
	width: 894px;
	height: 20px;
	background-color:#b45639;
	color: #fdf7e9;
	font-size:xx-small;
	text-align:right;
	padding-right: 6px;
	padding-top: 4px;
}


/*   NAV 1 - Blue Pages    */

ul#nav {
	list-style: none;
	height: 21px;
	margin:0;
	padding:0;
	}

ul#nav li {
	display:inline; 
	}


ul#nav li a {
	height: 21px;
	float:left;
	text-indent: -9999px;
	}
	
ul#nav li a#about {
	background:url(../Images/buttons/aboutus_blue.jpg) no-repeat 0 0px;
	width:86px;
	}
	
ul#nav li a#people {
	background:url(../Images/buttons/people_blue.jpg) no-repeat 0 0px;
	width:76px;
	}
	
ul#nav li a#projects {
	background:url(../Images/buttons/projects_blue.jpg) no-repeat 0 0px;
	width:89px;
	}
	
ul#nav li a#events {
	background:url(../Images/buttons/events_blue.jpg) no-repeat 0 0px;
	width:125px;
	}
	
ul#nav li a#publications {
	background:url(../Images/buttons/publications_blue.jpg) no-repeat 0 0px;
	width:113px;
	}

ul#nav li a#contact {
	background:url(../Images/buttons/contact_blue.jpg) no-repeat 0 0px;
	width:65px;
	}



/*   NAV 1 - Blue Pages  END   */


/*   NAV 2 - Brown Pages    */

ul#nav2 {
	list-style: none;
	height: 21px;
	margin:0;
	padding:0;
	}

ul#nav2 li {
	display:inline; 
	}


ul#nav2 li a {
	height: 21px;
	float:left;
	text-indent: -9999px;
	}
	
ul#nav2 li a#about {
	background:url(../Images/buttons/aboutus_yellow.jpg) no-repeat 0 0px;
	width:86px;
	}
	
ul#nav2 li a#people {
	background:url(../Images/buttons/people_yellow.jpg) no-repeat 0 0px;
	width:76px;
	}
	
ul#nav2 li a#projects {
	background:url(../Images/buttons/projects_yellow.jpg) no-repeat 0 0px;
	width:89px;
	}
	
ul#nav2 li a#events {
	background:url(../Images/buttons/events_yellow.jpg) no-repeat 0 0px;
	width:125px;
	}
	
ul#nav2 li a#publications {
	background:url(../Images/buttons/publications_yellow.jpg) no-repeat 0 0px;
	width:113px;
	}

ul#nav2 li a#contact {
	background:url(../Images/buttons/contact_yellow.jpg) no-repeat 0 0px;
	width:80px;
	}
}

/*   NAV 2- Brown Pages  END   */



/* Content divs*/
#content{
clear:both;
}

#maincontent {
float:left;
width:415px;
margin: 20px 0 0 0;
}

#maincontent_events {
float:left;
width:670px;
margin: 20px 0 0 0;
}

#maincontent_books {
float:left;
width:600px;
margin: 20px 0 0 0;
}


#maincontent_contact {
float:left;
width:720px;
margin: 20px 0 0 0;
}

#subcontent{
float:right;
width:300px;
margin: 20px 6px 0 0;
text-align:center;
}

#projectcontent{
float:left;
width:250px;
margin: 20px 0 0 0;
height:465px;

}
#projectsubcontent{
float:left;
width:465px;
margin: 20px 0 0 0;
height:465px;
}


#bottombanner{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#65868c;
padding: 16px 0 0 0;
text-align:center;
}

#scrollcontent{
width:415px;
height:495px;
overflow:auto;
float:left;
}

#scrollcontent-events{
width:450px;
height:370px;
overflow:auto;
float:left;
}

#scrollcontentpeople{
width:690px;
height:495px;
overflow:auto;
float:left;
}

.iframe
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
line-height: 12px;
}

.iframe-thanks
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
line-height: 12px;
margin-top: 40px;
}

.iframe2
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#b45639;
}

.events
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
line-height: 1.1em;
}

.eventdate
{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#b45639;
font-weight:bold;
}

.peoplecontent1
{
width: 120px;
height: 175px;
float: left;
background-color:#f8f5ea;
}

.peoplecontent2
{
width: 545px;
float: left;
background-color:#f8f5ea;
padding: 0px 0px 0px 5px;
height: 175px;
}

.peoplecontent1b
{
width: 120px;
height: 155px;
float: left;
background-color:#f8f5ea;
}

.peoplecontent2b
{
width: 545px;
float: left;
background-color:#f8f5ea;
padding: 0px 0px 0px 5px;
height: 155px;
}

.peoplecontent3
{
width: 120px;
height: 210px;
float: left;
background-color:#f8f5ea;
}

.peoplecontent4
{
width: 545px;
float: left;
background-color:#f8f5ea;
padding: 0px 0px 0px 5px;
height: 210px;
}

.peoplecontent3b
{
width: 120px;
height: 230px;
float: left;
background-color:#f8f5ea;
}

.peoplecontent4b
{
width: 545px;
float: left;
background-color:#f8f5ea;
padding: 0px 0px 0px 5px;
height: 230px;
}

.peoplecontent3c
{
width: 120px;
height: 250px;
float: left;
background-color:#f8f5ea;
}

.peoplecontent4c
{
width: 545px;
float: left;
background-color:#f8f5ea;
padding: 0px 0px 0px 5px;
height: 250px;
}

.peoplecontent5
{
width: 120px;
height: 420px;
float: left;
background-color:#f8f5ea;
}

.peoplecontent6
{
width: 545px;
float: left;
background-color:#f8f5ea;
padding: 0px 0px 0px 5px;
height: 420px;
}

.peoplecontent-head
{
width: 670px;
background-color:#f8f5ea;
margin-top: 20px;
padding-top: 20px;
}

.peoplecontent-intro
{
width: 670px;
background-color:#f8f5ea;
}

.peoplehead
{
font-size: 1em;
color: #333;
font-weight:bold;
}

.peoplehead2
{
font-size: 1em;
color: #333;
font-weight:bold;
line-height: 0.6em;
}

.iframehead
{
font-size: 1.1em;
color: #caad68;
text-transform:uppercase;
font-weight:bold;
line-height: 12px;
}

hr.hrcontent
{
background-color:#CCCCCC;
color:#CCCCCC;
height: 1px;
width: 100%;
text-align: left;
line-height: 12px;
}

.contentlist
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333333;
}
.caption{
width: 250px;
margin: 0 auto;
}

.imagecaption
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #7996a4;
text-align: left;
width:255px;
padding:5px;
line-height: 10px;
}

.publications
{
float:left;
padding-right: 45px;
}

#scrollcontentform
{
width:370px;
height:455px;
overflow:auto;
float:left;
}

#scrollcontentform_two
{
width:335px
height:455px;
overflow:auto;
float:left;
padding: 35px 0 0 20px;
}

#scrollcontentcontact
{
width:150px;
height:455px;
overflow:auto;
float:left;
}

#scrollcontent-exisiting
{
width:700px;
height:330px;
overflow:auto;
float:left;
}

#scrollcontent-forthcoming
{
width:700px;
height:250px;
overflow:auto;
float:left;
}

.contact {
color:#b45639;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold
}

.bookholder {
float:left;
font-size:0.8em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
width: 160px;
padding: 0px 14px 0px 0px;
line-height:8px;
}

.bookright {
float:right;
}

.scroller {
scrollbar-arrow-color:#333333;
scrollbar-track-color:#CCCCCC;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}