@charset "utf-8";
/* CSS Document */

/* #858f1f green */


				

/*classess*/
.bold { font-weight: bold; } 								
.small { font-size: 1.0em; } 
.smallright { font-size: 1.0em; text-align:right;}
.italic {font-style: italic;} 

body { 
	font: 62.5% Verdana, Geneva, sans-serif; /* if you set this and use em's for all subsequent child fonts (p etc) 1.2ems = 12px/1.4ems = 14px etc */
	line-height: 1.88889;
	color: #646B70; 
	/*if you want an image use - background: #fff url(blossoms.jpg) no-repeat bottom right;*/ 
	padding: 0;
	background-color:#cccccc;
	/* colour of overall background good grey #646B70* or eeeeee*/
	}
	
p { 
	margin-top: 0px; 
	text-align: justify;
	font-size: 1.2em;		
	color: #808080;
	line-height: 1.4em;
	letter-spacing: 0em;
	text-align:left;

	
	}
	

	
p a:link {
				color:#808080; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}
p a:visited {
				color:#808080; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}
p a:hover {
				color: #808080; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}


br {margin-top: 0; 
	text-align: justify;
	font-size: 1.2em;		
	color: #808080;
	line-height: 40%;
	/*letter-spacing: 1em;*/	
	text-align:left;
}	

/* used for nav headings */	
h1 {
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	color: #646B70 ;
	padding-bottom: 20px;
}

h1 a:link {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
h1 a:visited {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
h1 a:hover {
				color: #858f1f; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}
								
								
				
/* used for all headings use .bold  classes */	
h2 {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	color: #ffffff ;
	border-top: #DDDDDD 1px solid;
	background-color:#90278E;
}

h2 a:link {
				color:#90278E; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
h2 a:visited {
				color:#90278E; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
h2 a:hover {
				color: #90278E; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}
				
				
				/* used for all headings use .bold  classes */	
h3 {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	color: #646B70 ;
	
}

h3 a:link {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
h3 a:visited {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
h3 a:hover {
				color: #858f1f; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}
				
	/* lists inc course menu looks like p*/	
ul {
font-size: 1.2em;
	list-style: none; /*this removes the bullet points of the list and allows the list to be inline (in 1 horizontal line)*/
	width: 210px;
	padding: 0px;
	margin: 0px;} /*margin for overall list*/


ul a:link {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}
ul a:visited {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   }
ul a:hover {
				color: #858f1f; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
				
li	{
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
	}
	
li a:link {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}		
li a:visited {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   }
li a:hover {
				color: #858f1f; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
		
/* tables looks like p*/					
#general_table
{
	font-family: Verdana, Geneva, sans-serif;
	width: 440px;
	border-collapse: collapse;
	text-align: left;
	font-size: 1.2em;
	color: #808080;
	margin-bottom: 10px;
	margin-top: 0px;
	
	
}
#general_table th
{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #808080;
	
	
}
#general_table td
{
	padding: 0px 5px 0px 0px;
	text-align: left;
	vertical-align: top;
	color: #808080;
	line-height: 1.4em;
	letter-spacing: 0em;
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/* horizontal line that work in all ie's see http://www.codingforums.com/archive/index.php/t-150257.html us <div class="hr_reg"></div> in the code to create the line*/
.hr_reg, .hr_heavy
{
margin: 0px;
background-color: #DDDDDD;
overflow: hidden;
}

.hr_reg
{
height: 1px;
}

.hr_heavy
{
height: 2px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/



/* div containers--------------------------------------------------------------------------------------------------------------------------*/

/* wrapper--------------------------------------------------------------------------------------------------------------------------*/
/* contains all, used for border shadow */
div#wrapper {
	margin-left: auto; 				/* these 2 properties force the container to the centre - you can use - margin: 1em auto; */
	margin-right: auto;  			/* "" */
	width: 960px;   				/* this allows for a 30 margin either side (960 overall) */
	position: relative;
	background: #ffffff /* url(_files/backgroundgradient.gif) repeat-y if you want this gradient increase overal size to 980*/;
	padding-top: 20px;
	border: #333333 1px solid;
	/* border-top:#DDDDDD 3px solid;
	border-bottom:#DDDDDD 3px solid; */
	}
	
/* contains all */
	div#wrapper2 { 
	margin-left: auto; 				/* these 2 properties force the container to the centre - you can use - margin: 1em auto; */
	margin-right: auto;  			/* "" */
	width: 900px;   				/* this allows for a 30 margin either side (960 overall) */
	position: relative; 
	background-color:#ffffff;
	}
	
/* head--------------------------------------------------------------------------------------------------------------------------*/
	
	
div#head {
	float: left;  width: 900px; 
	
	/* border-top: #333333 1px solid;
	padding-top: 10px ; add this to add a line to the top of the menu */ }

	
div#head_news { 
	width: 900px;
	padding-bottom: 10px;
	border-top:#333333 1px solid; /* dddddd */
	}
	
/*-----------------------------------*/	
/* rules for fist head navigation menu list (a <dt> list is used insted of <ul> list see http://www.subcide.com/tutorials/csslayout/page7.aspx) */
#head_nav dl {
	font-size: 1.4em;
	list-style: none; /*this removes the bullet points of the list and allows the list to be inline (in 1 horizontal line)*/
	float: left;
	width: 600px;
	font-weight: bold;
	margin: 0px ;}


#head_nav a:link {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
#head_nav a:visited {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
#head_nav a:hover {
				color: #858f1f; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}

#head_nav dt {
	font-family: Verdana, Geneva, sans-serif;
	float:left;
	margin: 0px 3em 0px 0px;}
/*-----------------------------------*/	

div#head_logo {
	float: right;  width: 230px; }
	
div#head_nav2 {
	float: left;  width: 900px; /* use this for urgent news background-color:#000000; */}
	
	
div#head_img {
	float: left;  width: 900px;  margin: 0px 0px 5px 0px; padding-top: 5px; border-top: #999999 1px solid; }
	
/* body--------------------------------------------------------------------------------------------------------------------------*/	
div#body {
	float: left;  width: 900px; padding-bottom: 20px;}
	
/*-----------------------------------*/	
div#body_nav {
	float: left; width: 210px; padding-top: 16px;}

/* _-------------------------------------------------------------------------------------------------------------------------------------------------*/
/* rules for main navigation menu list (a <dt> list is used insted of <ul> list see http://www.subcide.com/tutorials/csslayout/page7.aspx) */
 #body_nav dl {
	font-size: 1.4em;
	list-style: none; /*this removes the bullet points of the list and allows the list to be inline (in 1 horizontal line)*/
	width: 210px;

	margin: 0px 0px 20px 0px;} /*margin for overall list*/


#body_nav a:link {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
#body_nav a:visited {
				color:#646B70; font-family: Verdana, Geneva, sans-serif;   text-decoration: none;}
#body_nav a:hover {
				color: #858f1f; font-family: Verdana, Geneva, sans-serif;   text-decoration: underline;}

/*this adjust indivdual lines in the list*/
#body_nav dt {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	border-bottom:#DDDDDD 1px solid;
	line-height: 1.4em;
	}
/*-----------------------------------*/



div#body_contents {
	float: right;
	width: 670px;
}
	


div#body_contents_nav {
	float: left; width: 670px; margin: 0px 0px 15px 0px; /* border-bottom:#DDDDDD 1px solid;*/}
	
div#body_contents_img {
	float: left;
	width: 670px;
	border-bottom:#DDDDDD 1px solid; 
	margin: 10px 0px 10px 0px;

}
	

div#body_contents_info1 {
	float: left; /* background: #ffffff url(_files/backgroundleftline.gif) repeat-y; */ width: 670px; }
	
div#body_contents_info2 {
	float: left; /* background: #ffffff url(_files/backgroundleftline.gif) repeat-y; */ width: 670px; margin-top: 5px;}

/* footer used at bottom of container to ensure wrapper div expands completely vertically */
#footer { 
	clear: both; border-top: #999999 1px solid; padding-bottom: 20px; 
}

/* _-------------------------------------------------------------------------------------------------------------------------------------------------*/

/* third boxes */
.leftthird {float: left; width: 210px; padding-right: 20px; height: 100%;}

.centerthird {float: left; background-color:#ffffff; width: 210px; }

.rightthird {float: right; width: 210px; padding-left: 20px;}


/* full stretch overal */
.fullstretch { float: left; background-color:#ffffff; width: 670px; }

		/* twothird boxes */
.left2third {float: left; background-color:#ffffff; width: 440px;}

.right2third {float: right; background-color:#ffffff; width: 440px; }

		
		
		
/* image floats--------------------------------------------------------------------------------------------------------------------------*/		

/* used for all images except in a 3 column*/
.floatleft
{
	float:left;
	margin: 4px 10px 10px 0px;
	border: 1px solid #DDDDDD;
	padding: 4px;
		
}

.floatleftnoline
{
	float:left;
	margin: 4px 0px 4px 0px;
	padding: 0px;
		
}


/* used for all images in a 3 column*/
.nofloat
{
	border: 1px solid #DDDDDD;
	padding: 3px;
	/* margin-top: 4px; */
	
}