/* Fonts */
body {font-family:verdana,sans-serif;background-color:white;color:black}
td   {font-family:verdana,sans-serif}
th   {font-family:verdana,sans-serif}
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}
h1   {font-size:1.3em;font-weight:bold}
h2   {font-size:1.0em;font-weight:bold}
h3   {font-size:0.8em;font-weight:bold}
p    {font-size:0.8em}
th p {font-weight:bold}

/* Spacing */
body     {margin:0;padding:0;border:none}
h1       {margin:0;padding:0}
h2       {margin:0;padding:1.0em 0 2px 0;border-bottom:solid 1px silver}
h3       {margin:0;padding:0.8em 0 0 0}
p        {margin:0;padding:0.3em 0 0 0}
th p     {margin:0}
textarea {margin:0;padding:0;width:100%}
.table   {margin:0;padding:0.3em 0 0 0}
th       {margin:0;padding:0;text-align:left;vertical-align:middle}
td       {margin:0;padding:0;text-align:left;vertical-align:top}
ul       {margin:0;padding:0 0 0 2em}
ol       {margin:0;padding:0 0 0 2em}
li       {margin:0;padding:0}
a img {margin:0;padding:0;border:none;text-decoration:none}
.firstEntry {padding-top:0}

/* TABLES - must be placed inside a DIV with the same class - all tables must have cellspacing=0 */
div.layoutTable {width:100%}
div.tableLeft   {width:100%;text-align:left}
div.tableCenter {width:100%;text-align:center}
div.tableFull   {width:100%}
table.layoutTable {margin:0;padding:0;border:none;width:100%}
table.tableLeft   {margin:0;padding:0;border:none}
table.tableCenter {margin:0 auto 0 auto;padding:0;border:none}
table.tableFull   {margin:0;padding:0;border:none;width:100%}
th.layoutTable {}
th.tableLeft   {padding:0.2em;background-color:#eee;color:black}
th.tableCenter {padding:0.2em;background-color:#eee;color:black}
th.tableFull   {padding:0.2em;background-color:#eee;color:black}
td.layoutTable {padding:0}
td.tableLeft   {padding:0.2em;background-color:white;color:black}
td.tableCenter {padding:0.2em;background-color:white;color:black}
td.tableFull   {padding:0.2em;background-color:white;color:black}

/* default table borders */
table.tableLeft   {border-top:solid 1px #ddd;border-left:solid 1px #ddd}
table.tableCenter {border-top:solid 1px #ddd;border-left:solid 1px #ddd}
table.tableFull   {border-top:solid 1px #ddd;border-left:solid 1px #ddd}
th.tableLeft   {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
th.tableCenter {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
th.tableFull   {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
td.tableLeft   {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
td.tableCenter {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
td.tableFull   {border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}

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

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

.frameContainer      {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 */
.frameContainerInner {zoom:1} /* This 'zoom' hack is needed to render the backgrounds colour in IE5.5, it doesn't seem to affect other browsers */
.frameTop         {position:absolute;top:-1px;right:0;width:100%;text-align:right}
.frameTopLeft     {position:absolute;top:-1px;left:-1px}
.frameTopRight    {position:absolute;top:-1px;right:0}
.frameMiddleLeft  {position:absolute;bottom:0;left:-1px;height:100%}
.frameMiddleRight {position:absolute;bottom:0;right:0;height:100%}
.frameBottom      {position:absolute;bottom:0;right:0;width:100%;text-align:right}
.frameBottomLeft  {position:absolute;bottom:0;left:-1px}
.frameBottomRight {position:absolute;bottom:0;right:0}

/* ========================================================================= */
/* LAYOUT */
/* ========================================================================= */

body             {text-align:center}
.layoutPage      {min-width:30em;max-width:70em;margin-left:auto;margin-right:auto}
.layoutPageInner {}

.layoutMain      {}
.layoutMainInner {}

.layoutBody      {}
.layoutBodyInner {}

.layoutBodyLeft      {}
.layoutBodyLeftInner {}

.layoutBodyRight      {}
.layoutBodyRightInner {}

/* ========================================================================= */
/* POSITIONS */
/* ========================================================================= */

.positionName      {display:none}
.positionName span {}

/* HEADER */
.positionHeader            {}
.positionHeaderInner       {}
.positionHeaderLeft        {text-align:left;float:left}
.positionHeaderLeftInner   {}
.positionHeaderRight       {text-align:right;float:right}
.positionHeaderRightInner  {}
.positionHeaderMiddle      {text-align:center}
.positionHeaderMiddleInner {}

/* TOOLBAR 1 */
.positionToolbar1            {}
.positionToolbar1Inner       {}
.positionToolbar1Left        {text-align:left;float:left}
.positionToolbar1LeftInner   {}
.positionToolbar1Right       {text-align:right;float:right}
.positionToolbar1RightInner  {}
.positionToolbar1Middle      {text-align:center}
.positionToolbar1MiddleInner {}

/* TOOLBAR 2 */
.positionToolbar2            {}
.positionToolbar2Inner       {}
.positionToolbar2Left        {text-align:left;float:left}
.positionToolbar2LeftInner   {}
.positionToolbar2Right       {text-align:right;float:right}
.positionToolbar2RightInner  {}
.positionToolbar2Middle      {text-align:center}
.positionToolbar2MiddleInner {}

/* TOOLBAR 3 */
.positionToolbar3            {}
.positionToolbar3Inner       {}
.positionToolbar3Left        {text-align:left;float:left}
.positionToolbar3LeftInner   {}
.positionToolbar3Right       {text-align:right;float:right}
.positionToolbar3RightInner  {}
.positionToolbar3Middle      {text-align:center}
.positionToolbar3MiddleInner {}

/* MENU */
.positionMenu1      {text-align:left}
.positionMenu1Inner {}
.positionMenu2      {text-align:left}
.positionMenu2Inner {}
.positionMenu3      {text-align:left}
.positionMenu3Inner {}

/* CONTENT */
.positionContent      {text-align:left}
.positionContentInner {}

/* FOOTER 1 */
.positionFooter1            {}
.positionFooter1Inner       {}
.positionFooter1Left        {text-align:left;float:left}
.positionFooter1LeftInner   {}
.positionFooter1Right       {text-align:right;float:right}
.positionFooter1RightInner  {}
.positionFooter1Middle      {text-align:center}
.positionFooter1MiddleInner {}

/* FOOTER 2 */
.positionFooter2            {}
.positionFooter2Inner       {}
.positionFooter2Left        {text-align:left;float:left}
.positionFooter2LeftInner   {}
.positionFooter2Right       {text-align:right;float:right}
.positionFooter2RightInner  {}
.positionFooter2Middle      {text-align:center}
.positionFooter2MiddleInner {}

/* FOOTER 3 */
.positionFooter3            {}
.positionFooter3Inner       {}
.positionFooter3Left        {text-align:left;float:left}
.positionFooter3LeftInner   {}
.positionFooter3Right       {text-align:right;float:right}
.positionFooter3RightInner  {}
.positionFooter3Middle      {text-align:center}
.positionFooter3MiddleInner {}

/* FOOTER 4 */
.positionFooter4            {}
.positionFooter4Inner       {}
.positionFooter4Left        {text-align:left;float:left}
.positionFooter4LeftInner   {}
.positionFooter4Right       {text-align:right;float:right}
.positionFooter4RightInner  {}
.positionFooter4Middle      {text-align:center}
.positionFooter4MiddleInner {}

/* ========================================================================= */
/* MODULES */
/* ========================================================================= */

/* Menu */
.moduleMenu      {}
.moduleMenuInner {}

/* Title */
.moduleTitle      {}
.moduleTitleInner {}

/* Article */
.moduleArticle      {}
.moduleArticleInner {}