html, body {
margin:0;
padding:0;
border:0;
height:100%;
}
#main {
width:100%;
height:100%;
}
#maintd {
vertical-align:middle;
}


body {
    margin: 5px;
	background-color:#eee2ef;
	font-size: 81.25%; /*approx 13 px*/
	font-family: Arial, verdana, Helvetica, sans-serif;
	}


#top_links { 
  margin-left: auto; 
  margin-right: auto;
  width: 940px;
  margin-bottom:5px;
  color:#4c4638;
  font-size:0.85em;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px;
  margin-top:1px;
  
}

#top_links a {
	color:#4c4638;
}

#top_links a:link {
	color:#4c4638;
}

#top_links a:visited {
	color:#4c4638;
}


#top_links a:hover {
	color:#aa489f;
}


#top_links a {
text-decoration:none;
}

#surround {
  margin-left: auto; 
  margin-right: auto;
  width: 940px;
  background-color:#0F6;
  background: #eaeaea;
  border-top: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
 }
 
#head{
  background:#f4f4f4;
  background-color:#f4f4f4;
  background: url('images/header-grad.jpg') repeat-x;
  margin-left: auto; 
  margin-right: auto;
  height: 90px;
  width: 940px;
  border-right: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
   border-top: 10px solid #ffffff;
  } 



/***************************************colour****************************/

body {
  background:#eeeeee;
  color:#555555;
}


/********************************************logo**************************************/

.pad_im{
  margin-top:14px;
  margin-left:10px;
  }

.pad_im2{
  margin-top:14px;
  margin-left:5px;
  }


h1
h2
h3
h4
h5
h6 {
  text-align: left;
  padding-left: 5px;
} 

h1 {
    font-size:1.2em;
}

h2 {
    font-size:1.15em;
}


h3 {
    font-size:1.1em;
}



.tdate {
	float:right;
	display:inline;
	clear:right;
}


a:link {
   /* color: #0091ab;*/
   color:#0000ee;
   text-decoration:none;
}

a:visited {
   /* color:#0091ab;*/
   color:#0000ee;
   text-decoration:none;
}


a:hover {
    /*color: #83c8ff;*/
	text-decoration:none;
	color:#aa489f;
}

a.dimmed:link,
a.dimmed:visited {
  color:#AAAAAA;
}


/************************************FOOTER******************************************/

#footer{
  margin-left: auto; 
  margin-right: auto;
  width: 940px;
  text-align:center;
  background:#b280b8;
  border-right: 10px solid #b280b8;
  border-left: 10px solid #b280b8;
  padding-top:10px;
  }


.footerlinks ul{
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size : 11px;
 list-style:none;
 }


.footerlinks li  {
	font-size : 1em;
	font-weight:bold;
	display: inline;
	color:#FFF;
	margin-left:0px;
	padding:0px;
	padding-left:0px;
	padding-right:3px;
}
	

.footerlinks a {
color:#FFF;

}

.footerlinks a:hover {
    /*color: #83c8ff;*/
	text-decoration:underline;
	color:#FFF;
}


.footsmall{
	color:#FFF;
	font-size:0.8em;
	font-family: Arial, Verdana, Geneva, sans-serif;
	vertical-align:middle;
	margin: 0px 50px 0px 50px;
	line-height:1.1;
	color:#201f1f;
}

#footer p.helplink {
 margin-bottom: 0px;
}

/*************************************3 cols****************************************/

#lefCol { 
float:left; 
width:300px;
/*background-color:orange;*/
background:#FFFFFF;
padding-bottom:20px;


}
#midCol { 
float:left; 
width:360px;  
/*background-color:yellow; */
background:#FFFFFF;
padding-bottom:20px;


}

#rigCol { 
float:left; 
width:240px;  
/*background-color:purple; */
background:#eaeaea;
height:100%;
background: url('images/grey_bg.gif') repeat-y;

}

.pad{
padding-left:25px;
padding-right:20px;
padding-top:0px;
}

.pad2{
padding-left:0px;
padding-right:100px;
padding-top:0px;
}

#rigCol p{
padding-top:0px;
margin-top:0px;
}


.pad3{
padding-left:20px;
padding-right:20px;

}



.pad4{
padding-left:20px;
font-size:x-large;
}

.clearfix:after 
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */

.clearfix { display: inline-block; }

/* start commented backslash hack \*/ * html .clearfix { height: 1%; }

.clearfix { display: block; } /* close commented backslash hack */ 

#container{
background:#FFFFFF;
border: 20px solid #eaeaea;
}

#welc{
font-size:2em;
font-weight:bold;
padding-left:25px;
background:#FFFFFF;
}

#welc2{
border-bottom:#eaeaea 1px solid;
background:#FFFFFF;
margin-right:260px;
margin-left: 20px;
}

#welc3{
padding-top:10px;
height:36px;
}

#blok{
float:right;
width:240px;
background:#eaeaea;
padding-top:10px;
border:0px;
padding-bottom:0px;
border-bottom:#eaeaea 1px solid;
height:36px;
}

.entry{
padding: 10px 0px 0px 0px;
}

#als_text{
	float:right;
	padding-right:5px;
	 margin-top:14px;
}

.moodle_im{
	padding-left:4px;
	display:inline;
}

.pdf{
	height:10px;
	display:inline;
	vertical-align:text-top;
}