body
{
	background-color: #322;
	color: #300;
}

#canvas
{
	width: 95%;
	margin: 20px auto 0 auto;
	overflow: hidden;
	padding: 0px;
	background-image: url(Gold-150.png);
	background-repeat: repeat-x;
	border: 3px #633 outset;
}

/* overrule generic html */
/* overrule drupal system.css */
/* overrule drupal system.css */
.item-list ul li {
	list-style-type: none;
}

ul.links {
	margin: .3em 0;
}

/* generic sap classes */
.line
{
	float: left;
	width: 100%;
	display: block;
	position: relative;
	/*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
	overflow: hidden;
	/*only needed for equal height columns*/
	background-color: transparent;
}

.item
{
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
	background-color: #fff8e5;
}

.column
{
	/* all columns have continous background color */
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

/* end generic; all sap elements must have margin-left and with defined */
#logoitem
{
	margin-left: -100%;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: repeat-x;
	color: #300;
	background-color: transparent;
}

#logoitem a
{
	text-decoration: none;
	color: #930;
}

#logoitem a:hover { color: #c00; }
#logoitem h1 { margin-bottom: 0; }

#title
{
	margin-left: -80%;
	width: 65%;
}

#primary-nav
{
	margin-left: -100%;
	width: 100%;
	text-align: center;
	background-color: transparent;
}

ul.primary-links
{
	margin: 0;
}

ul.primary-links li
{
	margin: 0 4px 0 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	background-color: #e0b85a;
}

ul.primary-links li a
{
	color: #300;
	text-decoration: none;
	margin-top: 5px;
}

ul.primary-links li a:hover
{
	color: #c00;
	text-decoration: none;
	background-color: #ec7;
}

ul.primary-links li.active
{
	background-color: #fff8e5;
	text-decoration: none;
}

ul.primary-links li.active a
{
	color: #500;
	text-decoration: none;
}

ul.primary-links li.active a:hover { background-color: #fff8e5; }

ul.nav-links
{
	list-style-type: none;
	padding-left: 2ex;
	margin-left: 0;
	margin-bottom: 1.5ex;
}

ul.nav-links li
{
}

#main #sidebar-left
{
	margin-left: -100%;
	width: 200px;
	z-index: 100;
	/*prevent main content from obscuring sidebars */
	background-color: #FEEDCA;
	background-image: url(Gold-50-50.png);
	background-repeat: repeat-x;
	padding-top: 1em;
}

#main #sidebar-right
{
	margin-left: -175px;
	width: 175px;
	z-index: 100;
	/*prevent main content from obscuring sidebars */
	background-color: #FEEDCA;
	background-image: url(Gold-50-50.png);
	background-repeat: repeat-x;
	padding-top: 1em;
}

#main #sidebar-left .sap-content,
#main #sidebar-right .sap-content
{
	padding-left: .5em;
	padding-right: .5em;
	font-family: helvetica, arial, sans serif;
	font-size: small;
}

#main #sidebar-left h2,
#main #sidebar-right h2
{
	font-size: medium;
	margin-top: 1.5ex;
	margin-bottom: .5ex;
}

#main #sidebar-left a,
#main #sidebar-left a:visited,
#main #sidebar-right a,
#main #sidebar-right a:visited
{
	color: #600;
}

#main #sidebar-left a:hover,
#main #sidebar-right a:hover
{
	color: #c00;
	background-color: #FF9;
}

.card img
{
	border: 2px outset #fff8e5;
}

#main #maincontent
{
	margin-left: -100%;
	width: 100%;
	color: #300;
}

#main #maincontent .sap-content 
{ 
	padding: 0px 180px 0px 215px; 
}

#main #maincontent h1 { font-style: italic; }

#footerline { }

#footer
{
	margin-left: -100%;
	width: 100%;
	text-align: center;
	background-color: #fff;
	font-size: small;
}

#footer ul
{
	list-style-type: none;
	margin: .5ex 0 .5ex 0;
}

#footer li
{
	color: #300;
	display: inline;
	margin-right: 0.5ex;
	margin-left: 0.5ex;
}

#footer li a,
#footer li a:visited
{
	color: #900;
}

#footer li a:hover
{
	color: #c00;
	background-color: #FF9;
}

#footer  p 
{ 
	margin: 0;
}