/* Fonts */
body  {font-family:verdana,sans-serif;background-color:white;color:black}
h1    {font-size:1.5em;font-weight:bold;text-decoration:underline}
h2    {font-size:1.0em;font-weight:bold}
h3    {font-size:0.8em;font-weight:bold;text-decoration:underline}
h4    {font-size:0.8em;font-weight:normal;text-decoration:underline}
p     {font-size:0.8em}
pre   {font-size:0.8em;background-color:#eee;color:black}
table {}
td    {font-family:verdana,sans-serif}
th    {font-family:verdana,sans-serif}
th p  {font-weight:bold}
a     {background-color:inherit;color:#000}
img   {vertical-align:text-top}
textarea       {font-size:0.8em;font-family:verdana,sans-serif}
.inputField    {font-size:1.0em;font-family:verdana,sans-serif}
.inputTextarea {font-size:0.8em;font-family:verdana,sans-serif}

/* Spacing */
.first   {padding-top:0}
body     {margin:0;padding:1em;border:none}
h1       {margin:0;padding:0}
h2       {margin:0;padding:3.0em 0 0 0}
h3       {margin:0;padding:2.0em 0 0 0}
h4       {margin:0;padding:1.5em 0 0 0}
p        {margin:0;padding:0.8em 0 0 0}
pre      {margin:0;padding:0.85em;white-space:pre-wrap;word-wrap:break-word}
ul       {margin:0;padding:0 0 0 2em}
ol       {margin:0;padding:0 0 0 2em}
li       {margin:0;padding:0}
table    {margin:0;padding:0;border:none;background-color:red;color:black}
table.adhoc {background-color:white;color:black}
th       {margin:0;padding:0 0.2em 0.2em 0.2em;text-align:left;vertical-align:middle}
td       {margin:0;padding:0 0.2em 0.2em 0.2em;text-align:left;vertical-align:top}
a img    {margin:0;padding:0;border:none;text-decoration:none}
textarea {margin:0;padding:0;width:100%}

/* Borders */
h2    {padding-bottom:2px;border-bottom:solid 1px #ddd}
table {border-top:solid 1px #ddd;border-left:solid 1px #ddd}
th    {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
td    {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}

/* Table Alignment */
/* All tables must be placed inside a DIV to constrain the table */
/* All tables must have cellspacing=0 */
/* The div, table, th and td elements must all have a class picked from layoutTable, tableLeft, tableCenter or tableFull */
/* If you forget the class then the cell will have a red background - you can force a normal looking table by giveing the table class='adhoc' */
/* layoutTable */
div.layoutTable   {width:100%}
table.layoutTable {width:100%;background-color:inherit;color:inherit}
th.layoutTable    {padding:0;background-color:inherit;color:inherit}
td.layoutTable    {padding:0;background-color:inherit;color:inherit}

/* tableLeft */
div.tableLeft   {width:100%;text-align:left}
table.tableLeft {margin:0;padding:0;border:none}
th.tableLeft    {background-color:#eee;color:black}
td.tableLeft    {background-color:white;color:black}

/* tableCenter */
div.tableCenter   {width:100%;text-align:center}
table.tableCenter {margin:0 auto 0 auto;padding:0;border:none}
th.tableCenter    {background-color:#eee;color:black}
td.tableCenter    {background-color:white;color:black}

/* tableFull */
div.tableFull   {width:100%}
table.tableFull {margin:0;padding:0;border:none;width:100%}
th.tableFull    {background-color:#eee;color:black}
td.tableFull    {background-color:white;color:black}

/* Screen Reader hints should be moved off-screen */
.accessibilityText     {position:absolute;left:-2500px}
.accessibilityShortcut {}

/* Bound floats - this should never be styled with additional margins, padding or borders */
.floatContainer {overflow:hidden;width:100%}

/* Frames - graphical border around a div */
.frame            {padding-top:1px}
.frameInner       {position:relative;_height:0} /* The '_height' is an implementation of the Holly Hack neded to get position absolute working in IE6, see http://www.satzansatz.de/cssd/onhavinglayout.html */
.frameContent     {zoom:1} /* This 'zoom' hack is needed to render the backgrounds colour in IE5.5, it doesn't affect other browsers */
.frameTop         {position:absolute;top:-1px;right:0;width:100%;text-align:right}
.frameRight       {position:absolute;bottom:0;right:0;height:100%}
.frameBottom      {position:absolute;bottom:0;right:0;width:100%;text-align:right}
.frameLeft        {position:absolute;bottom:0;left:-1px;height:100%}
.frameTopLeft     {position:absolute;top:-1px;left:-1px}
.frameTopRight    {position:absolute;top:-1px;right:0}
.frameBottomLeft  {position:absolute;bottom:0;left:-1px}
.frameBottomRight {position:absolute;bottom:0;right:0}

/* Page Layout - min and max size */
body.layoutPage {padding:0;text-align:center}
div.layoutPage  {text-align:left;min-width:40em;max-width:60em;margin-left:auto;margin-right:auto}
body.layoutPage {background-color:#eee;color:black}
div.layoutPage  {}

/* Content Layout - left, middle, right inside a div */
.layoutLeft   {text-align:left;float:left}
.layoutMiddle {text-align:center}
.layoutRight  {text-align:right;float:right}
.layoutLeftInner   {}
.layoutMiddleInner {}
.layoutRightInner  {}

/* Page content - header, footer, etc */
.pageWrapper {padding:0.5em}
.pageHeader  {background-color:#ddd;color:black}
.pageHeader h2 {padding-bottom:0;border:none;font-size:1.3em}
.pageHeader .layoutLeft   {padding:0 0.5em 0 0}
.pageHeader .layoutMiddle {padding:0.5em;text-align:left}
.pageHeader .layoutRight  {padding:0.2em}
.pageMenu .layoutLeft {padding-left:10px}
.pageMenu .layoutRight {padding-right:10px}
.pageContent {padding:0.5em 0.5em 1em 0.5em;background-color:#fff;color:black}
.pageFooter  {text-align:center}

.pageNav {}
.pageBreadcrumbs {padding-top:0.15em}


/* Decorative images */
.pageContent .imageRight {float:right;padding-left:0.5em}
.pageContent .clearImage {clear:right}
.pageContent li p {font-size:1em}
.pageContent li {font-size:0.8em}

.noJsWarning {background-color:red;color:white}