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

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

/* Default for all elements. */
* { font-family: tahoma,verdana,arial,"bitstream vera sans",helvetica,freesans,geneva,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: 950px; color: inherit; background-color: #ccccff; }
body { padding: 0; margin: 0; height: 100%; width: 100%; min-height: 100%; min-width: 950px; color: inherit; background-color: #ccccff; font-size: 12px; position: absolute; left: 0px; right: 0px; top: 0px; }
p { text-align: justify; }

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

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

/* Layout for page content */
#content { background-image: url(../images/content.jpg); padding: 1em 0em 0em 0em; margin-left: auto; margin-right: auto; width: 975px; }
#subcontent { margin-left: auto; margin-right: auto; width: 805px; }
#leftcolumn { width: 237px; float: left; padding-right: 10px; border-right: 1px solid #a0a0a0; margin-bottom: 1em; }
#rightcolumn { margin-left: 247px;  padding-left: 1em; border-left: 1px solid #a0a0a0; }

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

/* Title background */
#title { height: 150px; background-image: url(../images/header.jpg); display: block;   }

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

#menuContent { float: right; margin-top: 115px; padding: 0 7.5em 0 0;  }

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

/* #footer { margin-bottom: 1em; position: absolute; bottom: 0; padding-top: 5px; width: 975px; min-width: 975px; height: 45px; color: #ffffff; background-color: #40404c; } */

#footer { clear: both; width: 975px; min-width: 975px; height: 100px; color: #000000; background-image: url(../images/footer.jpg); }
#subfooter { margin-left: auto; margin-right: auto; width: 805px; padding-top: 2em;  }

a:active { color: #000000; text-decoration: none;  }
a:hover { color:#3333FF; }
a:link { color: #3333FF; text-decoration: none; }
a:visited { color: #3333FF; text-decoration: none; }