@import url("newcalendar.css"); 


/* HTML 5 for older IE */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}

/* Experimental - look at http://openfontlibrary.org/files/Daniel_J/104 */



body	{
	margin:			0;
	padding:		0;
	font-family:		Verdana, Arial,Helvetica, "Lucida Grande", sans-serif;
	background:		#ffffee;
	
	min-width:		900px;
	max-width:		1000px;
	width:			auto;
	
	}

#title	{
	height:	180px;
	font-family:  arial,"sans serif";
	margin: 1em;
	font-weight: bolder;
	}

#title .logo	
	{
	float:			left;
	}

#title .title-text
	{
	position:		absolute;
	/* float:			right; */
	/* left:			250px; */
	left:			305px;
	top: 			12px;
	font-size:		2.4em;
	margin-right:		0.5em;
	margin-top:		0.5em;
	font-weight:		bold;
	text-shadow: 3px 3px 2px #aaa;
	font-family:		"avant garde", arial, "sans serif";
	line-height:		80%;

	}

/*
#title .title-text:first-letter 
	{
	color:	#0000ff;
	font-size:	1.5em;
	font-weight:	bolder;
	valign:		top;
	}
*/
	
#strapline	
	{
	position:		absolute;
	left:			305px;
	top:			10.0em;
	font-size:		0.7em;
	font-style: 		italic;
	font-weight:		bold;
	color: 			#6060c0;
	font-size:		1em;
	border-top:		medium solid black;
	min-width:		250px;
	}


#main	{
	/* position:		absolute;*/
	/*left:			16em;*/
			
	 margin-left:		18em;
	/* height:			100%; */
	/* width:			70%;*/
	/*float:			right;*/
	clear:			right;
	/* float:			right; no!*/
	top:			195px;
	margin-right:		0.5em;
	margin-bottom:		3.5em;
	height:			auto;
	text-align:		justify;
	/* background-color:	#ffffff; */
	/* border:			1px solid #8080e0;*/

	padding:			1em;
	/* box-shadow: 10px 10px 5px #888;*/
	/* padding: 5px 5px 5px 15px;*/
	margin-top:		0em;
	padding-top:		0.1em;
	padding-bottom:		1em;

	/* border: thin solid black; */
	/* width:			remainder; does not exist */
	/* width:			100%; */
	
	}

#main_wrapper	{
	width: 			100%; 
	padding:		0;
	margin: 		0;
	
}

aside#nav	{
	float:			left;
	width:			13em;
	clear:			right;
	font-size:		1.0em;
	font-weight:		bold;
	position:		absolute;
	margin-left:		1em;
	margin-right:		1em;
	top:			240px;
	background:		#8080e0;
	padding-bottom:		1em;
	margin-top:		0em;
	padding-left:		1em;	
	border-radius:		15px;
	box-shadow: 10px 10px 5px #888;
	font-family: verdana, helvetica, arial, sans-serif;
}

#nav h1, #nav h2, #nav h3 {
	background: none;
	border: none;
	border-radius: 		0px;
	padding: 0em;
}

#nav > h1 {
	margin-top:	0.15em;
}

#nav h1, #nav h2, #nav h3 {
	font-size:		1em;
	font-weight:		900;
	/* margin:			0.0em;*/
	color:			white;
	text-align:		left;
	margin-left:		0em;
	margin-bottom:		-0.2em;
	
	

	box-shadow: none;


	}

#nav h2	{
	font-size:		1.5em;
	}

#nav h1	{
	font-size:		2em;
	}

#nav ul	{
	list-style:		none;
	padding-left:		0em;
	margin-left:		0;
	margin-bottom:	0.2em;
	margin-top:		0em;
	padding-top:		0;
}

#nav li {
	list-style-type:	none;
	padding-left:		0em;
	margin-left:		0;
	/* border:			thin dashed red;*/
	}

#nav a {
	color:			black;
	text-decoration:	none;
}


#nav a:hover {
	background:		#e08080;
}



#nav li:hover {
	background:		#e08080;
}

#footer	{
	position:		absolute;
	left:			0em;
	bottom:			0em;
	/* clear: both;*/
	bottom:			0;
	}

.message
	{
	/* width:			100%; */
	background:		#8080e0;
	border:			black;
	padding:		1em;
	margin-bottom:		2em;
	margin-top:		1.8em;
	margin-left:		-1.8em;
	border-radius:		25px;

	}

.urgent
	{
	background: #ffdddd;
	padding: 0.5em;
	border: thick double #ff0000;
	}

 .cal_title
	{
	/* background:		#d7d7ef; */
	/* border:	thin solid #6060cf; */


	background:		#d7d7ef;

	border: thin solid #eef;

	font-weight:		bold;
	color:			#484890;
	padding-left: 0em;
	margin-left:	0em;
	text-align:		center;



	border-radius:		10px;

	box-shadow: 3px 3px 3px #aaa;


	}
	
.cal_date {
	font-size:	0.8em;
	padding:	0;
	margin:		0;
	}




#login, #login a	{
	color:		black;
	
}

#login		{
	margin-top:	1em;
}

#login a {
	text-decoration: none;
}


a
	{
	color:			#181830;
	text-decoration:	none;
	font-weight:		bold;
	}
a:visited
	{
	color:			#303060;
	}

.table_close_packed  td, .table_close_packed th
	{
	text-align:		left;
	vertical-align:		top;
	padding:		0;
	margin:		0;
	/* border:		thin solid red; */
	}

.table_light_ruled td,  .table_light_ruled th
	{
	border:		thin solid #888888;
	border-width:	1px;
	padding:	0.2em;
	}

 .table_light_ruled th
	{
	background:	#8080e0;
	}

.table_light_ruled 
	{
	margin:		0;
	padding:	0;
	border-collapse:	collapse;
	font-size: 	0.8em;
	background-color:		#c0c0c0;
	}


p	{
	margin-top:	0.2em;
	margin-bottom:	0.7em;
	font-size:	1em;
	}

h1,h2,h3
	{
	/* color:		#c06060;*/
	color:		#a00404;
	font-size:	1em;
	margin-bottom:	0.5em;
	
	font-variant:	small-caps;
	font-family:	Times New Roman, Times, serif;
	text-align:	left;
	text-shadow: 1px 1px 2px #aaa;
	font-weight:	bold;
	margin-top: 1em;
	text-shadow: #aaaaaa 2px 2px 1px;

	/* See http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ */

	/* background: #eeeeff; */ /* for non-css3 browsers */

	padding-top: 0.125em;
	padding-left: 1em;
	padding-right: 1em;
	margin-left:	-1em;

	/* border: thin solid #ccf; */


	/* border-radius:			10px; */


	/* box-shadow: 5px 5px 5px #aaa; */


	}

h1	{
	/* border-bottom:	0.2em solid #dfdfff;*/
	/* width:	100%; */
	font-size:	3em;
	font-weight:	bolder;

	}

h2	{
	font-size:	1.8em;
	/* text-decoration:	underline;*/
	}

h3	{
	font-size:	1.4em;
	}

h4	{
	
	font-size:	1.0em;
	font-weight:	bold;
	
	}
	



ul	{
	list-style-type:	square;
	margin-bottom:	0.1em;
	margin-top:	0.1em;
	}

#main a:hover	
	{
	background:	#e08080;
	}
	


#directory_browse
	{
	border-radius:		25px;
	}
#directory_browse div
	{
	/* display:	inline; */
	}

#breadcrumbs a:link,#breadcrumbs a:active,#breadcrumbs a:visited,#breadcrumbs a:hover {
	color:	#888888;
}


#directory a:link,#directory a:active, #directory a:visited #directory a:hover {
	font-weight: bold;
	font-variant: small-caps;
	color:		#880000;
}

#file a:link,#file a:active, #file a:visited #file a:hover {
	font-weight: normal;
}



table.none td	{
		border: none;
}

.big-message	{
		/* margin is on the outside */
		margin-top:	1em;
		margin-bottom:	1em;
		/* padding is on the inside */
		padding:		0.5em;
		font-size:	1.5em;
		background:	#cccc00;
		color:		#000000;
		border:		thick solid #cc0000;
		}
		
.big		{
		font-size:	1.5em;
		font-weight:	bold;
		}
		
/*----------- Form formatting ------------ */

textarea, input	{
		color:		#000000;
		background:	#dddddd;
		}

ul		{
		list-style:	circle outside;
		color:		#603030;
		padding-left:	1.2em;
		}