﻿@charset "utf-8";
/* 
	CSS Document 
	LEC - Board
*/

body {
	/* tweak to zero the margin and padding of the body to account for differing browser defaults */
	margin: 0;
	padding: 0;
/* used to center the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */	text-align: center; /* text color - off black */;
	color: #2F3185;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #E5EAEE; /* off white */;
	background-image: url(../images/containerBG.png);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	}
.container {
	width: 960px;
	/* override the text-align: center on the body element. */
	text-align: left;
	/* the auto margins (in conjunction with a width) center the page */
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/* background color of content area */
	background-color: #FFF;
	/* set the height of the container to the browser window's height */
	height:100%;
	/* ensure it is always at least 100% of the height */
	min-height:100%;
}
/* header */
.header {
	background-color: #FFF;
	background-image: url(../images/lec-board-header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 215px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c3ddce;
}
/* login/logout */
.header #logInOut {
	float: right;
	clear: left;
	height: 55px;
	width: 260px;
	text-align: right;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size:11px;
}
.header #logInOut a{
	color:#2f3185;	
	text-decoration:none;
}
.header #logInOut a:hover{
	color:#a9ce2f;	
	text-decoration:underline;
}
/* search */
.header #search {
	float: right;
	clear: left;
	height: 55px;
	width: 260px;
	text-align: center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.header #search .searchInput {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #888;
	background-color: #F4FAF8;
	border: 1px solid #c3ddce;
}
.header #search .searchInput:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #888;
	background-color: #fff;
	border: 1px solid #245239;
}
.header #search .advSearchLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2A5C43;
	text-decoration:none;
	line-height: 30px;
	font-weight: bold;
}
.header #search .advSearchLink a {
	color: #30338d;
	text-decoration: none;
}
.header #search .advSearchLink a:hover {
	color:#c60;
	text-decoration:none;
}
.header #search .goButton {
	color: #30338D;
	font-size: 11px;
	height: 18px;
	font-weight: bold;
	background-color: #F9FBFA;
	padding-top: 0px;
	clear: left;
	float: none;
	border: 1px none #AFDCC4;
	padding-left: 2px;
}
.header #search .goButton:hover {
	color: #A9CE2F;
	background-color: #F9FBFA;
	border: 1px none #F9FBFA;
	cursor: pointer;
}
.header #search .goButton:visited {
	color: #245239;
	background-color: #F9FBFA;
}
/* end search */
/* pad to push menu down */
.pad {
	height:160px;
	left: 0px;
	top: 0px;
}
/* end header */
/*  
	----------------------------- menu ----------------------------------- 
	dark green: #245239
	light green: #c3ddce
	off yellow: #c60
	white: #fff
*/
#menu {
	margin:0;
	list-style:none;
	position:relative;
	z-index:500;
	font-family:Verdana, Geneva, sans-serif;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	font-size: 11px;
	float: left;
	width: 665px;
	height: 35px;
}
#menu li {
	float:left;
	margin-right:1px;
	white-space: nowrap;
	width: auto;
}
#menu li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	color: #38378C;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: transparent; /* transparent bg to reveal header image*/
}
#menu table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}
#menu li a:hover {
	z-index:200;
	position:relative;
	color:#c60; 
	background-color:transparent; 
}
#menu li:hover {
	position:relative; 
	z-index:200;
}
#menu li:hover > a {
	color:#c60; 
	background-color: transparent;
}
#menu li:hover > a.sub {
	color:#c60; 
	background-color:#fff; 
}
#menu li.current a {
	color:#245239; 
	background-color: transparent;
}
#menu li a#logoutTab {
	background-color: transparent;
	background-image: url(../images/logout_up.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#logoutTab:hover {
	background-color: transparent;
	background-image: url(../images/logout_over.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#adminTab {
	background-color: transparent;
	background-image: url(../images/admin_off.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#adminTab:hover {
	background-color: transparent;
	background-image: url(../images/admin_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#helpTab {
	background-color: transparent;
	background-image: url(../images/help_off.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#helpTab:hover {
	background-color: transparent;
	background-image: url(../images/help_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#mainTab {
	background-color: transparent;
	background-image: url(../images/main_off.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#mainTab:hover {
	background-color: transparent;
	background-image: url(../images/main_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#portalTab {
	background-color: transparent;
	background-image: url(../images/portal_off.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a#portalTab:hover {
	background-color: transparent;
	background-image: url(../images/portal_on.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#menu li a.sub {
	background-color: transparent;
}
#menu li.current a.sub {
	color:#fff; 
	background:#c3ddce url(../images/down-arrow.gif) no-repeat right center; 
}
#menu :hover ul {
	left:0;
	top:29px;
	width:auto;
	background:transparent;
}
#menu ul, 
#menu :hover ul ul {
	position:absolute;
	/* make the 'next' level invisible by placing it off screen. */
	left:-9999px;
	top:-9999px;
	width:auto;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
#menu :hover ul :hover ul{
	left:175px;
	top:2px;
	background:#fff;
	white-space:nowrap;
	width:auto;
	z-index:200;
	height:auto;
}
#menu :hover ul li {
	margin:0;
	border-bottom:1px solid #c3ddce;
	border-left:1px solid #c3ddce;
	white-space: nowrap;
	width: auto;
}
#menu :hover ul li a {
	width:180px; 
	padding:0; 
	text-indent:10px; 
	color:#245239; 
	background:#fff;
	height:25px; 
	line-height:25px;
}
#menu :hover ul li a:hover {
	color:#c60;
	background-color: #F3F3F3;
}
#menu :hover ul li a.fly {
	background:#fff url(../images/right-arrow-green.gif) no-repeat right center;
}

#menu :hover ul :hover {
	background-color:#f3f3f3;
	color:#c60;
}
#menu :hover ul :hover a.fly {
	background-color:#f3f3f3;
	color:#c60;
}

#menu :hover ul li.currentsub a {
	background:#fff;
	color:#245239; 
}
#menu :hover ul li.currentsub a.fly {
	color:#245239;
	background-color: #f3f3f3;
	background-image: url(../images/right-arrow-green.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menu :hover ul :hover ul li a {
	width:180px; 
	padding:0; 
	text-indent:10px; 
	background:#fff;
	color:#245239; 
}
#menu :hover ul :hover ul :hover {
	background-color:#f3f3f3;
	color:#c60;
}
#menu :hover ul :hover ul li.currentfly a
#menu :hover ul :hover ul li.currentfly a:hover {
	color:#c60;
	background-color: #f3f3f3;
}
/*  
	----------------------------- end menu ----------------------------------- 
*/
/* sidebar */
.sidebar {
	padding-left: 10px;
	width: 250px;
	float: left;
	padding-top: 20px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #2f3185;
	font-weight: bold;
}
.sidebar h3{
	font-size:15px;
	padding-left:30px;
	color:#2f3185;
	background-image:url(../images/folders.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
.sidebar .linkButtons{
	border:none;
}
.sidebar .linkButtons a{
	color:#2f3185;
	text-decoration:none;
	line-height:20px;
}
.sidebar .linkButtons a:hover{
	color:#7e5213;
}
#docUpload{
	border: 1px solid #C3DDCE;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}
/* end sidebar */
/* maincontent */
.mainContent {
	padding-right: 15px;
	padding-left: 270px;
	background-color: #FFF;
	margin-bottom: 40px; /* so that content clears static footer */;
	margin-top: 20px;
}
.mainContent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #245239;
}
.mainContent h1 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #245239;
	text-decoration:none;
}
.mainContent h1 a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #c60;
}
.mainContent p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
.mainContent .fileList{
	border:none;
	color:#2f3185;
}
.mainContent .fileList a{
	color:#2f3185;
	text-decoration:none;
	line-height:20px;
}
.mainContent .fileList a:hover{
	color:#7e5213;
}
.mainContent .mainSeparator{
	color:#7e5213;
	background-color:#7e5213;
	border:0;
	height:1px;
}
/* documents */
#documentList {
	width: 280px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:0px;
}
#documents {
	padding-bottom: 5px;
	padding-left: 5px;
}
#documents p {
	padding-left: 20px;
	font-size: 11px;
	width: 95%;
}
#documents .word{
	background-image: url(../images/doc-small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#documents .adobe{
	background-image: url(../images/pdf-small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#documents .excel{
	background-image: url(../images/xls-small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#documents .powerpoint{
	background-image: url(../images/ppt-small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#documents .movie{
	background-image: url(../images/mov-small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#documents .windowsMedia{
	background-image: url(../images/wmp-small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#documents .flash{
	background-image: url(../images/fla-small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#documentList #fileExplorer {
	font-size: 12px;
	list-style-type: none;
}
#documents .visio{
	background-image: url(../images/vsd-small.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#documents .zip{
	background-image: url(../images/zip-small.png);
	background-repeat: no-repeat;
	background-position: left center;
}
/* documents h tags */
#documents .subCollection {
	line-height: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #204533;
	font-variant: small-caps;
	font-weight: bold;
	padding-left: 10px;
}
#documents .subCollection a, #documents .subCollection a:visited {
	color: #204533;
	text-decoration:none;
}
#documents .subCollection a:hover {
	color: #cc6600;
	text-decoration:none;
}
#documents .docForm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #204533;
	margin-left: 15px;
	font-variant: normal;
	font-weight: bold;
}
#documents .docForm a, #documents .docForm a:visited {
	color: #204533;
	text-decoration:none;
}
#documents .docForm a:hover {
	color: #cc6600;
	text-decoration:none;
}
#documents h3 {
	line-height: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight:normal;
	padding-left: 30px;
	color: #204533;
	margin-left: 15px;
}
#documents h3 a, a:visited {
	color: #204533;
	text-decoration:none;
}
#documents h3 a:hover {
	color: #cc6600;
	text-decoration:none;
}
#documents h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #4E6D61;
	padding-left: 10px;
}
/* end documents h tags */
/* edit region */
#documents .editMenu {
	list-style-type: none;
	display:block;
	width: 35%;
	clear: left;
	float: right;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
#documents .editMenu li {
	display:block;
	height: 30px;
	width: 30px;
	padding-right: 2px;
	padding-left: 2px;
	float:right;
	margin:0;
}
.editMenu a img {
	padding: 0px;
	margin: 5px;
}
#documents .index{
	background-image: url(../images/index_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 30px;
}
#documents .index:hover{
	background-image: url(../images/index_on.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
#documents .collection{
	background-image: url(../images/addCollection_up.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 30px;
}
#documents .collection:hover{
	background-image: url(../images/addCollection_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
#documents .permissions{
	background-image: url(../images/permissions.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 30px;
}
#documents .permissions:hover{
	background-image: url(../images/permissions_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
#documents .edit{
	height: 20px;
	width: 30px;
	background-image: url(../images/edit.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#documents .edit:hover{
	background-image: url(../images/edit_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
#documents .delete{
	height: 20px;
	width: 30px;
	background-image: url(../images/trash_off.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#documents .delete:hover{
	background-image: url(../images/trash_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
#documents .check{
	background-image: url(../images/checkOut.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 30px;
}
#documents .check:hover{
	background-image: url(../images/checkOut_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
#documents .upload{
	background-image: url(../images/upload_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 30px;
}
#documents .upload:hover{
	background-image: url(../images/upload_on.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}
/* end edit regions */
/* advanced search */
.mainContent #advSearch {
	border: 1px solid #c3ddce;
	width: 610px;
	margin-left: 20px;
	margin-bottom: 5px;
	padding: 2px;
}
#advSearch .advSearchTitle {
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;
	top: -13px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #245239;
}
#documents .searchResults {
	border: 1px solid #c3ddce;
	width: 610px;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}
#documents .searchResultsTitle {
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;
	top: -13px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #245239;
}
.searchResults .sortBy {
	font-family: Verdana, Geneva, sans-serif;
	color: #245239;
	font-size: 12px;
	text-align: right;
	margin-bottom: 10px;
	padding-right:5px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #245239;
}
#advSearch table tr td {
	font-size: 12px;
	color: #245239;
	padding-left: 10px;
}
#advSearch .searchInput {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #245239;
	background-color: #fff;
	border: 1px solid #c3ddce;
}
#advSearch .searchInput:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #245239;
	background-color: #fff;
	border: 1px solid #245239;
}
#advSearch .listBox {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #245239;
	background-color: #fff;
	border: 1px solid #c3ddce;
}
#advSearch .listBox selected {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #245239;
	background-color: #eee;
	border: 1px solid #c3ddce;
}
#advSearch .datePicker {
	padding: 0px;
}
/* end advanced search */
/* end documents */
/* end main content */
/* footer */
.footer {
	padding-top: 2px;
	padding-bottom: 0;
	/* fix the footer so it always shows at the bottom of the window */
	bottom: 0px;
	/* push it hard left */
	left:0px;
	/* nail it down */
	position: fixed;
	/* set it's width to span the complete browser window */
	width: 100%;
	background-image: url(../images/footerBG5.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 38px;
}
.footer p {
	margin: 0;
	padding: 10px 0;
}
.footer #copyright {
	font-size: 10px;
	text-align: left;
	padding-top:12px;
	padding-bottom:10px;
	padding-left: 15px;
}
.footer #username {
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	padding-top:12px;
	padding-bottom:10px;
}
.footer #facility {
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	padding-top:12px;
	padding-bottom:10px;
}
.footer #version {
	font-size: 10px;
	text-align: right;
	padding-top:12px;
	padding-bottom:10px;
	padding-right: 15px;
}
/* end footer */
input {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #323789;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	border: 1px solid #B8CAD4;
	padding: 2px;
}
