
html {
	background-color: #3A3A3C;
	color: #444;
}

small {padding: 10px;}

table {
	margin-left: 10px;
}

ul > li {
	list-style: disc;
	margin-left: 2em;
}

ol > li {
	list-style: decimal;
	margin-left: 2em;
}

ul.noDecoration li, ol.noDecoration li {
	list-style: none;
	margin-left: 0;
}

#page {
	position: relative;
}

#hd {
	background-color: #283c55;
	background-image: url(/images/banner.jpg);
	height: 124px;
}

#banner_title {
	position: absolute;
	left: 20px;
	top: 55px;
}

#bd {
	background-color: white;
}

#ft {
	color: #CCC;
	padding: 1em 0;
	text-align: center;
	background-color: #EEE;
}

.pageShadow {
	position: absolute;
	top: 0;
	width: 9px;
	height: 100%;
	background-repeat: repeat-y;
	background-position: top left;
}

.lShadow {
	left: -7px;
	background-image: url(/images/shadow-l.png);
}

.rShadow {
	left: 100%;
	background-image: url(/images/shadow-r.png);
}

.blShadow {
	left: -7px;
	top: 100%;
	height: 7px;
	background-image: url(/images/shadow-bl.png);
	background-repeat: no-repeat;
}

.bShadow {
	left: 0;
	top: 100%;
	width: 100%;
	height: 107px;
	background-image: url(/images/shadow-b.png);
	background-repeat: repeat-x;
}

.brShadow {
	left: 100%;
	top: 100%;
	height: 7px;
	width: 9px;
	background-image: url(/images/shadow-br.png);
	background-repeat: no-repeat;
}

.term{
	color:						#EEE; 
	background-color: #444; 
	font-size: 				90%;
}
pre.term {
	padding-left:			10px;	
}
.term code{
	color: inherit;
	background-color: inherit; 
}

/* Visibility **********************************/

.hidden 	{visibility: hidden;}

/* Borders *************************************/

.noBorder, .noBorder tr, .noBorder th, .noBorder td {
	border: 0 solid white;
}
.borderTop {border-top: 1px solid #B8BCBD;}
.border1px {border: 1px solid black;}
.imageBorder {border: 1px solid #CCC;}
.borderGreyC	{border: 1px solid #CCC;}

/* Fonts ***************************************/

.font80pct {font-size: 80%;}

/* Positions ***********************************/

.absolute	{position: absolute;}
.relative {position: relative;}

.floatL		{float: left;}
.floatR		{float: right;}

.l10px		{left: 10px;}
.r10px		{right: 10px;}
.b10px		{bottom: 10px;}
.t10px		{top: 10px;}

.l10pct		{left: 10%;}
.t10pct		{top: 10%;}

/* Padding *************************************/

.pT10px			{padding-top: 10px;}
.p1em {padding: 1em;}
.p5px	{padding: 5px;}
.pR5px {padding-right: 5px;}
.pL5px {padding-left: 5px;}
.pT5px {padding-top: 5px;}
.pB5px {padding-bottom: 5px;}

/* Margins *************************************/

.m0				{margin: 0;}
.mT0			{margin-top: 0;}
.mL0			{margin-left: 0;}
.mR0			{margin-right: 0;}
.mB0			{margin-bottom: 0;}

.m10px		{margin: 10px;}
.mT10px		{margin-top: 10px;}
.mL10px		{margin-left: 10px;}
.mR10px		{margin-right: 10px;}
.mB10px		{margin-bottom: 10px;}

.mL2em {margin-left: 2em;}

.mB100px	{margin-bottom: 100px;}
.mB120px	{margin-bottom: 120px;}

.marginCentered {margin: 0 auto;}

/* Colors **************************************/

.white 			{color: white;}
.red				{color: red;}
.blue				{color: blue;}
.green			{color: green;}

.grey1			{color: #111;}
.grey2			{color: #222;}
.grey3			{color: #333;}
.grey4			{color: #444;}
.grey5			{color: #555;}
.grey6			{color: #666;}
.grey7			{color: #777;}
.grey8			{color: #888;}
.grey9			{color: #999;}
.greyA			{color: #AAA;}
.greyB			{color: #BBB;}
.greyC			{color: #CCC;}
.greyD			{color: #DDD;}
.greyE			{color: #EEE;}

.bgRed			{background-color: red;}
.bgBlue			{background-color: blue;}
.bgGreen		{background-color: green;}
.bgDarkBlue {background-color: #228;}

.bgWhite	  {background-color: #FFF;}
.bgBlack		{background-color: #000;}
.bgGrey1		{background-color: #111;}
.bgGrey2		{background-color: #222;}
.bgGrey3		{background-color: #333;}
.bgGrey4		{background-color: #444;}
.bgGrey5		{background-color: #555;}
.bgGrey6		{background-color: #666;}
.bgGrey7		{background-color: #777;}
.bgGrey8 		{background-color: #888;}
.bgGrey8		{background-color: #999;}
.bgGreyA		{background-color: #AAA;}
.bgGreyB		{background-color: #BBB;}
.bgGreyC		{background-color: #CCC;}
.bgGreyD		{background-color: #DDD;}
.bgGreyE		{background-color: #EEE;}

/* Size ****************************************/

.w0			 		{width: 0;}
.w50px			{width: 50px;}
.w60px			{width: 60px;}
.w80px			{width: 80px;}
.w100px			{width: 100px;}
.w190px			{width: 190px;}
.w200px			{width: 200px;}

.w50pct			{width: 50%;}
.w80pct			{width: 80%;}
.w90pct			{width: 90%;}
.w100pct		{width: 100%;}

.h30px			{height: 30px;}
.h60px			{height: 60px;}
.h80px			{height: 80px;}
.h98px			{height: 98px;}
.h100px			{height: 100px;}
.h190px			{height: 190px;}
.h200px			{height: 200px;}

.h80pct			{height: 80%;}
.h90pct			{height: 90%;}
.h98pct			{height: 98%;}

/* Blank style *********************************/

.styleMe {}
