html, body {
	margin: 0px;
	padding: 0px;
}

html {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 10px;
	overflow: -moz-scrollbars-vertical;
}

body {
	text-align: center;
}

	/* CENTERING HORIZONTAL */

			/* 
				margin: auto is good for opera, firefox, mozilla, safari, konqueror,
				not working in IE 
				text-align:left used for resetting text-alignment (see body)
			*/
			div#center-div
			{
				margin-left: auto;
				margin-right: auto;
				width: 929px;
				text-align: left;
				position: relative;
			}

			/* for horizontal alignment */
			table#center-tbl {
				width: 100%; 
			}
			table#center-tbl>td {
				width: 100%; 
				text-align: center;
			}


/* END CENTERING HORIZONTAL */


a.link-dc {
	color: #808080;
}

a.link-dc:hover {
	color: #97BF0D;
}

a {
	color: #0A6FFF;
	text-decoration:none;
}
a:hover {
	color: #97BF0D;
}

a.link-red {
	color: red;
}

a.link-red:hover {
	color: #97BF0D;
}

div#user-info {
	color: #808080;
}


h1 {
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 17px;
	color: #808080;
	font-variant:small-caps;
	margin-bottom: 5px;
}


div#header {
	top: 0px;
	height: 157px;
	background-color: white;
	position:absolute;
	width: 100%;
}

div#header hr#color-bar {
	width: 100%;
	height: 7px;
	background-color: #30B3AD;
	position:absolute;
	bottom: 0px;
	left: 0px;
	border-width: 0px;
}
div#logo {
	position:relative;
	top: 10px;
	left: 20px;
}

div#category-image {
	background-color: #DFDFDF;
	/*
	border:1px dotted red;
	*/
	position:absolute;
	z-Index: 0;
	top: 50px;
	left: 0px;
	width: 100%;
}
div#category-image {
	margin: 0px;
	height: 100px;
	padding: 0px;
}

div#slave {
	/*
	position:absolute;
	top: 160px;
	*/
	position:relative;
	top: 50px;
	width:660px;
	padding-right: 10px;
	left: 180px;
}

/* NAVIGATION */

div#top-navi {
	vertical-align: top;
	text-align: center;
	position:absolute;
	top: 33px;
	left: 140px;
	/*
		border:1px dotted red;
	*/
	margin: 0px; padding: 0px;
}
div#top-navi ul#menu {
	margin: 0px; padding: 0px;
}

div#top-navi ul#menu ul {
	background-color: white;
	margin-bottom: 20px;
	border-width: 0px 1px 1px 1px;
	border-color: gray;
	border-style: solid;
	padding: 5px 0px;
}
div#top-navi ul ul li a {
	color: #8D8D8D ;
}

div#top-navi ul ul li {
	text-align:left;
	width: 205px;
}

div#top-navi ul#menu a.selected {
	font-weight:bold;
}
div#top-navi ul#menu ul a.selected {
	font-weight:bold;
}


div#top-navi ul li {
	float:left;
	padding: 0px 15px;
}
div#top-navi ul li li {
	padding: 0px 10px;
}

div#top-navi ul li {
	text-transform: uppercase;
	font-size: 13px;
}
div#sub-navi {
	position:absolute;
	top: 175px;
	left: 0px;
	width: 132px;
	margin:0px; 
	padding: 0px 20px 20px 0px;
	border-width: 0px 1px 0px 0px;
	border-color: #DFDFDF;
	border-style: solid;
	height: 350px; 
}

div#sub-navi ul {
	list-style-type:none;
	padding: 0px; margin: 0px;
}
div#sub-navi ul li {
	padding: 0px; margin: 0px;
	width: 100%;
	text-align: right;
}
div#sub-navi ul li a {
	font-size: 11px;
	color: #8D8D8D;
}
div#sub-navi ul li a.selected {
	font-size: 12px;
	font-weight: bold;
}


/* 3rd Level */
ul#subsubnavi {
	list-style-type: none;
	margin: 30px 0px 0px 0px;	
	padding: 0px;
	top: 35px;
	left: 180px;
	position:relative;
}
ul#subsubnavi li {
	float:left;
}
ul#subsubnavi li a {
	color:black;
}


/* END NAVIGATION */


/* INDEX */

div#idx-col-left {
	position:absolute; 
	left: 0px; 
	top: 10px; 
	width: 303px;
}
div#idx-col-right {
	position:absolute; 
	left: 340px; 
	top: 10px; 
	width: 329px; 
	height:100%;
}
div#idx-sub-navi {
	width: 137px; 
	height: 350px; 
	position: absolute; 
	top: 10px; 
	left: -165px; 	
	border-color: #DFDFDF;
	border-style:solid; 
	border-width: 0px 1px 0px 0px;
}

div.banner img {
	border: 1px solid #cdcdcd;
}

hr.line {
	width: 100%;
	height: 1px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #dfdfdf;
}
div#login-box {
	border: 1px solid #e7e7e7; 
	padding: 5px 0px 10px 0px; 
}
div#login-box form#login-form {
	display:inline;
}

input.input-box {
	border: 1px solid #cdcdcd; 
	height: 15px;  
	font-size: 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}



/* END INDEX */


/* NEWS Index*/
div#index-news {
	width:100%; 
	background-color: #e7e7e7; 
	margin-bottom: 25px;
}
div#index-news h1{
	padding: 5px 0px 0px 15px;
}
div#index-news div.news-item, div.news-box {
	 padding: 5px 15px 5px 15px;
}
div#index-news div.news-title {
	font-weight: bold;
}

/* NEWS Newspage*/
div#news {
	width:100%; 
}

div#news h1 {
	padding: 5px 0px 0px 15px;
}

div#news div.news-item, div.news-box {
	 padding: 10px 15px 5px 15px;
	 border: 1px solid #cdcdcd; 
	 margin-bottom: 15px;
}

div#news div.news-title, div#news div.head {
	font-weight: bold;
}


	/* Jobs */
	div.headingParagraph {
		font-size: 13px;
		font-weight: bold;
		margin-top: 20px;
	}

	div.contentParagraph { 
		width: 400px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	div#job-marker {
		z-Index: 0;
		width: 20px;
		float: left;
		margin-right: 10px;
		height: 20px;
		padding: 0px;
		position: relative;
		bottom: 5px;
	}

	/* CALENDAR */
	div.cal-item  {
		margin-bottom: 10px;
	}
	div.cal-item div.cal-title {
		font-weight: bold;
		color: #42A62A;;
	}

	div.std-visible {
		visibility:visible;
		position:static;
	}
	div.std-hidden {
		visibility:hidden;
		position:absolute;
		height: 0px;
		width: 0px;
		left: -2000px;
	}
	h2.cal-event-list, 
	div#cal-current-events, div#cal-past-events, div#cal-future-events {
		padding-left: 20px;
	}
	h2#cal-current-events-heading {
		background-image:url(/cu/fpni/images/icons/i-open.gif);
	}
	h2.cal-event-list {
		padding-bottom: 2px;
		background-image:url(/cu/fpni/images/icons/i-closed.gif);
		background-repeat: no-repeat;
		background-position: left center;
		cursor: pointer;
		text-transform: uppercase;
		color: #808080;
	}

	div#cal-event-list {
			margin-left: 32px;
	}
	div#cal-event-list h1.cal-event-list-head {
		border-style:solid;
		border-width: 0px 0px 1px 0px;
		border-color: #CCC;
		width: 605px;
	}

	div.cal-months {
			margin-left: 35px;
	}

	table.cal-month {
			color: #42A62A;
			border-color: #42A62A;
			border-width: 1px;
			border-style: solid;
			padding: 0px;
			margin: 0px;
			border-collapse: collapse;
			float:left;
			margin-right: 15px;
		}
		table.cal-month th {
			background-color: #42A62A;
			color:white;
			font-size: 18px;
			padding-left: 5px;
		}
		table.cal-month td {
			border:1px solid #42A62A;
			width: 40px;
			height: 40px;
			text-align: center;
			vertical-align: bottom;
		}
		table.cal-month tr.cal-head td {
			border-width: 0px;
			height: 20px;
		}
		table.cal-month td.cal-day-event {
			background-color: #42A62A;
			color:white;
		}
		img.cal-event-info {
			float:right;
			top: 0px;
			border-width: 0px;
			cursor: pointer;
		}
		div.cal-event-info-box-visible {
			position:absolute;
			width: 250px;
			border: 1px solid #42A62A;

			background-color: white;
			color: #363636;
			z-Index: 10;
			visibility:visible;
			padding: 10px;
		}
		div.cal-event-info-box-visible div.close {
			background-color: #42A62A;
			color: white;
			position:absolute;
			top: 0px;
			right: 0px;
			cursor: pointer;
			width: 12px; height: 18px;
			font-weight: bold;
			text-align: center;
		}

		div.cal-event-info-box-hidden { 
			visibility:hidden;
			height: 0px;
			top: 0px;
			z-Index: -1;
		}
		div.cal-event-info-box-visible h1 {
			color: #42A62A;
			padding-top: 0px;
			margin-top: 0px;
		}

		a#cal-prev-href, a#cal-next-href {
			position:absolute;
			top: 0px;
			font-size: 20px;
			font-weight: bold;
			color: #2593B4;
			z-Index: 0;
		}
		a#cal-prev-href {
			left: 0px;
		}
		a#cal-next-href {
			right: 0px;
		}
    

/* bibliography */
div#publication { position:relative; left: 0px; top: 0px; width: 305px; }
div#publication div#container { 
	position: relative; border: 1px solid #e7e7e7; background-image:url(/cu/fpni/images/bg_publication.gif); background-repeat:no-repeat; background-position:bottom;
}

div#publication div#container div.item { 
}
div#publication div#container div.item img.item { 
	width: 20px; height: 20px; border:0; position: relative; top: 8px; left: 20px
}
div#publication div#container div.item div.text { 
	width: 220px; 
	border:0; 
	position: relative; 
	top: -15px; 
	left: 60px;
}

/* members */
table#members img.portrait {
	height: 90px; 
	overflow:hidden; 
	margin-right: 10px;
	right: 0px;
	position:relative;
	border:1px solid #DDD;
}
table#members td.description {
	vertical-align: center;
}
table#members tr td {
	padding-bottom: 10px;
}

table#member-tbl th {
	text-align: right;
	padding-right: 10px;
	width: 12em;
}
table#member-tbl td {
	padding: 2px 0px;
}

span.pvt-hidden {
	color: #999;
}

table#pvt-priv-addresses-tbl th, table#pvt-work-addresses-tbl th {
	width: 14em;
	text-align: right;
	padding: 5px 0px;
	padding-right: 10px;
}

table#pvt-priv-addresses-tbl input, table#pvt-priv-addresses-tbl select, 
table#pvt-work-addresses-tbl input, table#pvt-work-addresses-tbl select
{
	border: 1px solid #30B3AD; 
	font-size: 10px; 
	padding: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}

table#shared-priv-addresses-tbl th, 
table#shared-work-addresses-tbl th {
	vertical-align: top;
	width: 12em;
	text-align: right;
	padding-right: 10px;
}

div#disclaimer {
	color: #BBB;
}
div#disclaimer a {
	color: #AAF;
}
div#disclaimer a:hover {
	color: #238BFF;
}

.error {
	color: red;
}

/*company*/

div.company-container {
	border:1px solid #DFDFDF;
	margin-bottom:15px;
	position:relative;
}

div.company-container h3 {

	background-color:#30B3AD;
	font-size:14px;
	text-transform:uppercase;
	color:white;
	padding:5px 138px 5px 5px;
	margin:0px;
}
div.company-address {
	padding:7px;
}
div.company-members-name {
	width: 120px;
	padding:2px 4px;
}
div.company-members {
	float:left;
	margin:7px;
}
div.company-members-pic {
	border: 1px solid #DFDFDF;
	width:120px;
	height:160px;
	overflow:hidden;
}
div.company-logo {
	position: absolute;
	right:10px;
	top:10px;
}
/*end company*/