/* reset */
tml, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* typography */
body, html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}


/* layout */
body, html{
	margin: 0;
	padding: 0;
	background-color: #F6F6F6;
}

#header{
}
	#header h1{
		font-weight: bold;
		float: left;
	}
		#header h1 a{
			display: block;
			float: left;
			width: 123px;
			height: 30px;
			background: #fff url(../includes/images/e4e_logo.gif) no-repeat top left;
			text-indent: -5000px;
			margin: 5px;
		}
	#header h2{
		font-weight: bold;
		font-size: 150%;
		margin-top: .75em;
	}
	#header #xtranet{
		float: left;
		margin-left: 1em;
	}
	#header #sitename{
		position: relative;
		float: right;
		color: #3E5BA9;
		margin-right: 5px;
	}

#menubar{
	margin: 10px 0px 20px;
	clear: both;
	min-height: 30px;
	height: 30px;
	background: #213363 url(../includes/images/menubar_bg.jpg) repeat-x top left;
	border-top: 1px solid #223464;
}
	#menubar ul{
		list-style-type: none;
		margin-top: .6em;
		margin-left: 1em;
	}
	#menubar li{
		float: left;
	}
		#menubar li a{
			display: block;
			padding: 5px;
			color: #fff;
			text-indent: -5000px;
			width: 16px;
			height: 16px;
			background-repeat: no-repeat;
			background-position: top left;
		}
	#menubar #mnu_home_page a{
		background-image: url(../includes/images/home_page.gif);
	}
	#menubar #mnu_calendar a{
		background-image: url(../includes/images/calendar.gif);
	}
	#menubar #mnu_contacts a{
		background-image: url(../includes/images/contacts.gif);
	}
	#menubar #mnu_files a{
		background-image: url(../includes/images/files.gif);
	}
	#menubar #mnu_links a{
		background-image: url(../includes/images/links.gif);
	}
	#menubar #mnu_gallery a{
		background-image: url(../includes/images/gallery.gif);
	}
	#menubar #mnu_user_prefs a{
		background-image: url(../includes/images/user_prefs.gif);
	}
	#menubar #mnu_announcements a{
		background-image: url(../includes/images/announcements.gif);
	}
	#menubar #mnu_users a{
		background-image: url(../includes/images/users.gif);
	}
	#menubar #mnu_log_out a{
		background-image: url(../includes/images/log_out.gif);
	}

#contentholder{
	min-width: 550px;
	margin: 0px auto 20px;
	text-align: center;
	background: #f5f5f5 url(../includes/images/contentbox_right.gif) no-repeat top right;
}

#contentwrapper{
	background: url(../includes/images/contentbox_left.gif) no-repeat bottom left;
}

#content{
	background: url(../includes/images/contentbox_right.gif) no-repeat bottom right;
	margin-left: 1px;
	text-align: center;
	clear: both;
}
	#content #inner{
		padding-left: 10px;
	}

#contentheader{
	background: url(../includes/images/contentbox_left.gif) no-repeat top left;
	height: 50px;
}
	#contentheader #pagetitle{
		float: left;
		padding-left: 10px;	
		font-size: 1.2em;
		font-weight: bold;
		color: #FFF;
		padding-top: .2em;
		line-height: 1.8em;
	}
		#contentheader #headerlinks{
			float: right;
			height: 30px;
			margin-top: -1.6em;
		}
			#headerlinks #help{
				float: left;
				height: 30px;
			}
			#headerlinks .backbutton{
				float: left;
				margin-right: 10px;
				height: 30px;
				margin-left: 10px;
			}

#bottomleft{
	height: 30px;
	clear: both;
	background: url(../includes/images/contentbox_left.gif) no-repeat bottom left;
	margin-left: -1px;
}

hr.cleaner {
	border:medium none;
	clear:both;
	height:1px;
	margin:-1px 0px 0px;
	padding:0px;
	visibility:hidden;
}




	.title
	{
		background-color: #B8C8DF;
	}
	
	.body
	{
		background-color: #E3E6EB;
	}
	
	.footer
	{
		background-color: #CED7E5;
	}

#next_link{
	text-align: right;
}

#auto_link{
	text-align: center;
	width: 100%;
}

A
{
	color: #000000;
}

A:vlink
{
	color: #000000;	
}

A:alink
{
	color: #FF0000;
}

A:hover
{
	color: #FF0000;
}