body{	
	font: 11px/1.5 Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background-repeat: repeat-y;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/*Text Links */
a:link, a:visited {
	color: #8B879E; /*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;
/*padding: 2px;*/
}

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

.floatleft
{
float: left;
margin: 10px 10px 0 1px;
/*padding: 2px;*/
}

.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 {
	position: absolute;
	height: 150px;/*20%;*/
	top : 0;
	width: 100%;
	background-color: #EEC97A;
}

div#pageHeader 
{	
	position: absolute;
	top: 65px;
	left: 10%;
}

div#pageHeader h1 
{
	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;
}

div#sidebar 
{
	position: absolute;
	left: 0%;
	top: 20%;
	width: 8%;
	height: 80%;
	background-image : url(longtest.jpg);
	background-repeat : no-repeat;
}



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

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

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

.sectionType 
{
	/*
	border-style: solid;
	border-color: #B6B8BF;
	border-width : 1px;
	background-color : #F7F5F0;*/ /*#F7F5F0;*/ /*F7F7F7;*/  /*#F7F5F1 #F6F3EC*/ /*#F8F6F1*/ /*F4F0E7;*/
	margin-bottom: 20px;
}

div.sectionType h1 {
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	/*text-align: left;*/
	letter-spacing: 0.03em;
	color: #7E808A; /*#989AA1;*/
	background-color: #EDEAB6; /*#E6E6E6;*/
	/*border-bottom : solid 1px #B6B8BF;*/
	/*border-bottom-width : 1px;
	border-bottom-color : #B6B8BF;*/
	/*width: 100%;*/
	text-indent: 0.6em;
	margin: 0 0 0 0;
}

div.sectionType h2 {
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.03em;
	/*text-indent: 0.6em;*/
	margin: 0 0 0 0;
}

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

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

div.sectionType a:link, a:visited {
	color: #CFA56A;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}

.sectionTypeHead {
	/*border-style: solid;
	border-color: #B6B8BF;
	border-width : 1px;*/
	margin-bottom: 2em;
}

div.sectionTypeHead h1 {
	font: 20px Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.03em;
	color: #7E808A; /*#989AA1;*/
	/*background-color : #E6E6E6;*/
	/*text-indent: 0.6em;*/
	margin:  0 0 0.6em 0;
	border-bottom : solid 3px #B6B8BF;
}

.sectionTypeImg {
	/*border-style: solid;
	border-color: #B6B8BF;
	border-width : 1px;
	background-color : #F7F5F0;*/
	margin-bottom: 2em;
	/*background-color : #E6E6E6;*/
}

div.sectionTypeImg h1 {
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.03em;
	color: #7E808A; /*#989AA1;*/
	background-color : #E6E6E6;
	/*border-bottom : solid 1px #B6B8BF;*/
	text-indent: 0.6em;
	margin: 0 0 10px 0;
}

.sectionTypeInfo {
	/*border-style: solid;
	border-color: #B6B8BF;
	border-width : 1px;
	background-color : #F7F5F0;*/
	/*height : 145px;*/
	margin: 0 0 40px 0;
	height : 100%
}

div.sectionTypeInfo h1 {
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	/*text-align: left;*/
	letter-spacing: 0.03em;
	color: #7E808A; /*#989AA1;*/
	background-color : #EDEAB6;
	/*border-bottom : solid 1px #B6B8BF;*/
	/*border-bottom-width : 1px;
	border-bottom-color : #B6B8BF;*/
	/*width: 100%;*/
	text-indent: 0.6em;
	margin: 0 0 0 0;
}

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

div.sectionTypeInfo a:link, a:visited {
	color: #CFA56A;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}

/* Special page element styles*/

.ntable 
{
	font: Verdana, Arial, sans-serif;
	width: 86%;
}

.infohead
{
	letter-spacing: 0.03em;
	/*background-color: #989AA1;*/
	font-weight: bold;
}

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

/* 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{
	display: block;
	margin-left: 0px;
	color: #8B879E;
	background-color: transparent;
	
	letter-spacing : 4;
	font-size : 1.2em;
	font-weight: bold;
}

div#llinks li a:hover {
	text-decoration: underline;
}

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#page-picture
{
	position: absolute;
	top : 130px;
	right: 6%;
	width : 25%;
	height : 15%;
	
}

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