/* http://javascript-array.com/scripts/simple_drop_down_menu/
	http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal*/
/*
	background: #f6f7d5;  yellow background colour of page
	background: #7d4b34;  brown background of menu items
Brown bar #7D4B34
Cream page background colour #F6F7D5 (this is the colour of the button text as you see it first.
Hover #51BEFF
Live page (rollover) #ACEOFF
Big italic text same as brown bar #7D4B34
Main text same as the darker logo blue, rules too, #00337F
*/

/* ################  Pages   ############### */


html
{
	background: #2A1911;
	margin-top: 0px; /*removes black band above page in FF only*/

}
body {
	width: 880px; /* the 2 px extra compensates for irregularity on right edge in FF*/
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding: 0px;
	background: #f6f7d5; /*yellow  background colour of page*/
	font: 50% verdana, arial, sans-serif; /*Determines the size of the menus and submenus! */
	color: #00337F; /*Blue text font */
	font-style: normal;
  font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.9px;
	}


.red_text
{
	color: #7d4b34;
}
.next
{
float: left; 
border: none; 
margin-top: -27px; 
margin-left: 400px;"
}
.next2
{
float: left; 
border: none; 
margin-top: -27px; 
margin-left: 475px;"
}
.close
{
text-decoration: none;
font-size: 10px;
padding-bottom: -5px;
font-weight: 900;
color: #663E2A;
}
.instruct
{
font-size: 11px;
color: #f6f7d5; /*old colour: #7D4B33*/
float: right;
font-weight: 900;
padding-right: 110px;
margin-top: -20px;
}
.instruct_project
{
font-size: 11px;
color: #00337F;
/*font-style: italic;*/
float: left;
font-weight: 900;

}
/*##################Page layout###################*/

div.content
{
	width: 660px;
	margin: auto;
	/*background-color: red;
	border: 1px solid gray;*/
}
div.page
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	/*	background: green;*/
}


div.floatleft
{

	float: left;
	/*border: 1px solid blue; */
}
div.floatright
{
	float: right;

	/*border: 6px solid yellow;*/

}
.caption {
	text-align: right;
	width: auto;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	
	/*border: 2px solid green;*/
}

form {
	margin-bottom: 0px;
}

img.blowup{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: solid #7D4B34;
	border-width: 10px;
}
/* ################  logo   ############### */
div#logo
{

	height:180px;
	background: url(images/misc/logo.png);
	border-left: none;
	
}

/* ################   footer   ############### */
div#footer{

	padding-top: 50px;
	float: left;
	width:880px;
	height:70px;
	margin: auto;
	background: #F6F7D5;
	font-weight: bold;
	margin-top: 0px; /*removes a small horizontal line*/

}
div#footer_text{
	padding-left: 110px;/*distance footnote from left*/
	margin: 0;
}

/* ################   Menu items   ############### */
#sddm
{
	padding-top: 165px;  /*position of all the menu items*/
	float: right;
	padding-right: 110px;
	margin: 0;
	/*padding-right: 66px; /* moves the last menu item away from the right edge*/
	}
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 10px arial; /*menu item font size*/
	} /*menu font*/
#sddm li a /*menu items*/
{	display: block;
	margin: 0 0px 3px 0; /*Space between menu itmem and first submenu item*/
	padding: 0px 0px 0px 28px;/*Space between menu itmems*/
	background: transparent; /* menus*/
	color: #f6f7d5;
	text-align: left;
	text-decoration: none;
	list-style-type: none; /*Removes eventual bullets and allows replacement by background image*/
}
	#sddm li a:hover/* menus hover*/
{	background: transparent;
	color: #663E2A  ;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #f6f7d5; /*background behind background on submenu itmes*/
	border: 0px;
	margin-top: 1px;
}
#sddm div a
{	position: relative;
	display: block;
	margin-left: 28px;
	padding: 2px 0px 0px 0px; /* space between sub menu items and to the right of the red dot*/
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #F6F7D5 ; /*color  behind sub-menus #F6F7D5*/
	color: #AF8962 ;
	font: 95% verdana, arial, sans-serif; /* drop down menu size to compensate for optical illusion*/
	font-weight: bold; 
  }
	
	#sddm div a:hover
{	 /*color hover behind sub-menus */
	background: #f6f7d5;
	color: #7D4B34;

} /*color hover submenurs*/
.black_menus /*concerns selected menu itme*/
{
	color: #f6f7d5;
	background: transparent; /*background behind home menu item */
	padding-left: 20px; /*the amount of space to the left of the home menu item*/
}

/* ################   How we work and about buttons   ############### */

/*
.center{
	clear: both;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	padding-top: 6px;
	margin-top: 30px; /*adjusts buttons for IE only!
	margin-bottom: 30px; /*adjusts buttons for IE only!
	border: 1px solid green;
	height: 15px;
	background: url(images/misc/bg.jpg);
}


.link a:hover{
	text-decoration: none;
	color: #663E2A; /*dark brown
}
.link a:focus{
	text-decoration: none;
	color: #FFE592;
}
.link a:active{
	text-decoration: none;
	color: #FFE592;
}
.link a{
	text-decoration: none;
	color: #F6F7D5;
	border: 0px solid blue;
	padding-left: 25px;
	padding-right: 25px;
	
}
*/



.center{
	clear: both;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	border: 0px solid green;
	padding-top: 25px;
	margin-top: 25px;
	height: 50px;
	


}

.link a:hover{
	color: black;
	background: url(images/misc/bg.jpg);
	text-decoration: none;
	color: #FFC844;
}
.link a{

	background: url(images/misc/bg.jpg);
	text-decoration: none;
	color: #F6F7D5;
	border: 0px solid blue;
	padding: 6px 15px 3px 15px;
	margin-right: 12px;
	margin-left: 12px;
}


li
{
margin-bottom: 10px;
}