body {
  margin: 0; padding: 0;
  background: #E2BED5 url( /files/nbmcollab.moogo.com/hg.jpg ) repeat top left;
  color: #000000;
  font-size: 12px;  
  font-family: Verdana, sans-serif;
}
a {
  color: #ff7e00;
}
#page {
  width: 980px;
  background: #f2f2f2 url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/ram.jpg ) repeat-y top left;
  margin: 0px auto 0 auto;
  border-top: 10px solid #fff;
  background-color: #f2f2f2;
}
#top-bar {
  margin: 0 10px;
  height: 263px;
  background: #FE8F7C url( /files/nbmcollab.moogo.com/nbmcollab-banner.jpg ) repeat top left;
}
#left-bar, #right-bar {
  background: transparent url( /Kotisivukone/clients/layouts/jazz_yellow/pics/line.gif ) repeat-x top left;
  padding-top:5px;
  color: #000000;
  font-weight: bold;
  font-style: italic;
  font-size: 10px;
}
#left-bar {
  width: 190px;
  min-height: 300px;
}
#right-bar {
  width: 199px;
}
#columns {
  padding-top: 0;
  margin: 0 10px;
  height: 100%;
}
#content {
  margin: 0px 200px 20px 191px;
  background: transparent url( /Kotisivukone/clients/layouts/jazz_yellow/pics/line.gif ) repeat-x top left;
}

body.twocol #content { margin-left: 191px; margin-right: 200px; }
body.leftcol #content { margin-left: 191px; margin-right: 20px; }
body.rightcol #content { margin-left: 20px; margin-right: 200px; }
body.nocol #content { margin-left: 20px; margin-right: 20px; }

body.leftcol #page { background-image: url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/ram.jpg ); }
body.leftcol #columns { background-image: url( /Kotisivukone/clients/layouts/jazz_yellow/pics/columnstop_left.gif ); }

#content h1 {
  color: #FE8120;
  font-weight: bold;
  font-size: 16px;
}
#page #content h1 {
  padding-bottom: 15px;
}
#content h2 {
  color: #ff9604;
  font-weight: bold;
  font-size: 110%;
}

#footer {
	clear:both;
	height: 33px;
    margin: 0px;
	text-align: center;
	background: #E7E3E4 url('http://i453.photobucket.com/albums/qq260/Azure_Moonlight/footer-2.jpg') no-repeat;
}
#footer a {
  color: #b1b1b1;
  text-decoration: none;
  display: block;
  margin: 8px 20px 0 20px;
}


#menu {
  margin: 0;
  background: none;
  width: 190px;
  background: transparent url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/headlines.jpg ) no-repeat bottom left;
  padding-bottom: 4px;
}
#menu ul {
  width: 190px; padding: 0; margin: 0;
  background: none;
}
#menu ul li {
  width: 190px;
  background: #ffab37 url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/Menu.jpg ) no-repeat top left;
  padding: 0; margin: 0;
  border-bottom: 1px solid #fff;
  overflow: hidden;
}
#menu ul li a {
  font-weight: bold;
  color: #69071F;
  font-size: 13px;
  padding: 5px 0 7px 36px;
  display: block;
  width: 154px;
  text-transform: none;
  text-decoration: underline;
  text-align: left;
  font-style: normal;
}
#menu ul li.active_link {
  background: #ffd75e url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/MenuSelect.jpg ) no-repeat top left;
}
#menu ul li.active_link a {
  font-weight: bold;
  text-decoration: none;
}
#menu ul li a:hover, #menu ul li.active_link a:hover {
  font-weight: bold;
  color: #69071F;
  font-size: 13px;
  text-transform: none;
  text-decoration: underline;
  text-align: left;
  font-style: normal;
}

#menu ul.left li ul {
  border: 1px solid #fff;
  z-index: 100;
  margin: -20px 0 0 10em;
   width: 200px;
  background-image: #ffd75e url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/Menu.jpg ) no-repeat top left; 
}
  
#menu ul.left li ul a {
  background-color: none;
  font-weight: bold;
  color: #69071F;
  font-size: 13px;
  text-transform: none;
  text-decoration: underline;
  text-align: left;
  font-style: normal;
}
#menu ul li ul li, #menu ul li ul li.active_link {
  background: #ffd75e url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/MenuSelect.jpg ) no-repeat top left;
  padding: 0;
  height: auto;
  width: 200px;
  font-weight: bold;
  color: #69071F;
  font-size: 13px;
  text-transform: none;
  text-decoration: underline;
  text-align: left;
  font-style: normal;
}
#menu ul li.active_link ul li a {
  font-weight: bold;
  color: #69071F;
  font-size: 13px;
  text-transform: none;
  text-decoration: underline;
  text-align: left;
  font-style: normal;
}
#menu ul li ul li a, #menu ul li ul li.active_link a, #menu ul li.active_link ul li a {
  padding: 5px 7px;
  color: #fff;
  width: 200px;
}


h1{
	background: url('images/headlines.jpg') no-repeat;
	font: bold 2.0em Helvetica, Arial, Verdana, sans-serif;
	color: #FD83AA;
	border: 1px solid #FFEDF3;
	text-align: right; 
	letter-spacing: 2px;
	padding: 2px 4px 2px 2px;
	margin: 0px;
}

h2{
	background: url('images/headlines.jpg') no-repeat;
	font: normal 1.6em Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #FFEDF3;	
	color: #F86B96;
	text-align: right; 
	letter-spacing: 2px;
	padding: 2px 4px 2px 2px;
	margin: 0px;
}

h3 {
	background: url('images/headlines.jpg') no-repeat;
	font: normal 1.6em Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #FFEDF3;	
	margin: 0px;
	padding: 0px;
	color: #F86B96;
	letter-spacing: 2px;
	text-align: right; 
	display: block;
	text-transform: uppercase;
}

h4{
	background: url('images/headlines.jpg') no-repeat;
	font: bold 1.4em Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #FFEDF3;	
	color: #F86B96;
	text-align: right; 
	letter-spacing: 2px;
	padding: 2px 4px 2px 2px;
	margin: 0px;
}

h5{
	background: url('images/headlines.jpg') no-repeat;
	font: bold 1.2em Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #FFEDF3;	
	color: #F86B96;
	text-align: right; 
	letter-spacing: 2px;
	padding: 2px 4px 2px 2px;
	margin: 0px;
}

h6 {
	background: url('images/headlines.jpg') no-repeat;
	border: 1px solid #FFEDF3;
	color: #F86B96;
	font: bold 0.9em Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 3px;	
	text-align: right; 
	text-transform: lowercase;
	padding: 2px;
	margin: 0px;
}


#left-bar, #right-bar {
  color: #515151;
  font-size: 10px;
}
#left-bar h1, #right-bar h1 {
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #434343;
  font-style: italic;
  text-transform: uppercase;
}



.box {
  border: none;
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.box .header {
  background: none;
  padding: 5px 0 0 0; margin: 0;
  background: transparent url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/headlines.jpg ) no-repeat top left;
  height: 36px;
}
.box .content {
  background: transparent url( http://i453.photobucket.com/albums/qq260/Azure_Moonlight/header-2.jpg )no-repeat top left;
}
.box h1 {
  padding: 5px 0;
  margin: 0 10px;
}
.box p {
  padding: 5px 0;
  margin: 0 10px;
}
