/* @override 
	http://site.codesign.local/css/codesign3.css
	http://www.codesign.local/css/codesign3.css
	http://www.codesign.fi/css/codesign3.css
	http://site.codesign.fi/site1234990455.css/codesign.css
	http://site.codesign.fi/site1238014045.css/codesign.css
	http://site.codesign.fi/site1238015965.css/codesign.css
	http://www.codesign.fi/site1241168699.css/codesign.css
*/

body {
	background: #c0cdd9;
	font: 12px/17px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;	
	
	background: #fbfdfe url(img/products-bg-tile.jpg) repeat-x 0px 0px;
	
}
#lightbox-background {
	background: #fff;
	opacity: 0.5;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
}
#lightbox-frame-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
}
#lightbox-frame {
	position: relative;
	width: 800px;
	height: 500px;
	margin: 20px auto;
	text-align: left;
	padding: 10px 10px 0px 10px;
	background: #5b5b5b;
}
#lightbox-controls-hide {
	position: absolute;
	bottom: 4px;
	right: 10px;
	display: block;
	width: 16px;
	height: 16px;
	background: #5b5b5b;
}
#lightbox-controls {
	position: absolute;
	bottom: -20px;
	right: 0px;
	display: block;
	width: 43px;
	height: 20px;
	background: url(img/close_button.gif) no-repeat top left;
	background: #5b5b5b;
	text-align: center;
}

#lightbox-controls a {
	display: block;
	height: 20px;
	color: #fff !important;
	padding: 3px 3px 3px 3px;
}
#lightbox {
	width: 800px;
	height: 499px;
	background: #5b5b5b;
	overflow: hidden;
}
a{
	color: #06c;
	text-decoration:none;
	border: 0px;
}
a:hover{
	color: #014;
}
a:visited{
	color: #06c;
}
a img {
	border: 0px;
}
h1 {
	font: 19px/28px  Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #558800;
	margin: 0px;
	padding: 15px 0px 5px 0px;
}
h1#sininen {
	color:#338CC8;
}
#info h1,
#info_heading h1 {
	font: 36px/40px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 20px 30px 0px 30px;
/*	text-shadow: #5b8831 1px 1px 1px; */
}
#info_heading h1 {
	padding: 0px 30px 0px 30px;
}
#info_heading {
	display: block;
	float: left;
	width: 640px;
	height: 40px;
	z-index: 100;
	padding: 25px 0px 0px 5px;
}
#info p {
	color: #dce2f1;
	font: 12px/17px Arial, Helvetica, sans-serif;

	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
	padding: 0px 30px 18px 50px;
	
}
#info ul {
	padding: 0px 0px 0px 50px;
	margin: 0px 0px 0px 0px;
	width: 600px;
}
#info li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 250px;
	float: left;
	display: block;
}
#info li a {
	background: url(img/darkblue_bullet.gif) no-repeat left top;
	padding: 0px 0px 0px 16px;
	height: 22px;
	display: block;
	float: left;
	color: #88b7ff;
}
#info li a:hover {
	color: #fff !important;
	background-position: 0px -31px;
}


.green #info li a {
	color: #fff;
}

.red #info p {
	color: #f1dcdc;
}

.green #info p {
	color: #eaf1dc;
}


h2, h3, h4, h5, h6 {
	font: 14px/20px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
h2 {
	font: 15px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-weight: bold;
	
}
p {
	font: 12px/19px "Lucida Grande",Lucida,Verdana,sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 10px 10px;
}


p.reference {
	padding: 38px 10px 30px 173px;
	background: url() no-repeat 0px 0px;
}

#mainContent h3, #sidebar h3 {
	font: 13px/20px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #66aa00;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
#sidebar p {
	color: #666677;
}
li {
	font: 12px/17px Arial, Helvetica, sans-serif;
}
#ingressbox h1 {
	font: 32px/32px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 40px 20px 0px 50px;
	color: #ffffff;
}
#ingressbox h3 {
	font: 14px/20px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 15px 50px 00px 50px;
	color: #dddddd;
}

#fronttext  {
	float: left;
	display: block;
	clear: both;
	
}
#fronttext a {
	border: 0px;
}
#fronttext a img {
	border: 0px;
	padding: 0px 9px 0px 0px;	
	margin: 13px 0px 10px 0px;
}
#frontinfo a {
	border: 0px;
}
#frontinfo a img {
	border: 0px;
	padding: 0px 9px 0px 0px;	
}
#heading {
	float: left;
	display: block;
	clear: both;
	width: 732px;
}


#heading h1 {
	font: 23px/30px Arial, Helvetica, sans-serif;
	color: #1b1b1b;
	padding: 0px 0px 4px 10px;
}

#front-left {
	width: 744px;
	float: left;
}
#front-right {
	width: 250px;
	float: left;
	padding: 0px 0px 0px 0px;
}

/* @group Color schemas */

.green #text {
	color:  #3c4615;
}
.green #text p,
.green #text li {
	color:  #3c4615;
}

.green #text h1,
.green #text h2,
.green #text h3 {
	color:  #a39101;
}
.green #text-narrow {
	color:  #4c5625;
}
.green #text-narrow p,
.green #text-narrow li {
	color:  #4c5625;
}

.green #text-narrow h1,
.green #text-narrow h2,
.green #text-narrow h3 {
	color:  #a39101;
}



.red #text {
	color:  #3c4615;
}
.red #text p,
.red #text li {
	color:  #3c4615;
}

.red #text h1 {
	color:  #a39101;	
}
.red #text-narrow {
	color:  #4c5625;
}
.red #text-narrow p,
.red #text-narrow li {
	color:  #4c5625;
}

.red #text-narrow h1,
.red #text-narrow h2,
.red #text-narrow h3 {
	color:  #a39101;
}





/* @end */
/* @group Header */

#header {
	display: block;
	float: left;	
	width: 100%;
	height: 45px;
}
#logo {
	display: block;
	position: absolute;
	left: 0xp;
	top: 0px
}
#logo img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/* @end */

/* @group View - template */
#pagewrap {
	background: url(img/products-bg.jpg) no-repeat top right;
	display: block;
	float:left;	
	width: 100%;
}

#page {
	display: block;
	padding: 20px 10px 30px 20px;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;	
}

#footer-margin {
	display: block;
	float: left;
	height: 30px;
	width: 100%;
}
#info-wrap {
	display: block;
	float: left;
	position: relative;
	clear: both;
	width: 732px;
	height: 179px;
	background: url(img/blue_box.gif) no-repeat top left;

}
#info-wrap.green {
	display: block;
	float: left;
	clear: both;
	width: 732px;
	height: 179px;
	background: url(img/green_box.gif) no-repeat top left;
	position: relative;
}


#info-wrap.codesigner-info {
	display: block;
	float: left;
	clear: both;
	width: 732px;
	height: 252px;
	background: url(img/codesigner_info.jpg) no-repeat top left;
	position: relative;
}


#info-wrap.codesign-info {
	display: block;
	float: left;
	clear: both;
	width: 732px;
	height: 221px;
	background: url(img/firma_header.jpg) no-repeat top left;
	position: relative;
}



#info-wrap.codesign-info p {
	color: #333;
	width: 400px;
}



#info-wrap.contact-info {
	display: block;
	float: left;
	clear: both;
	width: 732px;
	height: 260px;
	background: url(img/contact_box.jpg) no-repeat left;
	position: relative;
}

#info-narrow {
/*	IE 6 ... tarvitsee absoluten jotta näkyy valikko...
ongelmana tosin sen jälkeen Codesigner:ssa tekstin muokkaus..
*/
/*
	position: absolute;
	top: 0px;
	left: 0px; */
	float: left;
	display: block;
	width: 332px;
	z-index: 100;
	
}
#lomake {
	background: #eee;
	display: block;
	float: left;
	width: 280px;
	margin: 10px 10px 10px 40px;
	padding: 20px 10px 10px 10px;
}

#lomake dl {
	padding: 0px;
	margin: 0px;
}
#lomake dt {
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
#lomake dd {
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
#lomake input {
	width: 250px;
}
#lomake textarea {
	width: 250px;
	height: 150px;
}

#text-left-column {
	display: block;
	float: left;
	width: 366px;
}
#text-right-column {
	display: block;
	float: left;
	width: 366px;
}
#text-right-column h1 {
	font-size: 20px;
	color: #555;
}
#info-map {
	float: left;
	display: block;
	width: 356px;
	height: 218px;
	z-index: 100;
	background: #f0f;
	margin: 20px 0px 0px 20px;
}
#info-wrap.contact-info h1 {
	color: #fff;
	padding: 20px 0px 0px 50px;
}
#info-wrap.contact-info p {
	color: #e2e2ff;
	padding: 12px 0px 0px 50px;
}
#info-wrap.red {
	display: block;
	float: left;
	clear: both;
	width: 732px;
	height: 179px;
	background: url(img/red_box.gif) no-repeat;
	position: relative;
}

#info-wrap.tutorials {
	display: block;
	float: left;
	clear: both;
	width: 732px;
	height: 550px;
	background: url(img/tutoriaalit.jpg) no-repeat top left;
	position: relative;
}

table {
	clear: both;
	border-spacing: 0px;
	border-collapse: collapse;
}	

p.table-header {
	border: 0px;
	padding: 0px;
	width: 622px;
	height: 28px;
	display: block;
	float: left;
	clear: both;
	background: url(img/table_features_header.gif) no-repeat 0px 18px;
	margin-top: -10px;;
	font-size: 10px;
}

p.table-footer, p.table-footer-dark {
	border: 0px;
	padding: 0px;
	width: 622px;
	height: 6px;
	display: block;
	float: left;
	clear: both;
	background: url(img/table_features_footer.gif) no-repeat bottom left;
}
p.table-footer-dark {
	background: url(img/table_features_footer_dark.gif) no-repeat bottom left;
}

table td {
	font: 12px/15px Arial, Helvetica, sans-serif;	
	vertical-align: top;
}

.table-dark {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
}
.table-dark td {
	border: 0px;
	padding: 2px 4px 2px 12px;
	background: #fff;
	color: #555;
}
.table-dark td b,
.table-dark td strong {
	color: #000;
}
.table-dark {
	border: 0px;
}
.table-dark {
	width: 622px;
	border-left: 1px solid #b8b9be;
	border-right: 1px solid #b8b9be;
}
.table-dark .row-light td {
	background: #eff2f3;
	padding: 2px 4px 2px 12px;
}




#info {
/*	IE 6 ... tarvitsee absoluten jotta näkyy valikko...
ongelmana tosin sen jälkeen Codesigner:ssa tekstin muokkaus..
*/
/*
	position: absolute;
	top: 0px;
	left: 0px; */
	float: left;
	display: block;
	width: 732px;
	z-index: 100;
	
}







#text-wrap {
	display: block;
	float: left;
	width: 732px;
 	clear: both;
	padding: 16px 0px 0px 0px;
}
#text-header {
	display: block;
	float: left;
	width: 732px;
	height: 6px;
	clear: both;
	background: url(img/text-header.gif) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;	
	font-size: 1px;
}
#text {
	display: block;
	float: left;
	width: 632px;
	clear: both;
	background: url(img/text-body.gif) repeat-y 0px 0px;
	padding: 0px 50px 0px 50px;
	margin: 0px;
}
#text-fullwidth {
	display: block;
	float: left;
	width: 732px;
	clear: both;
	background: url(img/text-body.gif) repeat-y 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


#texti {
	display: block;
	float: left;
	width: 632px;
	clear: both;
	padding: 0px 50px 0px 50px;
	margin: 0px;
}
#texti-fullwidth {
	display: block;
	float: left;
	width: 732px;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#text-footer {
	display: block;
	float: left;
	width: 732px;
	height: 6px;
	clear: both;
	background: url(img/text-footer.gif) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;	
	font-size: 1px;
}
#left-column {
	display: block;
	float: left;
	width: 732px;
}
#right-column {
	display: block;
	float: left;
	width: 258px;
	padding: 0px 0px 0px 0px;	
}

#search {
	display: block;
	float: left;
	width: 248px;
	padding: 0px 0px 0px 10px;	
	background: url(/css/img/search_bg.gif) no-repeat 10px 0px; 
	height: 30px; 
}
#search form {
	padding: 0px;
	margin: 0px;
}
#search-input {
	display: block;
	float: left;
	width: 180px;
	height: 20px;
	padding: 5px 0px 0px 10px;	
	border: 0px;
	font: 13px/17px Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: none;
	color: #555;
}

#search-submit {
	display: block;
	float: left;
	width: 44px;
	height: 25px;
	padding: 0px 0px 0px 10px;	
	border: 0px;
	background: none;
}

#search-submit {
	display: block;
	float: left;
	width: 44px;
	height: 25px;
	padding: 0px 0px 0px 10px;	
	border: 0px;
	background: none;
}

#note {
	display: block;
	float: left;
	width: 248px;
	padding: 0px 0px 0px 10px;	
}
#note p {
	padding-left: 0px;
}
/* @end */

/* @group Home - template */



/* @end */

/* @group Footer */

#footer-wrap {
	background: #fff url(img/footer.gif) repeat-x 0px 0px;	
	position: relative;
	display: block;
	float: left;	
	width: 100%;
	height: 300px;
	padding: 0px;
	margin: 0px;
	min-width: 600px;
}
#footer {
	display: block;
	float: left;	
	width: 100%;
	background: url(img/footer_map.gif) no-repeat right top;
}
#footer-links1, #footer-links2, #footer-contact, #footer-address {
	display: block;
	float: left;
	padding: 20px 20px 0px 20px;
	border-right: 1px solid #ddc;
	width: auto;
	margin: 0px 0px 0px 0px;
	background: #fff url(img/footer.gif) repeat-x 0px 0px;	
	opacity: 0.8;
}
#footer-contact {
	background: #0070B2 url(img/footer.jpg) repeat-x 0px 0px;
	color:#FFF;
}
div#footer div#footer-contact h3,
div#footer div#footer-contact p,
div#footer div#footer-contact td { color:#FFF; }
div#footer div#footer-contact a {
	color:#FFF;
	background:url(img/link_icon.gif) 0px 0px no-repeat;
	padding-left:15px;}
	div#footer div#footer-contact a:hover {
		color:#CBDEFF;
	}
#footer-links {
	display: block;
	float: left;
	padding: 10px 20px 10px 20px;
	width: 100%;
	margin: 0px;
}
#footer-links p  {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #666;
}
#footer-links p a {
	color: #3a7bbc;
}
#footer-links p a:hover {
	color: #014 !important;

}
#footer h3 {
	color: #333;
	font: 15px/17px Arial, Helvetica, sans-serif;
	font-weight: normal;
/*	text-transform: uppercase; */
	padding: 10px 0px 6px 0px;
	margin: 0px;
}
#footer p, #footer td {
	padding: 0px;
	color: #555;
	font: 12px/17px Arial, Helvetica, sans-serif;
}
#footer p strong {
	color: #222;
}
#footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 1px;
}
#footer ul li {
/*	background: url(img/darkblue_bullet.gif) no-repeat left top;

	padding: 0px 0px 0px 15px;*/
	margin: 0px;
}
#footer ul li a {
	display: block;
	position: relative;
	padding: 3px 0px 1px 0px;
	margin: 0px;
	height: auto;
	text-align: left;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #06c;

}
#footer ul li a:hover {
	color: #014;
}
/* @end */

#wrap { 
	width: 944px;
	margin: 0 auto;
	text-align: left;
}

/* @group Main menu */


div#mainmenu {
	display: block;
	position: absolute;
	float: left;
	overflow: hidden;
	left: 150px;
	top: 0px;
	height: 45px;
	padding: 0px;
	margin: 0px;
}

#mainmenu ul{
	list-style:none inside none;
	height:45px;
	min-height:45px;
	height:auto !important;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#mainmenu ul li {
	display: block;
	float:left;
	clear: none;
	padding: 0px;
	margin: 0px;
	list-style-image: none;
}

#mainmenu ul li a {
	display:block;
	float: left;
	padding: 19px 15px 0px 15px;
	height: 26px;
	margin: 0px;
	color:#fff;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	white-space:nowrap;
	text-shadow: #0076eb 1px 1px 0;
}
#mainmenu ul li.selected {
	background: #b2caee url(img/topnavi_selected.gif) no-repeat top left;
}
#mainmenu ul li.selected a{
	color: #fff;
	background: url(img/topnavi_selected.gif) no-repeat  right -45px;
}
#mainmenu ul li a:hover {
	color: #003157;
}
#mainmenu ul li.selected a:hover{
	color: #fff;
}

/* @end */

/* @group Lang menu */

#langmenu {
	display: block;
	overflow: hidden;
	height: 45px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#langmenu ul{
	position: relative;
	list-style: none inside none;
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	height:45px;
	min-height:45px;
	height:auto !important;
}

#langmenu ul li {
	display: block;
	float:left;
	clear: none;
	padding: 0px;
	margin: 0px;
	list-style-image: none;
}

#langmenu ul li a {	
	display:block;
	float: left;	
	padding: 19px 15px 0px 15px;
	height: 26px;
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;	
	color: #fff;
	white-space:nowrap;
	text-shadow: #0076eb 1px 1px 0px;
}


#langmenu ul li.selected {
	color: #fff;
	background: url(img/langmenu_selected.jpg) no-repeat center top;
}

#langmenu ul li a:hover {
	color: #003157;
}
#langmenu ul li.selected a:hover{
	color: #fff;
}

/* @end */






/* @group Sub menu */

#submenu  {
	display: block;
	float: left;
	
	width: 248px;
	height: 380px;
	margin: 0px;
}

#submenu ul {
	width: 174px;
	list-style: none;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	line-height: 1px;
}

#submenu ul li {
	padding: 0px;
	margin: 0px;
	background: url(img/navi_bg.gif) no-repeat bottom left;
}
#submenu ul li a {
	display: block;
	position: relative;
	padding: 7px 2px 0px 25px;
	margin: 0px;
	height: 20px;
	color: #000;
	text-decoration: none;
	text-align: left;
	font: 13px/15px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}
#submenu ul li.selected a, #submenu ul li.selected a:hover {
	color: #ffffff;
	background: #0088dd;
	background: url(img/navi_selected.gif) no-repeat top right;
}
#submenu ul li a:hover {
/*	background: url(img/navi_hover.gif) no-repeat top right; */
	color: #0082db;
}

/* @end */

/* @group Tab menu */





#tabmenu {
	position: absolute;
	left: 0px;
	top: 148px;
	padding: 0px 0px 0px 30px;
	margin: 0px;
	height: 32px;
	line-height: 0px;
	font-size: 0px;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 200;

}

#tabmenu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	list-style:none;
}

#tabmenu ul li {
	float: left;
	display: block;
/*	background: url(img/blue_tabs.gif) no-repeat 0px -96px;*/
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	list-style-image: none;
	list-style:none;
	line-height: 21px;
	font-size: 12px;
	height: 32px;
}

#tabmenu ul li a {
	float:left;
	display: block;
/*	background: url(img/blue_tabs.gif) no-repeat right -32px ;*/
	font-size: 19px;
	line-height: 25px;
	padding: 4px 25px 0px 13px;
	height: 28px;
	text-decoration:none;
	font-weight: normal;
	color: #e5ff59 !important;
	font-family: Arial, Helvetica, sans-serif;
	top: 0px;
}

#tabmenu ul li a:hover {
	color: #fff !important;
	text-decoration: none;
}

#tabmenu ul li.selected {
	background: url(img/blue_tabs.gif) no-repeat 0px -64px;
}

#tabmenu ul li.selected a {
	background: url(img/blue_tabs.gif) no-repeat right -0px;
	color: #000 !important;
	padding-bottom: 0px;
}


#tabmenu.green ul li {
/*	background: url(img/green_tabs.gif) no-repeat 0px -96px; */
}
#tabmenu.green ul li a {
	color:#fff;
/*	background: url(img/green_tabs.gif) no-repeat right -32px; */
}
#tabmenu.green ul li.selected {
	background: url(img/green_tabs.gif) no-repeat 0px -64px;
}
#tabmenu.green ul li.selected a {
	color:#000;
	background: url(img/green_tabs.gif) no-repeat right -0px;
}
#tabmenu.whitegradient {
	top: 189px;
}
#tabmenu.whitegradient ul li a {
	color: #777 !important;
}
#tabmenu.whitegradient ul li.selected {
	background: url(img/whitegradient_tabs.gif) no-repeat 0px -64px;
}
#tabmenu.whitegradient ul li.selected a {
	color: #000 !important;
	background: url(img/whitegradient_tabs.gif) no-repeat right -0px;
}


/* @end */

/* @group News menu */

#news-menu  {
	float: left;
	display: block;
	width: 194px;
	margin-left: 0px;;
	padding: 0px 0px 0px 0px;
}

#news-menu ul {
	width: 194px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#news-menu ul li {
	padding: 10px 0px;
	margin: 0px;
	clear: both;
}
#news-menu ul li a {
	display: block;
	position: relative;
	padding: 7px 10px 0px 20px;
	margin: 0px;
	color: #fff;
	text-decoration: none;
	text-align: left;
	font: 16px/19px Arial, Helvetica, sans-serif;
	font-size: 16px;
	cursor: pointer;
}
#news-menu ul li a span.big-date {
	font-size: 20px;
	font-weight: bold;
	display: block;
	float: left;
	color: #000;
	cursor: pointer;
	
}
#news-menu ul li a span.date {
	font-size: 12px;
	font-weight: normal;
	display: block;
	float: left;
	color: #cde181;
	clear: both;
	cursor: pointer;
}
#news-menu ul li a span.big-date span.year {
	font-size: 9px;
	font-weight: bold;
	clear: left;
	display: block;	
	cursor: pointer;
}
#news-menu ul li a span {
	float: left;
	cursor: pointer;
}
#news-menu ul li a span.name {
	width: 126px;
	padding: 0px 0px 0px 10px;
	cursor: pointer;
}

#news-menu ul li.selected a, #news-menu ul li.selected a:hover, 
#news-menu ul li.selected a span {
	color: #3f4e00 !important;
}
#news-menu ul li a:hover {
	color: #ccc !important;
}
#news-menu ul li a:hover span {
	color: #3f4e00 !important;
}

/* @end */
div#news-menu-wrap {
	float: right;
	width: 196px;
	background: url(img/news-body.jpg) no-repeat 0px 0px;	
	padding: 10px 0px 0px 0px;
}
div#news-menu-footer {
	float: left;
	width: 196px;
	height: 10px;
	background: url(img/news-bottom.gif) no-repeat left bottom;	
	padding: 0px 0px 0px 0px;
	line-height: 1px;
	font-size: 1px;
}
div#text-narrow-wrap {
	display: block;
	float: left;
	width: 530px;
	padding: 0px 0px 0px 0px;
}

div#text-narrow-header {
	display: block;
	float: left;
	width: 422px;
	height: 12px;
	clear: both;	
	background: url(img/text-522-top.jpg) repeat-y 0px 0px;
	padding: 0px 50px 0px 50px;
	line-height: 1px;
	font-size: 1px;
}

div#text-narrow {
	display: block;
	float: left;
	width: 422px;
	clear: both;	
	background: url(img/text-522-middle.jpg) repeat-y 0px 0px;
	padding: 0px 50px 0px 50px;
}


div#text-narrow-footer {
	display: block;
	float: left;
	width: 422px;
	height: 12px;
	clear: both;	
	background: url(img/text-522-bottom.jpg) repeat-y bottom left;
	padding: 0px 50px 0px 50px;
	line-height: 1px;
	font-size: 1px;
}