/* CSS Document For The Department of Informatics, Umea University */


/* Zeroing margins for central elements */
html, body, form, div, h1, h2, h3, p {
	margin:0;
	border:0;
	padding:0;
}

/* Making the main container centered in IE */
body {
	text-align:center;
	background-image:url(../images/main_background_brown.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-attachment:scroll;
	color:#77756F;
}

/* Start of main and top selectors */
#container {
	width:840px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
}

#top {
	width:840px;
	height:164px;
	background-image:url(../images/top_background_bright.gif);
	background-repeat:no-repeat;
	display:block;
}

#top h1{
	font:24px Georgia, "Times New Roman", serif;
	color:#000;
	letter-spacing:1px;
	padding-top:80px;
	padding-left:20px;
	padding-bottom:2px;
}

#top h2 {
	padding-left:20px;
	padding-top:0px;
	font:10px Verdana, sans-serif; 
	letter-spacing:1px;
	color:#000;
}

/* Start of selectors/sub-selectors for the navigation section */
#navSection {
	clear:both;
	width:820px;
	display:block;
	padding-top:0px;
	margin-left:20px;
	padding-right:0px;
}

#navSection ul {
	list-style-type:none;
	display:inline;
}

#navSection ul li {
	display:inline;
}

#navSection ul li a {
	float:left;
	font:10px Verdana, sans-serif;
	letter-spacing:1px;
	width:144px;
	color:#DF1F20;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px dotted #999;
	border-top:1px solid #5F5D58;
	margin-right:20px;
	text-decoration: none;
}

#navSection ul li a:hover {
	border-bottom:1px solid #5F5D58;
	border-top:1px dotted #999;
	color:#5F5D58;
}

/* Start of content related selectors */
#mainSection {
	clear:both;
	width:800px;
	margin:24px 20px;
	font:10px Verdana, sans-serif; 
}

#mainLeftCol {
	width:472px;
	padding-top:20px;
	border-top:1px solid #5F5D58;
	float:left;
}

#mainLeftCol h1, #mainRightCol h1 {
	font:14px Verdana, sans-serif;
	letter-spacing:2px;
	color:#77756F;
	letter-spacing:1px;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #999;
}

#mainLeftCol h2, #mainRightCol h2 {
	font:10px Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	color:#77756F;
	letter-spacing:1px;
	padding-bottom:5px;
	padding-top:5px;
}

#mainLeftCol p, #mainRightCol p {
	line-height:18px;
	text-align:justify;
	margin-bottom:12px;
}

#mainLeftCol ul {
	list-style-type:none;
	padding-left:20px;
	margin-left:0px;
}
#mainLeftCol ul li {
	margin:0px;
	padding-bottom:4px;
	border:0px;
}

#mainLeftCol ul li a {
	font:10px Verdana, sans-serif;
	letter-spacing:1px;
	color:#DF1F20;
	text-decoration:none;
}

#mainLeftCol ul li a:hover {
	border-bottom:1px solid #5F5D58;
	color:#5F5D58;
}

#mainRightCol {
	margin-left:492px;
	padding-top:20px;
	border-top:1px solid #5F5D58;
}

#mainRightCol img{
	float:right;
	padding-left:10px;
	padding-top:5px;
}

#greyBox {
	width:462px;
	border:1px dotted #999;
	padding:4px;
}

#footer {
	clear:both;
	width:832px;
	color:#77756F;
	border-top:1px dotted #B9B9B9;
	font:10px Verdana, sans-serif;
	margin-top:40px;
	padding:4px;
	text-align:center
}

/* Start of special classes */

.searchBox {
	background-color:#F6F6F6;
	color:#77756F;
	width:240px;
	margin-top:4px;
	margin-right:20px;
	border:1px solid #B9B9B9;
	font:10px Verdana, sans-serif;
}
.searchButton {
	background-color:#F6F6F6;
	color:#77756F;
	margin-top:4px;
	border:1px solid #B9B9B9;
	font:10px Verdana, sans-serif;
	float:right;
}

.searchButton:hover {
	border:1px solid #818181;
}

.searchBox:hover {
	border:1px solid #818181;
}

.searchBox:active {
	border:1px solid #818181;
}

.searchText {
	padding-bottom:0px;
	padding-top:10px;
	display:block;
	font:10px Verdana, sans-serif;
	color:#77756F;
}

.extraSpace {
	margin-top:20px;
}

.specialFormat {
	font-style:italic;
}