/* CSS Document */

/***************************  BLOCK LAYOUT  ***********************************/ 

body{
        margin: 0;
        margin-top: 80px;
        margin-bottom: 60px;
        padding: 0;
        text-align: center;
        font-family: Arial, Helvetica, Sans-serif;
        /* The following will make the top bar extend across the whole page - I think it looks better without this */
        /*background-image: url(./img/bluestrip.gif);
        background-repeat: repeat-x;
        background-position: 0px 57px;*/

}

body.FrameBody{
        border: none;
        margin: 0;
        text-align: left;
}

div#Main{
        position: relative;
        width: 1000px;
        height: 100%;
        margin: 0 auto;
        padding: 0px;
        
}

iframe#TopArea{
        position: absolute;
        width: 1000px;
        top: -80px;
        left: 0px;
        height: 80px;
        margin: 0 auto;
        padding: 0px;
        border: none;
        z-index: 10;
}

iframe#SideArea{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 255px;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
        
}

iframe#SideAreaLogo{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 255px;
        height: 120px;
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
        z-index: 10;
        
}

iframe#SideAreaMenu{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 255px;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
        overflow: auto;
        z-index: 1;
        
}

iframe#BottomArea{
        position: absolute;
        bottom: -60px;
        left: 0px;
        width: 1000px;
        height: 60px;
        margin: 0;
        padding: 0;
        background-color: #fefdf6;
        border: none;
        

}

div#Content{
        position: absolute;
        top: 0px;
        left: 255px;
        width: 745px;
        height: 100%;
        z-index: 0;
        background-color: #fefdf6;
        overflow: auto;
        margin-right: 10px;
        text-align: left;
}



/******************************  UNIVERSAL  ***********************************/

em{
        color: #1c4664;
        font-weight: bold;
        font-style: normal;
}

a{
	color: #1c4664;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

a.inline{
        color: #1c4664;
        
}

a.undecorated{
        color: #1c4664;
        text-decoration: none;
        border: none;
        border-style: none;
}

img{
        border-style: none;
}


/****************************** TABLES ****************************************/

table.CFRTable{
	border-collapse: collapse;
	text-align: left;
}

th{
	font-weight; bold;
	color: white;
	background-color: #5a7d96;
	border-width: 2px;
	border-style: solid;
	border-color: #fefdf6;
	height: 25px;
	text-align: left;
	padding: 3px;
}

tr, tr.odd{
	font-size: 8pt;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background-color: white;
}

tr.odd{
	background-color: #f3f6f7;
	padding-top: 4px;
	padding-bottom: 4px;
}

td{
	padding: 3px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
}

/******************************  TOP AREA  ************************************/

body.TopFrameBody{
        background-color: white;
}

img#UCamMotif{
        position: absolute;
        left: 0px;
        top: 10px;
}

div#DepartmentName{
        position: absolute;
        right: 0px;
        top: 30px;
        font-size: 12pt;
        font-weight: bold;
        color: #1c4664;
}

div#TopMenu{
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 1000px;
        height: 23px;
        font-size: 10pt;
        color: white;
        background-color: #1c4664;
}

div#TopMenuItems{
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        color: white;
        background-color: #1c4664;
}

div.TopMenuItem{
        
}

img#SideLogoTop{
        position: absolute;
        left: 62px;
        top: 0px;

}

div.TopMenuItem{
        float: left;
        width: 132px;
        text-decoration: none;
        text-align: center;
        vertical-align: center;
        height: 100%;
        background-image: url(img/site/whitelinevertical.gif);
        background-repeat: no-repeat;
        background-position: 0px 50%;
}

a.TopMenuLink{
        display: block;
        width: 131px;
        height: 100%;
        margin-left: 1px;
        padding-top: 3px;
}

a.TopMenuLink:link{
        color: white;
        text-decoration: none;
}

a.TopMenuLink:visited{
        color: white;
        text-decoration: none;
}

a.TopMenuLink:hover{
        /*background-color: #b7c4cd;*/
        text-decoration: underline;
}

a.TopMenuLink:active{
        border: none;
}

/******************************  SIDE AREA  ***********************************/

body.SideFrameBody, body.SideFrameMenuBody{
        background-color: #fefdf6;
        background-image: url(./img/site/sidewords.gif);
        background-repeat: repeat-y;
        background-position: 0px 387px;
}

body.SideFrameMenuBody{
        margin-bottom: 120px;
}

html#SideAreaHTML{
        overflow: hidden;
}

img#SideLogo{
        position: absolute;
        left: 0px;
        top: 0px;
}

img#SideDecoration1{
        position: absolute;
        left: 0px;
        top: 112px;
}

img#SideDecoration2{
        position: absolute;
        left: 0px;
        top: 350px;
}

img#SideDecoration3{
        position: absolute;
        left: 0px;
        top: 598px;
}

div#SideMenu{
        position: relative;
        left: 46px;
        top: 120px;
        height: 100%;
        width: 207px;
        overflow: auto;
}

div.SideItemNoLink, a.SideItem, a.SideSubItem{
        display: block;
        width: 170px;
        margin: 0;
        padding: 0;
        font-size: 10pt;
        padding-left: 18px;
        background-repeat: no-repeat;
        background-position: 0em 50%;
}

div.SideItemNoLink, a.SideItem{
        background-image: url(img/site/darkbluesquare.png);
        font-weight: bold;
        color: #1c4664;
        margin-top: 1em;
        margin-bottom: 0.05em;
}

a.SideSubItem{
        background-image: url(img/site/lightbluesquare.png);
        margin-top: 0.05em;
        margin-bottom: 0.05em;
}

a.SideItem{
        text-decoration: none;
        color: #1c4664;
}

a.SideSubItem{
        text-decoration: none;
        color: black;
}

a.SideItem:Hover{
        background-image: url(img/site/lightbluesquare.png);
}

a.SideSubItem:Hover{
        background-image: url(img/site/darkbluesquare.png);
}

/******************************  BOTTOM AREA  *********************************/

body.BottomFrameBody{
        background-color: #fefdf6;
        background-image: url(./img/site/sidewords.gif);
        background-repeat: repeat-y;
}

img#CamFinLogo{
        position: absolute;
        right: 20px;
        top: 0px;
}

div#Address{
        position: absolute;
        right: 125px;
        bottom: 15px;
        text-align: right;
        font-size: 8pt;
        height: 15px;
}

div#Copyright{
        position: absolute;
        right: 125px;
        bottom: 31px;
        text-align: right;
        font-size: 8pt;
}

/******************************  CONTENT  *************************************/

div#AestheticImageDiv{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 85px;
        width: 640px;
}

div#PageContent{
        position: relative;
	width: 640px;
        margin-left: 85px;
        padding-bottom: 30px;
        text-align: left;
        border-top: 1px #fefdf6 solid;   /* This is a hack that makes firefox and ie display the person photo in the same vertical position - I don't know why it works*/
}

h1,h2{
        color: #1c4664;
        font-weight: bold;
}

h1{
        font-size: 18pt;
        margin: 0;
        margin-top: 0.1em;
        margin-bottom: 0.8em;
}

h1#MainTitle{
	margin-bottom: 0.05em;
}

h1#SubTitle{
	font-size: 12pt;
	font-weight: normal;
	margin-bottom: 1.3em;
	padding-left: 1px;
}

h2{
        font-size: 12pt;
        margin: 0;
        margin-bottom: 0.5em;
        margin-top: 1.5em;
}

h2.ExtraSpace{
	margin-bottom: 1.5em;
	margin-top: 2.5em;
}

p{
        color: black;
        font-size: 10pt;
        margin: 0;
        margin-bottom: 1em;
        
}

/*********************************** PERSON PAGE ******************************/

div#PersonPhotoDiv{
        float: right;
        display: inline;
        padding-top: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
}

iframe.StatslabPage{
	position: absolute;
	border: none;/*2px #1c4664 solid;*/
	width: 600px;
	height: 80%;
}

/*********************************** VISITORS *********************************/

div.Visitor{
	margin-bottom: 20px;
}

p.VisName{
	font-weight: bold;
	color: #1c4664;
	margin: 0;
}

p.VisPos{
	margin: 0;
}

p.VisInst{
	font-style: italic;
	margin: 0;
}

p.VisDate{
	margin: 0;
}

/*********************************** POSTDOCS *********************************/

div.PostDoc{
	margin-bottom: 20px;
}

p.PDDateName{
	font-weight: bold;
	color: #1c4664;
	margin: 0;
}

p.PDTopic{
	margin: 0;
}

p.PDSupport{
	font-style: italic;
	margin: 0;
}

/*********************************** ALUMNI ***********************************/

div.Alumnus{
	position: relative;
	height: 100px;
	margin-bottom: 20px;
	padding-left: 100px;
	overflow: hidden;
}

p.AlumName{
	margin: 0;
	color: #1c4664;
	font-weight: bold;
}

p.AlumQual{
	margin: 0;
}

p.AlumCurrent{
	margin: 0;
}

img.AlumPhoto{
	position: absolute;
	width: 90px;
	left: 0px;
	top: 0px;
}

/*********************************** EVENTS PAGE ******************************/

div.Event{
        margin-top: 50px;
        margin-bottom: 30px;
        padding: 0px;
        padding-top: 10px;
        border-top: 1px #1c4664 solid; /**/ /*weirdly looks okay*/
}

div.Talk{
        margin-top: 10px;
        margin-bottom: 30px;
        position: relative;
}

p.EventTitle{
        font-size: 12pt;
        font-weight: bold;
        color: #1c4664;
        margin-bottom: 0px;
        text-align:center;

}

p.EventDate{
        font-style: italic;
        text-align:center;

}

p.Speaker{
        color: #1c4664;
        font-weight: bold;
        margin-bottom: 0px;
}

p.Position{
        font-style: italic;
        margin-bottom: 5px;
}

p.Title{
        font-weight: bold;
        margin-bottom: 0px;
}

p.Description, ul.Description{
        font-size: 8pt;
}

ul.Description{
        margin: 0;
}

a.Download, a.DownloadPaper, a.DownloadPaper2, a.DownloadPaper3{
        display: block;
        width: 40px;
        background-image: url(./img/site/pdf-iconsm.gif);
        height: 40px;
        position: absolute;
        top: 0px;
        right: 0px;
}

a.DownloadPaper, a.DownloadPaper2, a.DownloadPaper3{
        background-image: url(./img/site/paper-icon.gif);
        position: absolute;
        right: 40px;
}

a.DownloadPaper2{
        right: 80px;
}

a.DownloadPaper3{
	right: 120px;
}


a.TalkLink{
        font-size: 10pt;
        color: #1c4664;
}

/* Legacy stuff to make the old 1996-2000 archive look okay with minimal changes*/

h4{
        font-size: 10pt;
        color: #1c4664;
        margin-bottom: 0;
}

p.LegacyEvent{
        font-size: 8pt;
}

div.LegacyEvents{
        font-size: 10pt;
}

hr{
        border: 0;
        color: #1c4664;
        background-color: #1c4664;
        height: 1px;
        width: 100%;
        text-align: left;
        margin-top: 40px;
}

/*********************************** PUBLICATIONS PAGE ************************/

div.Publication{
	position: relative;
	margin-bottom: 1em;
	padding-right: 40px;
}

p.PubTitle{
	font-weight: bold;
	color: #1c4664;
	margin: 0;
}

p.PubAuthor{
	margin:0;
	color: #1c4664;
}

p.PubPub{
	margin:0;
}

p.PubJudgeWP{
	margin:0;
}

p.PubDesc{
	margin: 0;
	font-style: italic;
}

a.PubDownload, a.PubDownload2, a.PubDownload3, a.PubAbstract{
	display: block;
        width: 40px;
        background-image: url(./img/site/pdf-iconsm.gif);
        height: 40px;
        position: absolute;
        top: 0px;
        right: 0px;
}

a.PubAbstract{
	background-image: url(./img/site/abs-icon.gif);
}

a.pubDownload2{
	right: 40px;
}
a.pubDownload3{
	right: 80px;
}

/************************************* PRESENTATIONS PAGE *********************/

div.Presentation{
	position: relative;
	margin-bottom: 1em;
	padding-right: 40px;
}

p.PresConf{
	font-weight: bold;
	color: #1c4664;
	margin:0;
}

p.PresTitle{
	color: #1c4664;
	margin: 0;
}

p.PresAuth{
	margin:0;
	font-style: italic;
}

a.PresDownload, a.PresDownload2, a.PresDownload3{
	display: block;
        width: 40px;
        background-image: url(./img/site/pdf-iconsm.gif);
        height: 40px;
        position: absolute;
        top: 0px;
        right: 0px;
}

a.PresDownload2{
	right: 40px;
}

a.PresDownload3{
	right: 80px;
}

/********************************* BOOKS **************************************/

div.Book{
	position: relative;
	margin-bottom: 1em;
	padding-right: 40px;
}

p.BookTitle{
	font-weight: bold;
	color: #1c4664;
	margin:0;
}

p.BookAuthor{
	color: #1c4664;
	margin: 0;
}

p.BookPublisher{
	margin: 0;
}

a.BookLink{
	color: #1c4664;
	text-decoration: none;
}

a.BookLink:hover{
	color: #1c4664;
	text-decoration: underline;
}

a.BookAuthorLink{
	color: #1c4664;
	text-decoration: none;
}

a.BookAuthorLink:hover{
	color: #1c4664;
	text-decoration: underline;
}

div.Chapter{
	position: relative;
	margin-bottom: 20px;
	padding-right: 40px;
}

p.ChapNumber{
	position: absolute;
	left: 0;
	top: -3px;
	color: #1c4664;
	font-size: 18pt;
	font-weight: bold;
	height: 40px;
	margin: 0;
	padding: 0;
}

p.ChapTitle, p.ChapTitleLeft{
	font-weight: bold;
	color: #1c4664;
	margin:0;
	padding-left: 35px;
}

p.ChapTitleLeft{
 	padding-left: 0;
}

p.ChapAuthor{
	color: #1c4664;
	margin:0;
	padding-left: 35px;
}

a.ChapDownload{
	color: #1c4664;
	text-decoration: none;
}

a.ChapDownload:hover{
	color: #1c4664;
	text-decoration: underline;
}



/********************************* SPONSORS ***********************************/

div.Sponsor{
	display: inline;
	
}

img.SponsorLogo{
	margin: 20px;
}