/* RESET */

* 
{  
	font-family: inherit;  
	font-style: inherit;  
	font-size: 100%;  
	border: none;  
	padding: 0;  
	margin: 0;  
}

html, body
{
	height: 100%;
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h6
{  
	margin: 2em 0;  
}

p, ol, ul
{
	margin: 1em 0;
}

table 
{  
	border-collapse: collapse;  
	border-spacing: 0;  
}


/*********/

body
{
	background-color: #FFF;/*#141414;*/
	color: #000;
	font: 0.8em Verdana, sans-serif;
	margin: 0;
	padding: 0;
}


/* HEADER */

#header
{
	position: absolute;
	width: 100%;
	background-color: #000;
	padding: 5px 0;
	height: 55px;
	border-bottom: 1px solid #C0C0C0;
	border-top: 0 solid #313634;
}

#logo
{
	height: 72px;
	z-index: 1;
}

#header-container, #footer-container
{
	margin: auto;
	width: 850px;
}

#header-left
{
	float: left;
	width: 300px;
	height: 100%;
}

#header-right
{
	float: right;
	text-align: right;
}

#navigation
{

	color: #ccc;
}

#navigation li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

#navigation a
{
	font-size: 1.2em;
}


#ie-warning
{
	border-bottom: 1px solid #F5B800;
	background-color: #FFE38F;
	padding: 1em;
	margin-top: -5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: Georgia, Serif;

}

/******** CONTENT *******/

#container
{
	clear: both;
	padding-top:60px;
	background-color: #fff;
	border-left: 1px solid #C0C0C0;
	margin: auto;
	width: 820px;
	height: 100%;
}

#palette
{
	position: fixed;
	margin-top: 20px;	
	margin-left: -9px;
	width: 14px;
	background-color: #E2E9EB;
	border: 1px solid #C0C0C0;
}

#palette li
{
	list-style-image: none;
	list-style-type: none;
	height: 14px;
	width: 14px;
	vertical-align: middle;
	text-align: center;
}

#palette li:hover
{
	background-color: #fff;
}

#content
{
	width: 800px;
	text-align: justify;
}


/* FOOTER */
/* Special Thanks to Ryan Fait (http://ryanfait.com/sticky-footer) */


#footer, #push
{
	height: 55px;
}

#push
{
	clear: both;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}


#footer
{
	position: absolute;
	padding-top: 5px;
	font-family: Georgia, Serif;
	width: 100%;
	font-size: 95%;
	text-align: center;
	background-color: #000;
	border-top: 1px solid #C0C0C0;
}

.footer-div
{
	font-size: 95%;
	color: #CACACA;
}

/* slider */

#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

/* Juitter */

.juitterAvatar, .JRM {
}