/************* General elements *************/

body {
  background: url("/images/nno-background.png") repeat;
  margin: 0;
  padding: 0;
  color: #333;
  font-family: verdana, arial;
}

a {
  color: #d2691e;
  text-decoration: none;
}

a:visited {
  color: #b35619;
}

a:hover {
  color: #d2691e;
  border-top: 1px dashed #d2691e;
  border-bottom: 1px dashed #d2691e;
}

h1, h2, h3, h4 {
  font-family: verdana, arial;
  color: #003366;
}

.Invisible {
  display: none;
}

/************* The parts of the site *************/

#MainPageWrap {
/*  width: 800px;
  background: repeat-y center url(/images/nno-shade.png) transparent; */
  text-align:left; 
  margin: 0 10px 0 10px;
}

#MainBody {
/*  width: 780px; */
  background: #ffffff;
  margin: 0 10px 0 10px;
  padding: 10px 0 0 0;
  overflow: hidden;
}

#MainContent {
  padding: 10px;
/*  width: 540px; */
}

#MainHeader {
  height: 100px;
  width: 780px;
  overflow: hidden;
  background-image: url("/images/nno-header.jpg");
  margin: 0 auto 0 auto;
  padding: 0px;
}

#GlobalTagCloud {
  margin: 2px 0px 5px 0px;
  padding: 5px;
  border: thin dashed #dcdcdc;
}

.Copywrite {
  font-size:xx-small;
  font-weight:bold;		
  padding: 5px;
}	

#MainFooter {
/*  width: 780px; */
  margin: 20px 10px 0 10px;
  padding: 4px 15px 4px 15px;
  background: #fcf8f2;
/*  border-top: 1px dashed #ccc; */
  overflow: hidden;
}

#MainZone {
	font-family: verdana, arial;
	font-size:small;
	font-weight:normal;
	background: #fcf8f2;
	line-height:140%;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

/************* Main Navigation *************/

#MainNavigationContainer
{
	height: 20px;
	width: 780px;
	margin: 0 auto 20px auto;
	background: #fcf8f2;
}

#MainNavigationContainer ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#MainNavigationContainer ul li
{
	display: block;
	float: right;
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0;
}

#MainNavigationContainer ul li a
{
	background: #fcf8f2;
	width: 78px;
	height: 18px;
	border-top: none;
	border-left: 1px solid #d2691e;
	border-bottom: 1px solid #d2691e;
	border-right: 1px solid #d2691e;
	padding: 0;
	margin: 0;
	color: #d2691e;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#MainNavigationContainer ul li a:hover
{
	color: #ab5518;
	background: #f5d7b4;
}

#MainNavigationContainer a:active
{
	background: #d2691e;
	color: #ffffff;
}

#MainNavigationContainer li#active a
{
	background: #d2691e;
	border: 1px solid #d2691e;
	border-top: none;
	color: #ffffff;
}

/************* Side Navigation *************/

.SideNavigationContainer
{
	float: right;
	width: 210px;
	text-align: left;
	margin: 25px;
	padding: 0 10px 10px 10px;
	border-top: 1px solid #d2691e;
	border-left: 1px solid #d2691e;
	border-right: 2px solid #d2691e;
	border-bottom: 2px solid #d2691e;
	background: white;
}

.SideNavigationTitle
{
        display: block;
        padding: 0.25em 0.5em 0.25em 0.75em;
	margin-bottom: 0;
	margin-top: 20px;
	border: 1px solid #d2691e;
	/*margin-bottom: 5px;*/
        background: #ffffff;
        text-decoration: none;
	font: bold 14px/18px  "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color: #003366;
}

.SideNavigationData
{
	list-style: none;
	margin: 0;
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-bottom:none;
	background: #ffffff;
	text-align: left;
}

.SideNavigationGenericContentBox
{
	font-family:verdana, arial, sans-serif;
       	color:#003366;
	font-size:xx-small;
       	font-weight:bold;
	line-height:140%;
	text-transform:uppercase;
	padding:2px;
	margin-top: 0;
	text-align:center;
}

.SideNavigationList
{
	padding: 0 1px 1px 1px;
	margin-left: 0;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	background: #d2691e;
}

.SideNavigationList li
{
	list-style: none;
	margin: 0;
        border-top: 1px solid #d2691e;
	text-align: left;
}

.SideNavigationList li a
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #f5d7b4;
	border-top: none;
	border-bottom: none;
	background: #ffffff;
	text-decoration: none;
}

.SideNavigationList li a:link { color: #d2691e; }

.SideNavigationList li a:visited { color: #d2691e; }

.SideNavigationList li a:hover
{
	border-color: #d2691e;
	color: #ab5518;
	background: #f5d7b4;
}

.Title {
	font-family: verdana, arial; 
	font-size: 100%;
	color: #003366; 
	text-transform: uppercase;
	font-weight:bold;  
}
