/*
 * 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                : 0.5em 0em;
}

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-size             : 100%;
  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                : 0px auto;
	background            : #FFFFFF url(../images/links_background.png) repeat-y; 
}

/* Sidebar */

#sidebar {
  float                 : left;
  width                 : 156px;                /* 180 - 12x2 in padding */
//  background            : #242c32 url(../images/black-grey-gradient.png) repeat-x;
  background-color      : #242c32;              /* in case page is too short */
  padding               : 1em 12px 2em;   /* a minimum spacing all round */
  color                 : #FFFFFF;

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

#sidebar h4 {
  margin                : 0;
  padding-top           : 1em;
  background-color      : transparent;
  font-family           : Arial, Helvetica, Sans-serif;
  color                 : white;
  font-size             : 1.2em;
  font-weight           : bold;
}

#sidebar hr {

  border: 1px solid #00549d;
}

div#sidebar a {
  width                 : 146px;
  height                : 20px;
  background            : transparent url(../images/button-gradient.png) repeat-x;
  display               : block;
  margin                : 0;
  padding               : 6px;
  color                 : white;
  font-size             : 13px;
  font-weight           : bold;
  text-decoration       : none;
}

#sidebar a:hover {
  background            : white url(../images/button-gradient-hover.png) repeat-x;
  color                 : yellow;
  font-size             : 13px;
  font-weight           : bold;
  text-decoration       : none;
}


/* 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;
}