/* calendar stylings */
#homeCalendar .month { color: #696969; display: block; overflow: hidden; margin: 15px 0 0 0;padding-left: 20px; position: relative; height: 18px;}
#homeCalendar .month a { float: left; display: block; margin: 0 5%; color: #696969; font-family: georgia,serif; text-decoration: none; overflow: hidden;}
#homeCalendar .month .next, #homeCalendar .month .prev { padding:0; width: 10px; height:0; overflow: hidden; padding-top: 15px; background: url('../images/nextprev.png') -11px 5px no-repeat; margin:0;}
#homeCalendar .month .prev { background-position: 0px 5px; }
#homeCalendar .monthName, #homeCalendar .year { float: left; display: block; width: 70px; text-align: center; position: relative; overflow: hidden; margin:0; padding:0; font-size: 0.9em;}
#homeCalendar .year { width: 50px; }
#homeCalendar .year { padding-left: 5px; }
#homeCalendar table { margin: 5px 0 10px 0; width: 98%; }
#homeCalendar #nextHomeCalendarBody, #homeCalendar #prevHomeCalendarBody { display: none; }
#homeCalendar th, #homeCalendar td { text-align: center; color: #570310; font-family: 'trebuchet ms',arial,sans-serif; font-size: 160%;}
#homeCalendar td { color: #696969; font-family: georgia,serif; font-size: 130%; padding: 8px 0 9px 0; }
#homeCalendar td.event { background: #fff url('../images/events.png') center 2px no-repeat; }
#homeCalendar td.event a { color: #000; text-decoration: none; display: block; width: 100%; position: relative; z-index: 1;}
#homeCalendar td.event a div.info { position: absolute; font-family: 'trebuchet ms',sans-serif; width: 225px; bottom: 100%; left: -90px; border: 1px solid #000; display: none; z-index: 100;}
#homeCalendar td.event a div.info h4 { color: #fff; background-color: #000; font-size: 0.6em; font-style: italic; font-weight: normal; text-align: left; padding: 0 5px 2px 5px;}
#homeCalendar td.event a div.info p { padding: 0 5px 2px 5px; background-color: #fff; }
#homeCalendar td.event a div.info h5 { background-color: #fff; font-size: 0.55em; text-align: left; font-weight: normal; padding: 0 5px 2px 5px; }
#homeCalendar td.event a div.info span { font-size: 0.5em; display: block; text-align: right; background-color: #fff; padding-right: 4px; font-style: italic;}
#homeCalendar td.event a:hover div.info { display: block; }


	* { margin:0; padding:0; }
	#loginarea { width: 73%; font-family: 'trebuchet ms',sans-serif; color:#fff; font-size: 70%; height: 84px;}
	#loginarea fieldset { border-width:0; }
	#loginarea label, #loginarea input { float: left; display: block; }
	#loginarea label { clear: left; width: 22%; text-align: right; margin: 7px 0;}
	#loginarea input { padding: 3px; margin: 6px 0 4px 10px; border-width:0; font-size: 90%; width: 48%; height: 2em;}
	#loginarea a { font-weight: bold; color: #fff; display: block; clear: left; float: left; margin: 2px 10px 0 12px; clear: left;}
	#loginarea a:hover { text-decoration: none; }
	#loginarea .submit { border-width:0; width: auto; color: #fff; background-color: transparent; clear: left; padding:0; font-size: 1.1em; height: auto; font-family: 'trebuchet ms',sans-serif; margin:0; text-decoration: underline; margin-right: 32%; cursor: pointer; }
	#loginarea .submit:hover { text-decoration: none; }
	#contentarea { font-family: 'trebuchet ms',sans-serif;}
	#contentarea h1 { font-family: georgia,serif; }
	a.admin { color: #fff; font-family: 'trebuchet ms',sans-serif; font-size: 70%; display: block; float: left; margin: 15px 15px 0 8px;}
	a.admin:hover { text-decoration: none; }
	h3.welcome { color: #fff; font-size: 1.5em; position: absolute; top:-20px; left:5px;}
	h1 { font-size: 2.5em; }
	
	#download { padding: 10px; position: relative; width: 85%; height: 105px; margin-left: 50px; margin-top: 30px; }
	#download a { position: absolute; width: 100%; height: 100%; z-index: 11; text-decoration: none; color: #000;}
	#download a img { border-width:0; }
	#download img.download { position: absolute; border-width:0; left:0;}
	#download h2 { font-family: georgia,serif; margin-left: 105px;}
	#download h3 { font-size: 0.8em; margin-left: 105px; font-weight: normal; padding: 5px 0; font-family: 'trebuchet ms',sans-serif;}
	#download h4 { font-size: 0.75em; margin-left: 105px; position: relative; text-indent: 35px; margin-top: 10px;}
	#download h4 img { position: absolute; top: -20%; left:0%; z-index: 10;}
	
	#mainmenu { list-style-type: none; width: 100%; font-size: 1em; font-weight: bold; display: block; }
	#mainmenu li { float: left; display: block; margin-right: 5px; width: 220px; }
	#mainmenu li a { display: block;  padding-left: 60px; background: url('../images/downloadarea.png') 0 0 no-repeat; width: 160px; height: 38px; padding-top: 12px; color: #000; text-decoration: none;}
	#mainmenu li a.users { background-image: url('../images/usersarea.png'); }
	#mainmenu li a.calendar { background-image: url('../images/calendararea.png'); }
	#mainmenu li a.password { background-image: url('../images/passwordarea.png'); }
	#mainmenu li a.upload { background-image: url('../images/uploadarea.png');  }
	#mainmenu li a:hover { background-position: 0 -49px; color: #d0d0d0;}
	#mainmenu li.selected a { background-position: 0 -49px; color: #d0d0d0; }
	
	#archives { list-style-type: none; margin-left: 20px; margin-top: 15px; font-family: verdana,sans-serif; font-size: 0.8em; overflow: hidden;}
	#archives a:hover { text-decoration: none; }
	#archives li { padding: 3px 0; }
	#archives li.expanded ul, #archives li.expanded li.expanded ul { display: block; }
	#archives li ul, #archives li.expanded ul ul { display: none; }
	#archives ul { margin-left: 18px; list-style-type: none;}
	h1.adminheading { clear: left; padding: 20px 0; float: left; width: auto;}
	
	select.calendarDateInput { font-family: 'trebuchet ms',sans-serif; font-size: 1em; padding: 3px; }
	
	#contentarea #switcher { width: 65%;list-style-type: none; margin-top: 20px; overflow: hidden; clear: left; padding-top: 20px;}
	#contentarea #switcher li { float: left; border: 1px solid #000; margin-right: -1px; background-color: #d0d0d0; margin-left: 10px; position: relative; z-index: 2;}
	#contentarea #switcher li a { padding: 10px 30px 10px 30px; display: block; font-weight: bold; font-size: 1.2em; text-decoration: none; color: #696969;}
	#contentarea #switcher li.show { background-color: #fff; border-bottom-width:0; margin-top: 1px;} 
	#contentarea #switcher li.show a, #contentarea #switcher a:hover { color: #000; }
	#contentarea #switcherboxes { border: 1px solid #000; width: 670px; position: relative;z-index: 0; margin-top: -1px;}
	#contentarea #switcherboxes div { display: none; margin: 10px;}
	#contentarea #switcherboxes div.show { display: block; }
	
	#contentarea #message { padding:60px; margin: 20px auto 30px auto; width: 50%; text-align: center; font-size: 160%; clear: left;}
	#contentarea div.warning { background: #f9ee4f url('../images/warning.png') 10px 10px no-repeat; border: 1px solid #f9a906; }
	#contentarea div.success { background: #88ce14 url('../images/success.png') 10px 10px no-repeat; border: 1px solid #207400; }
	#contentarea div.error { background: #fc4711 url('../images/error.png') 10px 10px no-repeat; border: 1px solid #a01102; }
	#contentarea div.question { background: #066ca9 url('../images/question.png') 10px 10px no-repeat; border: 1px solid #044064; }
	#contentarea #message input.confirm { display: block; width: 30%; border-width:0; padding-top: 26px; margin: 10px auto; background: url('../images/confirm.png') center 0 no-repeat; height: 0 !important; cursor: pointer;}
	#contentarea #message input.confirm:hover { background-position: center -26px; }
	
	#contentarea #deletebox { padding-top: 20px; }
	#contentarea #deletebox ul { width: 85%; margin: 0 auto; list-style-type: none; overflow: hidden; }
	#contentarea #deletebox ul li { float: left; width: 25%; text-align: center; font-family: verdana,sans-serif; font-size: 0.8em; padding: 5px 0;}
	#contentarea #deletebox ul.two { border: 1px solid #000; border-width: 1px 0; background-color: #ddd;}
	#contentarea #deletebox ul li.meeting { width: 40%; }
	#contentarea #deletebox ul li.filesize, #contentarea #deletebox ul li.delete { width: 14%; }
	#contentarea #deletebox ul li.posted { width: 30%; }
	#contentarea #deletebox a img { border-width:0; }
	#contentarea #deletebox ul.paginator { width: 85%; overflow: hidden; height: 30px; margin-top: 20px;}
	#contentarea #deletebox ul.paginator li { float: right; width: 18px; height: 10px; margin: 0 5px; text-align: center; font-size: 0.7em;}
	#contentarea #deletebox ul.paginator li a { display: block; color: #000; text-decoration: none; padding: 5px;}
	#contentarea #deletebox ul.paginator li a.selected, #contentarea #deletebox ul.paginator li a:hover { color: #fff; background-color: #570310; }
	#contentarea #deletebox p.pages { width: 92%; text-align: right; font-size: 0.65em; font-family: verdana,sans-serif;}
	
	#eventbox h4 { margin-left: 15px; margin-top: 20px; font-style: italic; font-size: 0.9em; padding: 5px 0; border-bottom: 1px solid #570310; width: 85%;}
	#eventbox h5 { margin-left: 15px; font-size: 0.8em; width: 85%; margin-bottom: 5px;}
	#eventbox h5 span { font-size: 0.9em; float: right; font-style: italic;}
	#eventbox p { margin-left: 25px; font-size: 0.75em; margin-bottom: 20px;}
	
	optgroup optgroup { padding-left: 10px; }