/*
 * common.css
 *
 * Styles that are common to many files
 *
 */

body {
	margin                : 0px;
	padding               : 0px;
	background-color      : #666666;      /* Outer frame color */
   font-family           : Arial, Helvetica, sans-serif;
	font-size             : 13px;
}

h1 {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 1.8em;
  color                 : #000;
}

h2 {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 1.6em;
  color                 : #000;
  font-weight           : bold;
  margin-top            : 20px;
}

h3 {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 1.4em;
  color                 : #000;
  margin-top            : 20px;
}

h4, h5, h6 {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 1.2em;
  font-weight           : bold;
  color                 : #000;
}

p, ul, ol, dd, div, td {
  font-family           : Arial, Helvetica, sans-serif;
  color                 : black;
  font-size             : 12px;
  line-height           : 1.5;
}

table.style1 {
  border                : 5px groove #242b31; 
  width                 : 90%;
  margin                : 2em 1em;
}

table.style1 thead th {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 14px;
  font-weight           : bold;
  background-color      : #242b31;
  color                 : #FFFFFF;
  line-height           : 1.5;
}

table.style1 td {
  border                : 1px solid black;
}

table.style1 tbody th {
  border                : 1px solid black;
  text-align            : left;
}

table.style1 tbody th.center, table.style1 tbody td.center
{
  text-align       : center;
}

table.noborder td {
  border                : 0px;
}

a  {
  text-decoration       : none;
/*  color                 : #339933; */
  font-size             : 12px;
  font-weight           : bold;
}

a:hover {
  text-decoration       : none;
/*  color                 : #CC0000; */
  font-size             : 12px;
  font-weight           : bold;
}

a.block {
  display               : block;
  margin-bottom         : 12px;
  border                : 1px solid #FFF;
  padding               : 4px;
  color                 : #000;
  text-decoration       : none;
  font-weight           : normal;
  font-size             : 12px;
}

a.block:hover {
  border                : 1px solid #CCC;
  color                 : #000;
  background            : #F3F3F3;
  text-decoration       : none;
  font-size             : 12px;
}

.required {
  font-weight           : bold;
  color                 : black;
}

.message {
  font-size             : 110%;
  font-weight           : bold;
  color                 : #cc0000;
}

.checkmark
{
  font-weight         : bold;
  font-size           : 20px;
}

/* Header */

#header {
	width                 : 980px;
	margin                : 1em auto 0px;   /* page will be 1em from top of window */
}

#header img, #header table, #header td {
  border                : 0px;
}

#header .banner {
  width                 : 800px;
  height                : 140px;
  background-color      : #242b31;
}

#header .logo {
  width                 : 180px;
  height                : 140px;
	/* background-color      : #fdd184; */
	background-color      : #242c32; 
}

/* Page */

#page {
	width                 : 980px;
	margin                : -2px auto;
	background            : #FFFFFF url(../images/links_background.png) repeat-y; 
}

/* Sidebar */

#sidebar {
	float                 : left;
  width                 : 130px;                /* 180 - 25x2 in ul margin */
  color                 : #FFFFFF;
  background-color      : #242c32;              /* in case page is too short */
 /* background-color      : #fdd184; */             /* in case page is too short */
  padding               : 5em 25px 1em 25px;   /* a minimum spacing before footer */
}

#sidebar ul {
  list-style-type       : none;
  margin                : 0px;
  padding               : 0px;
}

#sidebar li.section {
		  color           : #FFFFFF;
  border-bottom         : 1px solid #553c28;    /* dark brown */
  margin-bottom         : 0.5em;                /* to make a centered line */
  padding-bottom        : 0.5em;
}

#sidebar li {
		  color           : #FFFFFF;
}

/* anchor tags need to be the same in #sidebar and #info */
#sidebar a, #info a  {
  text-decoration       : none;
  color                 : #FFFFFF;
  font-size             : 12px;
  font-weight           : bold;
}

#sidebar a:hover, #info a:hover {
  text-decoration       : none;
  color                 : #ff6600;
  font-size             : 12px;
  font-weight           : bold;
}

/* Content */
#content {
  width                 : 750px;                /* 780px - 25px r margin - 5px for IE6 */
  margin-left           : 205px;                /* 180px for links + 25px l margin */
  /*padding-bottom        : 2em;*/
}

div#content p
{
/*  padding-bottom        : 1em;*/
  text-align            : justify;
}

.title {
	margin                : 0px;
	padding               : 2em 0px 1em;
	font-size             : 180%;
	font-weight           : bold;
	color                 : #660033;
}

.imageleft {
	float                 : left;
	margin                : 0px 20px 10px 0px;
}

.imageright {
  float                 : right;
  margin                : 0px 0px 10px 20px;
}

.caption {
  font-size             : 80%;
  color                 : gray;
  text-align            : left;
}

.grey {
  background-color      : #EFEFEF; 
}

.footnote {
  font-size             : 80%;
}

/* Footer */

#footer {
        clear                 : both;
	width                 : 980px;
	height                : 30px;
	margin                : -2em auto 1em ; /* page will be 1em from bottom of window */
        padding-bottom        : 0px; 
	font-family           : Arial, Helvetica, sans-serif;
	font-size             : 85%;
	text-align            : center;
	vertical-align        : middle;
	background            : #FFFFFF url(../images/links_background.png) repeat-y; 
}

#info {
	float                 : left;
	margin                : 0px;
  	width                 : 130px;
	padding               : 0px 25px 0px 25px;
  color                  : #ffffff;
  background-color      : #242b31;
	line-height           : 1.5em;
}

/* For the entity table */
div.entityContainer {
  width                 : 40em;
  margin                : 1em;
  padding               : 1em;
}

div.entityContainer tr.odd {
  background-color      : #DEDEDE;
}

/* Let's distinguish the columns that are sortable from those that aren't */
table.sortable thead th {
  color            : #FFC68C;
}

table.sortable thead th.sorttable_nosort {
  color            : white;
}