/* CSS Document */
body { background: #263C5B url(../~IMAGES/extranet/bg_extranet.gif) top center no-repeat;
	margin-top: 0px; 
	margin-left: 0px;
	color:#728094;
	font-family:Univers, Arial, Helvetica, sans-serif;
}

body#signin {
	background: #263C5B url(../~IMAGES/extranet/bg_extranet.gif) top left repeat-x;
	}

#signinBox {
	width: 610px;
	margin:245px auto 50px auto;
	background: url("../~images/extranet/bg_signinTitle.gif") top left no-repeat;
	padding:60px 0 0 0;
	}
	
#leftSide {
	float:left;
	width:260px;
	}
	
#leftSide h2, #loginForm h2 {
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	}
	
#leftSide a,#leftSide a:visited {
	color:#728094;
	text-decoration:none;
	text-transform:uppercase;
	}
	
#leftSide a:hover {
	text-decoration:underline;
	}
	
#enterButton {
	float:left;
	width:90px;
	margin-top:20px;
	}
	
#loginForm {
	float:left;
	background: url("../~images/extranet/bg_loginBox.gif") top left no-repeat;
	background-position:0 20px;
	width:260px;
	padding:0 0 0 0;
	margin-top:-20px;
	}
	
	
#loginForm td {
	padding:0 8px 4px 8px;
	line-height:9px;
	}
	
#loginForm label {
	font-weight:bold;
	color:black;
	}
	
#loginForm input.login_field {
	width:160px;
	background:#CFDAE3;
	color:#000;
	}
	
#footer {
	float:left;
	width:610px;
	font-size:9px;
	margin-top:20px;
	}
	
	
/* EXTRANET STYLES */
#extranet_frame {
	background: url("../~IMAGES/extranet/bg_pageTitle.gif") top left no-repeat;
	width: 764px;
	margin:0 auto 40px auto;
	position:relative;
	padding: 28px 0 0 0;
	}
	
#logoutBox {
	float:right;
	width:77px;
	text-align:right;
	}
	
#logoutBox a, #logoutBox a:visited, #extranet_nav a, #extranet_nav a:visited  {
	color:#fff;
	text-decoration:none;
	padding:0;
	margin:0;
	}
	
#logoutBox a:hover, #extranet_nav a:hover {
	text-decoration:underline;
	}
	
#extranet_nav {
	background: url("../~IMAGES/extranet/bg_nav.gif") top left no-repeat;
	float:left;
	width: 764px;
	padding:3px 0 2px 0;
	}
	
#extranet_nav ul {
	list-style:none outside;
	margin:0;
	padding:0;
	vertical-align:top;
	}
	
#extranet_nav li {
	display:inline;
	padding:0 20px;
	line-height:11px;
	margin:0;
	font-size:11px;
	}
	
#extranet_content {
	float:left;
	width:763px;
	margin-top:22px;
	background: url("../~IMAGES/extranet/bg_contentBox_top.gif") top left no-repeat #fff;
	padding:5px 10px 10px 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 748px;
	}
	html>body #extranet_content {width: 748px;}
	
#extranet_footer {
	float:left;
	width:764px;
	margin-bottom:20px;
	background: url("../~IMAGES/extranet/bg_contentBox_bottom.gif") top left no-repeat;
	}
#leftCol {
	float:left;
	width:213px;
	}
#statusBox {
	background: url("../~IMAGES/extranet/bg_statusBox.gif") top left no-repeat;
	float:left;
	width:213px;
	padding: 30px 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 173px;
	}
	html>body #statusBox {width: 193px;}
	
.contentArea {
	float:right;
	width:500px;
	padding:0 55px 20px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 445px;
	}
	html>body .contentArea {width: 445px;}

.contentArea h1 {
	font-size:15px;
	letter-spacing:0.25em;
	margin-bottom:15px;
	}
	
#buttons {
	float:left;
	width:699px;
	margin:20px 0;
	}
	
#button_article {
	float:left;
	width: 243px;
	text-align:center;
	}
	
#button_calendar {
	float:left;
	width:230px;
	text-align:center;
	position:relative;
	}
	
#button_projects {
	float:right;
	width:226px;
	text-align:center;
	}
	
table.calendar {
	width: 190px;
	background:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	}
	
table.calendarSmall {
	width: 188px;
	height:152px;
	position:absolute;
	top:47px;
	left:21px;
	background:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	}
	
table.calendar th {
	font-weight:bold;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px;
	color:#B1B1B1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
table.calendar th.linkCell {
	background:#A3B4CD;
	}
	
table.calendar th.wkday {
	background:#EDF0F5;
	}
	
table.calendar th.linkCell a:hover {
	background:none;
	}
	
table.calendar td {
	border:1px solid #F2F2F2;
	border-collapse:collapse;
	padding:2px;
	color:#ABB3C1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
table.calendar td.cellOn {
	background:#2D4365;
	color:#fff;
	}
table.calendar a, table.calendar a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}
table.calendar a:hover {
	background:#fff;
	color:#2D4365;
	}
	
/* NEWS */
#newsArchives {
	width:213px;
	margin-top:20px;
	text-align:center;
	}

table.news_archives {
	border:1px solid #ccc;
	border-collapse:collapse;
	}
	
table.news_archives th, table.news_archives td {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px;
	text-align:left;
	}
	
table.news_archives td {
	width:145px;
	}
	
table.news_archives tr td.yr {
	width:60px;
	text-align:center;
	vertical-align:top;
	border-top:1px solid #fff;
	border-collapse:collapse;
	}
	
#newsListBox, #projectBox {
	float:right;
	width: 500px;
	padding-right:30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 470px;
	}
	html>body #newsListBox, html>body #projectBox {width: 470px;}
	
table.news_archives td {
	font-size:9px;
	line-height:9px;
	}
	
table.news_archives td a,table.news_archives td a:visited {
	color: #ccc;
	font-weight:bold;
	text-decoration:none;
	}
table.news_archives td a:hover,  table.news_archives td a.on_link, table.news_archives td a.on_link:visited {
	color: #666;
	}

.newsDate {
	color:#666;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:0 0 5px 0;
	}
	
.news_item {
	padding:5px 0;
	margin:5px 0 15px 0;
	}
	
#calendar_Right {
	float:right;
	width: 510px;
	}
	
#calendarFrame {
	float:left;
	width:430px;
	}
	
table.calendarBig {
	width:420px;
	margin:15px 0;
	padding:0;
	border:0;
	color:#A3B4CD;
	}
	
table.calendarBig th {	
	color:#A3B4CD;
	border:0;
	}
	
table.calendarBig table {
	border:0;
	}
	
table.calendarBig th a {
	color:#A3B4CD;
	}
	
table.calendarBig td.month_link {
	border:0;
	background:#A3B4CD;
	font-size:10px;
	padding:4px;
	}
	
table.calendarBig td {
	color:#A6A6A6;
	padding:5px;
	}
	
table.calendarBig td.month_link a:hover {
	background:none;
	text-decoration:underline;
	color:#fff;
	}
	
table.calendarBig td.cellOn {
	background: #263C5B;
	color:#fff;
	height:55px;
	vertical-align:top;
	border:1px solid #fff;
	}
	
table.calendarBig td.today {
	background:#A3B4CD;
	color:#fff;
	border:1px solid #fff;
	}
	
table.calendarBig td.cellOn a {
	display:block;
	width:100%;
	height:100%;
	}
	
table.calendarBig td.cellOn a:hover {
	background:none;
	text-decoration:underline;
	color:#fff;
	}
	
table.calendarBig td.deadline {
	background: url("../~IMAGES/extranet/bg_deadline.gif") top right no-repeat #263C5B;
	}
	
table.calendarBig td.cell {
	height:55px;
	vertical-align:top;
	font-weight:bold;
	}
	
.list_today {
	background:#A3B4CD;
	}
	
.list1 {
	background:#263C5B;
	}
	
.list2 {
	background:#f00;
	}
	
.key {
	border:1px solid #ccc;
	width:68px;
	height:10px;
	margin-top:5px;
	}
	
.event_date {
	float:right;
	width:200px;
	margin:20px 0;
	padding:0;
	}
	
.event_date p {
	margin-right:5px;
	}
	

#projectBox a, #projectBox a:visited {
	text-decoration:none;
	}
	
#projectBox a:hover {
	text-decoration:underline;
	}
	
dl {
	font-style:italic;
	margin:0;
	padding:0;
	color:#6E6E6E;
	display:block;
	}