/* ----------------- POSITIONING DIVS ------------------------------------ */
/*
#D59696  darkest
#F0C8C8
#F5E6E6 lightest
*/




body {
background-color: #E8E6E6;
text-align : center; /*/*place contentarea in centre of page For IE */
font-family: verdana, helvetica, san-serif;
}

#contentarea {
position: relative;
background-color: #E8E6E6;
width: 800px;
margin: 0 auto; /*place contentarea in centre of page */
text-align : left; 
padding: 0;
}

#masthead {
height: 159px;
background-image: url(images/header2.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0px;
}
/* see madge-menu.css for menu specification */

#features {
width: 150px;
height: 100%;
float: left;
background-color: #F5E6E6; 
margin: 10px;
margin-top: -180px;
margin-right: 20px !important; margin-right: 10px;
border: 1px solid #F0C8C8;
padding: 5px;
}

#detailarea {
background-image: url(images/layout-mid.jpg);
background-repeat: repeat-y;
background-position: top left;
margin: 0px;
padding: 10px;

}

#textarea {
margin: 0;
padding: 10px;
width: 549px;
border-right: 1px solid #cccccc;
float: left;
overflow: hidden; 
}

#tags {
background-color: #F5E6E6; 
padding: 10px;
width: 549px;
border: 1px solid #F0C8C8;

}

#footer {
background-image: url(images/layout-bottom.jpg);
background-repeat: no-repeat;
background-position: bottom left;
margin: 0px;
padding-left: 20px;
height: 58px;
}


/* ----------------- GENERAL STYLES ------------------------------------ */

a:link {text-decoration: underline; color: #666666; }
a:visited {text-decoration: underline; color: #996666; }
a:active {text-decoration: underline; color: #666666; }
a:hover {text-decoration: underline; color: #D1232A; }

h3 a:link {text-decoration: none; color: #D59696; }
h3 a:visited {text-decoration: none; color: #D59696; }
h3 a:active {text-decoration: none; color: #D59696; }
h3 a:hover {text-decoration: none; color: #D1232A; }

p, li, table, input, textarea, select  {
font-family: verdana, helvetica, san-serif;
font-size: 9pt;
line-height: 10pt;
font-weight: normal;
color: #000000;
}

#textarea li {
margin-bottom: 8px;
}

table {
margin: 0;
padding: 0;
border-collapse:collapse;
border: 1px solid #F0C8C8;
}

td {
margin: 0;
padding: 5px;
border: 1px solid #F0C8C8;
vertical-align: top;
}

th {
border: 1px solid #F0C8C8;
color: #666666; 
font-size: 8pt;
font-weight: normal;
background: #F5E6E6;
margin: 0;
padding: 5px;
text-align: left;
vertical-align: top;
}

ul {
list-style-type: disc;
}

img {
border: none;
}

h1 {
margin-top: 20px;
margin-bottom: 2px;
font-size: 11pt;
font-weight: normal;
color: #444444;
}

h2 {
font-size: 10pt;
font-weight: bold;
color: #D59696;
margin-top: 20px;
}

h3 {
font-weight: bold;
color: #D59696;
font-size: 9pt;
  }

h4 {
margin-top: 0px;
margin-bottom: 2px;
font-weight: normal;
font-style: italic;
text-decoration: underline;
font-size: 9pt;
color: #D59696;
}

/* ----------------- SPECIFIC STYLES ------------------------------------ */


.caption {
font-size: 7pt;
margin-top: 0;
padding-left: 5px;
}

.highlight {
color: #000000;
background-color: #66FF66;
font-weight: bold;
font-size: 8pt;
}

#homepagefeature {
text-align: center;
background-color: #F5E6E6; 
}

#homepagefeature td, #homepagefeature table {
border: none;
text-align: center;
margin: 0 auto;
}

#features img{
padding: 5px;
}

#textarea img {
padding: 10px;
padding-left: 0;
}

.floatleft {
float: left;
}

#footer p {
margin-top: -20px;
margin-left: 180px;
	padding-top: 20px;
	text-align: left;
	font-size: 7pt;
}

#features p {
font-size: 8pt;
}

#tags p {
font-size: 7pt;
margin: 0;
padding: 0;
text-align: center;
}


#tags h4 {
font-size: 7pt;
margin: 0;
margin-bottom: 2px;
padding: 0;
text-align: center;
font-weight: bold;
font-style: normal;
text-decoration: none;

}

#references li, #references p, #references h2 {
font-size: 7pt;
margin-bottom: 0;
}

.urldetails {
font-size: 7pt;
}

.urldetails a {
color: #D59696;
}

#clear {
clear: both;
}

#contents ul {
margin-left: 0;
}

#contents li a {
font-weight: bold;
color: #D59696;
font-size: 9pt;
list-style-type: none;
padding: 10px;
}

#contents li {
list-style-type: none;
}

#contents li a:hover {
color: #CCCCCC;
}

.userdetails {
font-size: 7pt;
background-color: #FBF5F5;
}

.superscript {
font-size: 7pt;
line-height: 5pt;
vertical-align: top; 
}