/* .css file for MScProjectdmh Website. */
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #666666;
	scrollbar-face-color:      #CBD3AB;
  scrollbar-shadow-color:   #98A153;
  scrollbar-highlight-color:#98A153;
  scrollbar-3dlight-color:  #DED3BA;
  scrollbar-darkshadow-color:#000000;
  scrollbar-track-color:      #FFF;
  scrollbar-arrow-color:     #98A153;
}


html
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
/* The page is referred to as a container, within which are a number 
of divisions. This allows us to work on various sections of a page without
having to resort to frames or tables. */
#container
{
	margin-left: auto;
	margin-right: auto;
	/* Setting the page/container to 70% gives a decent page appearance at both
	high and low 	resolutions. */ 
	width: 70%;
	padding: 0px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: left;
	color: #000;
	background: #FFFDED;
}
/* The first of our three divisions. This merely holds a picture, though it
could be expanded to do other things. */
div#pageHeader
{
	width: 70%;
	height: 20%;
	border-bottom: 3px solid #98A153;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	background: #B9BC74;
}

div#pageFooter
{
	float: center;
	width: 70%;
	height: 10px;
	border-bottom: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	background: #B9BC74;
	/*border-left: 1px solid #000;*/
	/*border-right: 1px solid #000;*/

}


/* The editorial division holds text and graphics and occupies the ramainder
of the page available below the pageHeader division and to the left of the
navcontainer division */

div#editorial
{
	float: right;
	width: 70%;
	height: 52%;
	padding: 0px 0px 10px 0px;
	/*border-right: 1px dashed #B9BC74;*/
	/*border-right: 1px solid #000;*/
	overflow: auto;
}
div#sitemapcontainer
{
	margin-left: auto;
	margin-right: auto;
	/* Setting the page/container to 712px gives a decent page appearance at both
	high and low 	resolutions. */ 
	width: 712px;
	padding: 0px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-align: left;
	color: #000;
	background: #FFFDED;
}	
/* Occupies the right hand side of the page available below the pageHeader
division. The "float: right" attribute in this, the last defined division, 
forces this to the right of the page, whereas the same attribute in the
editorial division forces that division to the right of the available page 
AFTER the navcontainer has been rendered. */

div#navcontainer
{
	float: right;
	width: 30%;

}

.clearboth { clear: both; }

/* ddm1 defines the Navigation and Drop Down Menu properties */
/* ddm1 stands for Drop Down Menu Item. Although the initial menu options
do not "drop down", many of their visual properties are identical to those of the
drop down elements and are inherited. */

.ddm1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
	height: 10px;
	background-color: #CBD3AB;
	border-bottom: 1px solid #FFFFFF;
	text-indent: 10px;

}

/* item1 is the definition for the intial menu items */

.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddml .item1-visited,
.ddm1 .item1-active:hover {
	
	width: 170px; 
	padding: 5px 8px 8px 8px;
	border: 1px #FFF;
	border-style: solid solid none solid;
	text-decoration: none;
	display: block;
	position: relative;
	font-size: 8pt;
	height: 10px;
	text-indent: 10px;
	border-bottom: 1px solid #FFFFFF;
}

.ddm1 .item1 {

	color: #000000;
	background-color: #CBD3AB;
}

.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddml .item1-visited,
.ddm1 .item1-active:hover {
	
	background-color: #98A153;
	color: #FFFFFF;
}

/* item2 is the definition for the Drop Down Menu items */

.ddm1 .item2,
.ddm1 .item2:hover,
.ddml .item2-visited,
.ddm1 .item2-active:hover {

	padding-top: 4px;
	padding-bottom: 4px; 
	text-decoration: none;
	white-space: nowrap; 
	font-size: 7pt;
	display: block;
	height: 10px;
	background-color: #CBD3AB;
	border-bottom: 1px solid #FFFFFF;
	text-indent: 10px;
	height: 10px;
}

.ddm1 .item2 {

	background-color: #CBD3AB;
	color: #000000;
}
/* */

.ddm1 .item2:hover,
.ddm1 .item2-active,
.ddml .item2-visited,
.ddm1 .item2-active:hover {

	background-color: #98A153;
	color: #fff;
}
	/* */
/* Defines the Drop Down Menu div properties */

.ddm1 .section {

	border: 1px #FFF;
	border-style: solid solid solid solid;
	position: absolute;
	visibility: hidden;
	z-index: 1;
	background-color: #CBD3AB;
}

html .ddm1 td { position: relative; } /* ie 5.0 fix */


h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 14pt;
	text-transform: uppercase;
	color: #98A153;
	padding-top: 5px;

}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #666;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	color: #98A153;
}

table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 13pt;
	color: #666;
	width: 90%;
}

.tabledata
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	line-height: 14pt;
	color: #666;
}
.picalign
{
/*	padding-right: 10px*/
/*	padding-left: 0px;*/
	float:left;
	border-color: #c06;
	/*border-left: 30px; */
	border-width: 30px;
}

/* .imgalign puts picture to left side
 with border round top, right, bottom */
.imgalign
{
 float: left;
 border-style: solid;
 border-width: 5px 10px 10px 0px; /* top, right, bottom, left side */
 border-color: #FFF; /* red colour to show the border, for test purpose */
}
	
}
#editorial a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #666666;
	text-decoration: underline;
}
#editorial a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #666666;
	text-decoration: underline;
}
#editorial a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #98A153;
	text-decoration: none;
}
.picCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 14pt;
	color: #98A153;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #98A153;
}
#editorial li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	color: #98A153;
	list-style-position: outside;
	list-style-type: decimal;
}

hr {
	color: #000000;
	background-color: #FFFFFF;
	border: 0px;
	height: 1px;
	width: 280px;
}