/* This is the main article playground */
div#content {
	margin-left: 			1em;
	margin-right: 			0em;
	margin-top:				0em;
	padding-left: 			1em;
	padding-top: 			1em;
	padding-right: 			1em;
	padding-bottom:			3em;
	background-image: 		url(images/border.png);
	background-position: 	top left;
	background-repeat: 		repeat-y;
	background-color: 		white;
	color: 					black;
}

/* This is the thin line on the right side of the article */
div#right-panel {
	float:					right;
	margin-right: 			1em;
	padding:				0.1em;
	background-image: 		url(images/border.png);
	background-position: 	top left;
	background-repeat: 		repeat-y;
	height:					100%;
}

/* This just anchors the menu */
div#menu-head {
	position:				absolute;
	right:					0px;
	top:					0px;
	width:					100%;
}

div#menu-page-base {
	height:					2em;
	/*background-color:		white;
	background-image:		url(images/page-fade.png);
	background-position:	bottom left;
	background-repeat:		repeat-x;*/
	margin-left:			1.5em;
	margin-right:			0.0em;
	padding:				0.0em;
}

div#menu-head-base {
	margin-top: 			1.0em;
	margin-left: 			1.5em;
	margin-right:			0.0em;
	padding:				0.0em;
	
	height: 				1em;
	background-image: 		url(images/border.png);
	background-position: 	bottom left;
	background-repeat: 		repeat-x;
}

div#menu-left {
	background-image: 		url(images/border.png);
	background-position: 	top left;
	background-repeat: 		repeat-y;
	margin-left:			1.5em;
	padding:				0.0em;
	left:					0.0em;
	top: 					2.0em;
	position: 				absolute;
}

div#menu-right {
	float: 					right;
	margin-top: 			2.0em;
	margin-right:			1.6em;
}

/* ********************************************************************************************************
	Backgrounds
*/
div#footer {
	background-image: 		url(images/border.png);
	background-position: 	0% 0%;
	background-repeat: 		repeat-x;
	margin-left:			1.0em;
	margin-top:				0.0em;
	margin-right:			0.0em;
	padding-top:			1.75em;
}

#footer ul {
	list-style:				none none;
	color: 					#333;
	font-size: 				0.7em;	
}

/* ********************************************************************************************************
	Tabular style menues at the top of the page.
*/

div.tabs {
	float: 					left;
	height: 				2.5em;
}

div.tabs {
	background-image: 		url(images/tab_break.png);
	background-position: 	bottom left;
	background-repeat: 		no-repeat;
	padding-left: 			1px;
}

div.tabs ul {
	float: 					left;
}

div.tabs ul {
	height: 				100%;
	list-style: 			none;
	margin: 				0;
	padding: 				0;
}

div.tabs ul li {
	float: 					left;
}

div.tabs ul li {
	line-height: 			1.125em;
	display: 				inline-block;
	height:					100%;
	margin:					0;
	padding:				0;
	background-image:		url(images/tab_normal_fade.png);
	background-position: 	bottom left;
	background-repeat: 		repeat-x;
	white-space:			nowrap;
}

div.tabs ul > li {
	display: 				block;
}

div.tabs li.selected {
	background-image: 		url(images/tab_current_fade.png);
}

div.tabs li a {
	display: 				inline-block;
	height: 				2.5em;
	padding-left: 			0.4em;
	padding-right: 			0.4em;
	background-image: 		url(images/tab_break.png);
	background-position: 	bottom right;
	background-repeat: 		no-repeat;
}

div.tabs li a,
div.tabs li a span {
	color: 					#0645ad;
	cursor: 				pointer;
}
div.tabs li a span {
	font-size: 				0.8em;
}

div.tabs li > a {
	display: 				block;
}

div.tabs a span {
	display: 				inline-block;
	padding-top: 			1.25em;
}

div.tabs a > span {
	float: 					left;
	display: 				block;
}
div.tabs li.selected a,
div.tabs li.selected a span,
div.tabs li.selected a:visited
div.tabs li.selected a:visited span {
	color: 					#333333;
	text-decoration: 		none;
}