body{	
	font: 11px/1.5 Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background-repeat: repeat-y;
    background-color: white;
}

/*Text Links */
a:link, a:visited {
	color: #B18655; /*8B879E;*/
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}/*CFA56A B89B5E*/

a:hover {
	text-decoration: underline;
}

.floatright
{
float: right;
margin: 10px 0 10px 10px;
}

.articleImageLinkRight
{
float: right;
margin: 10px 10px 10px 10px;
border-width : 0.1em;
border-color : #8B879E;
border-style: solid;
}

.floatleft
{
float: left;
margin: 10px 10px 0 1px;
}

.artnet
{
	color: White;
}

td
{
	font: 12px/1.5 Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background-repeat: repeat-y;
	color: #474747;
}

.paddedimage
{
	margin: 0px 0px 2px 4px;
	border-width: 0px;
}



/* The Header 
---------------------------------------------*/

div#topSection 
{
	z-index: 0;
	position: absolute;
	height: 150px;
	top : 0;
	width: 100%;
	background-color: #EEC97A;
	background-image: url(/levelart_orange_back.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div#pageHeader 
{	
	z-index: 1;
	position: absolute;
	top: 60px;
	left: 10%;
}

div#pageHeader h1 
{
	/* Not sure about these changes yet */
	font: 48px Arial, sans-serif;
	margin: 0 0 0 0;
	font-weight: bold;
	letter-spacing : 5;
}

div#pageHeader a 
{	
	color: #8B879E;
	font-weight: normal;
}

div#subHeader p
{
	position: absolute;
	top: 65px;
	left: 14%; 
	color: #8B879E;
	background-color: transparent;

	letter-spacing : 5;
	font-size : 1em;
	font-weight: bold;
	margin-top : 5em;
}

div#topLine
{
	position: absolute;
	top: 65px;
	right: 0px; 
	height: 1px;
	width: 90%;
	background-color: White;
	color: inherit;
	margin-top : 4em;
}

/* The main content. 
----------------------------------------------- */

div#mainText {
	position: absolute;
	left: 20%;
	top: 190px;
	width: 44%;
	text-align: left;
}

/* Section Type -------------------------*/

.sectionType 
{
	margin-bottom: 20px;
}

/* Article heading */
div.sectionType h1 
{
	position: relative;
	left : -10px;
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #7E808A;
	background-color: #EDEAB6;
	text-indent: 0.6em;
	padding: 1px 0 1px 0;
	margin: 0 0 0 0;
}

.posted {
        font : 14px Verdana, Arial, sans-serif;
        font-weight: bold;
}


div.sectionType h2 {
	font: 14px Verdana, Arial, sans-serif;
	color: #1E101A;
	letter-spacing: 0.03em;
	width : 100%;
	padding-top: 10px;
	border-bottom: solid 1px #909090;
}

/* Article section */
div.sectionType h3 {
	font: 12px Verdana, Arial, sans-serif;
	color: #1E101A;
	letter-spacing: 0.03em;
	width : 100%;
	padding-top: 10px;
	border-bottom: dashed 1px #909090;
}

div.sectionType p 
{
	font: 12px/1.5 Arial, Verdana, sans-serif;
	margin: 1.5em 0.5em 0.5em;
	color: #474747;
}

div.sectionType ul, ol
{
	list-style-type: square;
	font: 12px/1.5 Arial, Verdana, sans-serif;
	color: #474747;
	font-weight: normal;
}

.sectionTypeHead {
	margin-bottom: 2em;
}

div.sectionTypeHead h1 {
	font: 18px Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.03em;
	color: #7E808A;
	margin:  0 0 0.6em 0;
	border-bottom : solid 3px #B6B8BF;
}

/* Special page element styles*/
.ntable {
	font: Verdana, Arial, sans-serif;
	width: 86%;
}

.infohead {
	letter-spacing: 0.03em;
	font-weight: bold;
}

.codelisting {
	background-color: #E8E0CC;
	font-family: Courier New;
	border-style: solid;
	border-width: 1px;
	border-color: #B6B8BF;
}


/* Comments */

div.sectionComments {
	font: 12px/1.5 Arial, Verdana, sans-serif;
	margin: 1.5em 0.5em 0.5em;
	color: #474747;
}

.sectionComments input  {
	margin-top: 2px;
	margin-bottom: 4px;
}

div.comment {
	border-bottom: dashed 1px black;
	padding-bottom: 10px;
}

div.commentMeta {
	font-weight: bold;
}

div.commentMessage {
        margin-left: 4px;
	font-size: 12px;
}

.sectionComments h3 
{
	border-top: solid 1px black;
	margin-top: 4px;
	margin-left: -10px;
	margin-bottom: 10px;
}

/* The Navigation
---------------------------------------*/

div#nav-menu {
	position: absolute;
	left: 4%;
	top: 230px;
	width: 14%;
	background-color: transparent;
	color: inherit;
	background-repeat: repeat-y;
	text-transform: lowercase;
}


div#llinks li a:link, div#llinks li a:visited{ 
	font-size: 14px;
	font-weight: normal;
} 

div#nav-menu ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding-left: 0px;
}

div#nav-menu li 
{
	margin: 0 0 0 0px;
	padding-left: 0px;
	padding-bottom : 0px;
}

div#recentArticles {
	position: absolute;
	left: 4%;
	top: 380px;
	width: 14%;
	background-color: transparent;
	color: inherit;
	background-repeat: repeat-y;
	
}

div#recentArticles  h3{
	color: #6E6F78;
	font-size: 14px;
	font-weight: normal;
}

div#recentArticles ul {
	list-style-type: none;
	text-transform: lowercase;
	margin: 0 0 0 0px;
	padding-left: 0px;
}

/* Side bar */

div#page-sidebar {
	position: absolute;
	top : 130px;
	right: 6%;
	width : 25%;
	
}

div#page-sidebar-picture {
	position: relative;
	top : 0px;
	width : 100%;
	height : 15%;	
}

div#page-sidebar-picture img {
	/*height : auto;*/
	width : 100%;
	border-width : 0.1em;
	border-color : #8B879E;
	border-style: solid;
}

div#page-sidebar-shortcut {
	position: relative;
	top : 75px;
	width : 100%;
	background-color: #EDEAB6;
	padding : 4px;
	
	border-style : dashed;
	border-width : thin;
	border-color : #B6B8BF;
}

div#page-sidebar-shortcut h3 {
	font: 15px Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.03em;
	color: #7E808A;
	margin:  0 0 0 0;
	border-bottom : solid 3px #B6B8BF;
}

div#page-sidebar-shortcut h5 {
	font: 11px Arial, sans-serif;
	font-weight: bold;
	color: #000000;
}