/***********************************************************************
 * Site:		InnoFX
 * Purpose:		Primary layout and element styling
 * Author:		(c) InnoFX, 2006-2007	[]
 */

/***********************************************************************
 * Universal
 */

/* Default font for all elements */
* { font-family: tahoma,verdana,arial,geneva,"bitstream vera sans",helvetica,freesans,sans-serif; border: 0; padding: 0; margin: 0;}

/* Basic layout */
html { padding: 0; margin: 0; height: 100%; width: 100%; min-height: 100%; padding-bottom: 1px; min-width: 780px; color: inherit; background-color: #000000; }
body { padding: 0; margin: 0; height: 100%; width: 100%; min-height: 100%; min-width: 780px; color: inherit; background-color: #ffffff; font-size: 10pt; position: absolute; left: 0px; right: 0px; top: 0px; }
p { text-align: justify; }

/* Links */
a { text-decoration: none; color: black; background-color: inherit; font-weight: bold; }
a:hover { text-decoration: underline; color: blue; background-color: inherit; }

/***********************************************************************
 * Layout
 */

/* Container for all page content */
#page { width: 100%; height: 100%; min-height: 100%; padding: 0px; margin: 0px; min-width: 780px; }
html>body, html>body #page {  height: auto; }

/* Layout for page content */
#content { background-color: white; padding: 3em 0em 2em 0em; margin-left: auto; margin-right: auto; width: 780px; }
#content #leftcolumn { float: left; width: 490px; }
#content #rightcolumn { float: right; width: 260px; }
#content #fullwidth { clear: both; margin-top: 1em; padding-bottom: 5em;}

/***********************************************************************
 * Title/Logo
 */

/* Title background */
#title { height: 100px; background-color: #40404c; padding-top: 10px; }

/* Title Heading */
#titleContent { width: 780px; min-width: 780px; margin: 0 auto 0 auto; }
#titleContent h1 { color: white; border: 0; margin: 0; height: 68px; background-image: url(../images/header.jpg); background-repeat: no-repeat; background-position: 0 0; }
#titleContent h1 span { display: none; }

/***********************************************************************
 * Menu
 */

#menuContent { display: block;  }
#menuContent ul { list-style: none; margin: 0; padding: 0; }
#menuContent li { float: left; margin: 4px 5px 0 5px; display: inline; color: white; font-size: 1em; text-align: center; }
#menuContent li.current { display: block; font-weight: bold; background-image: url(../images/pointer.png); background-position: bottom center; background-repeat: no-repeat; }
#menuContent li.current span { position: relative; top: 0.3em; }
#menuContent li a { display: block; padding: 0 1em 0 1em; height: 28px; text-decoration: none; color: white; font-weight: normal; }
#menuContent li a span { position: relative; top: 0.3em; }
#menuContent li a:hover { color: #6bacea; }

/***********************************************************************
 * Footer
 */

#footer { position: absolute; bottom: 0; padding-top: 5px; width: 100%; min-width: 780px; height: 45px; color: #ffffff; background-color: #40404c; }
#footer #centre { color: white; margin-left: auto; margin-right: auto; width: 780px; }
#footer #centre a { color: #6bacea; margin-right: 2em; font-weight: normal; }
#footer #centre a:hover { color: white; }
#footer #centre a.validator { margin-right: 0.5em; border-bottom: 1px dotted #6bacea; }
#footer #centre a.validator:hover { color: white; text-decoration: none; border-bottom: 1px dotted white; }
#footer #centre p { float: right; text-align: right;}