body{

	background-color : #DEE0CF;

	font: 62.5%/1.5  "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;

	color : #000000;

	text-align : center;

	margin:0; padding:0;

}

div{

	padding:0;

	margin:0;

}



a{



	font-family:Arial, Helvetica, sans-serif;

	color: #0228CB;

}

a:hover{

	color: #EA3A11;

	text-decoration: none;



}



.footer{

	height: 80px;

	font-size: 1.2em;

	color: #000000;

	padding:10px;

	margin-top: 20px;

	text-align:center;

	border-top: 1px solid #C4C7CC;

}

.footer a{

	color: #FFFFFF;

}

.footer a:hover{

	color:  #cc3300;

	text-decoration:none;

}





.handler{

	width:995px;

	margin:0 auto;

	padding:0;

}

.page{

	background-color: #FFFFFF;

	text-align:left;

	float:left;

	width:995px;

	



}

.top{

	border-top: 0px solid #6888CA;

	background-color:#FFFFFF;

	

}





.columnWide{

	float:left;

	font-size: 1.3em;

	width:680px;

	margin-top: 0px;

	margin-right: 5px;

	margin-left: 5px;

}

.columnSmall{

	font-size: 1.3em;

	float:left;

	width:280px;

	margin-top:40px;

}





.bold{

	font-weight:bold;

}





#topbar {

	

	top:-5px;

	float: right;

	margin-right:10px;

	font-size: 14px;

    color: #000080;

    font-family: Arial;

	padding: 0px 0px 0px 0px;

	

	}	



#topbarleft {

	

	top:5px;

	float: left;

	margin-left:-310px;

	font-size: 14px;

    color: #000080;

    font-family: Arial;

	padding: 0px 0px 0px 0px;

	

	}		

	

#line{

	position:absolute;

	top:25px;

	float: left;

	margin-left:-500px;

	width:925px;

	height: 1px;

	border-bottom:1px solid #C4C7CC;

	

	}	

div.homebar{
	font-size: 1.0em;
 	padding:5px;
	text-align:left;
	color: #000000;
}

.homebar a:link {
	color: #6699ff;
	text-decoration: none;
}

.homebar a:hover{
	color: #FFFFCC;
}

.homebar a:visited{
	color: #6699ff;
}

.padded{

	height:10px;

	background-color: #DEE0CF;

	
}

.grd{
	height:1px;
	clear:both;
	margin-bottom: 20px;
}

.grn{
	color: #008000;
	font:85% arial,sans-serif;
}

.nw { color: #FF0000; }

.po { color: #6699cc; }

.t { color: #000080; font-size: 1.2em;}

.ca { color: #0066cc; font:90% arial,sans-serif;}

.nx { color: #000000; font:100% arial; }

.nt { color: #CC0000; font:110% arial; }

.ind { color: #000000; font:90% sans-serif;}
.se { color: #0000ff; font:90% arial,sans-serif; margin-bottom: 20px;}
.ser { color: #666666; font:1em arial,sans-serif; font-weight: bold; }
.loc { color: #666666; font:1.1em arial,sans-serif; font-weight: bold; }

.blue-header{

	background-color: #E1E9FA;

	border: 1px solid #96ABD4;

	font-family: "Trebuchet MS","Lucida Grande";

	font-size: 1.5em;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #6D7B99;

}



.blue-headerh{

	background-color: #E1E9FA;

	border: 1px solid #96ABD4;

	font-family: "Trebuchet MS","Lucida Grande";

	font-size: 1.0em;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #6D7B99;

	margin-top:25px;

	margin-bottom:15px;

}



.blue-body{

	font-size: 1.25em;

	padding:5px;

	background-color: #FFFFFF;

	border-bottom: 1px solid #96ABD4;

	border-right: 1px solid #96ABD4;

	border-left: 1px solid #96ABD4;

}



.brown-header{

	background-color: #F9F1E1;

	border: 1px solid #D3BE96;

	font-family: "Trebuchet MS","Lucida Grande";

	font-size: 1.0em;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #99896D;

	margin-top:10px;

}





.brown-body{

	padding:5px;

	background-color: #FFFFFF;

	border-bottom: 1px solid #D3BE96;

	border-right: 1px solid #D3BE96;

	border-left: 1px solid #D3BE96;

}

.green-header{

	background-color: #E6F9E1;

	border: 1px solid #96D396;

	font-family: "Trebuchet MS","Lucida Grande";

	font-size: 10pt;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #5D995D;

	margin-top:10px;

	

}

.green-body{

	padding:5px;

	background-color: #FFFFFF;

	border-bottom: 1px solid #96D396;

	border-right: 1px solid #96D396;

	border-left: 1px solid #96D396;

	margin-bottom:10px;

}





	

.search{

	background-color: #FF9E33;

	border: 1px solid #000000;

	height: 20px;

	font-size:0;

	width: 600px;

    margin-left: 0px;

	margin-right: 0px;

	margin-top: 0px;

	text-align: center;

    float: center;

    padding: 10px 0px 0px 0px;

	}	



 .navb a:link {color: #000080; text-decoration: none}

 .navb a:visited {color: #000080; text-decoration: none}

 .navb a:active {color: #cc3300; text-decoration: none}

 .navb a:hover {color: #cc3300; text-decoration: none}

 .navb {font-size: 13px;}

 

  a:link {color: #000080; text-decoration: none;}

 a:visited {color: #000080; text-decoration: none;}

 a:active {color: #cc3300; text-decoration: none;}

 a:hover {color: #cc3300; text-decoration: none;}

 



img { 

border:0; 

} 



img.a { 

float:left;

width:120px; 

height:80px;

border:1px solid;

border-color: #000080;

margin-right: 15px;



} 



img.b { 

width:240px; 

height:240px; 

} 










img.t { 

width:120px; 

height:80px; 

} 





img.al {

width:120px; 
height:80px;
font-size: 90%;
padding: 1em;
text-align: center;
border:1px solid;
border-color: #000000;


}


#lside {

        float: left;

        margin: 30px 10px 30px 10px;

        width: 95%;

        text-align: left;

	    padding: 0px 10px 0px 10px;

        

	}



#lside a {

	color: #000080;

	font arial,sans-serif;

        text-decoration: underline;

        

	}

#lside a:link, #languageSelection a:visited {

	color: #000080;

	}

#lside a:hover {

	color: #000080;

	text-decoration: underline;

	}

	

#rside {

    float: right;

	margin: 30px 10px 0 20px;

    width: 200px;

    text-align: left;

	padding: 5px 5px 5px 5px;

    border: 1px solid #dde4e9;

   

        }



#rside a {

	color: #000080;

	font arial,sans-serif;

	}

#rside a:link, #languageSelection a:visited {

	color: #000080;

	}

#rside a:hover {

	color: #0000ff;

	

	}

	

#rsideh {

    float: right;

	margin: 25px 10px 0px 0px;

    width: 235px;

    text-align: left;

    padding-left:10px;

	

        }



#rsideh a {

	color: #000080;

	font arial,sans-serif;

	}

#rsideh a:link, #languageSelection a:visited {

	color: #000080;

	}

#rsideh a:hover {

	color: #0000ff;

	

	}	

  p.link

{

    margin-bottom: 15px;

}   



 .grn{

	height:20px;

	clear:both;

	margin-bottom: 25px;

	color: #008000;

	font:90% arial,sans-serif;

	

}

 .margin{

	{ width: 117%;

	  padding: 10px; 

	

}



	

}

#cat
	{ width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #dde4e9;

}



#space

	{ width: 107%;

	margin-top: 10px;

	

	

}



#homecat

	{ width: 99%;

		margin-top: 10px;

	margin-bottom: 25px;

	height:20px;

	background-color: #E1E9FA;

	border:1px solid #558CA6;

	padding:0px 0px 5px 10px;

	font-size: 1.2em;

	

}

.nw { color: #FF0000; }

.po { color: #6699cc; }

.t { color: #000080; font-size: 1.2em;}
.grn { color: #008000; font:90% arial,sans-serif;}
.ca { color: #0066cc; font:90% arial,sans-serif;}

.nx { color: #000000; font:100% arial; }

.nt { color: #CC0000; font:110% arial; }

.ind { color: #000000; font:90% sans-serif;}
.se { color: #0000ff; font:90% arial,sans-serif; margin-bottom: 20px;}
.ser { color: #666666; font:1em arial,sans-serif; font-weight: bold; }
.loc { color: #666666; font:1.1em arial,sans-serif; font-weight: bold; }



div#ind { width: 65%;

	  padding: 10px; 

          margin: 10px;

          border-bottom:1px solid #dde4e9;

          

}

        

 .clear:after {

  height: 0px;

  clear: both;

  display: block;

  visibility: hidden;

  content: ".";

}

.clear {

  display: inline-block;

}

/* start non ie/mac css \*/

* html .clear {

  height: 1%;

}

.clear {

  display: block;

}



.paging {

  margin-top:40px;

}

/* end non ie/mac css */



/*---------------*\

|* page specific *|

\*---------------*/

#bookmark_list input.checkbox {

  float: left;

}

#bookmark_list .folders .description, #bookmark_folder_view .folders .description {

  margin: 0px 0px 10px 20px;

}

.bookmark_link .comments label {

  font-weight: bold;

}

.bookmark_link .comments label span {

  font-weight: normal;

}



#categoryh dl, #home dl {

  margin: 0px 0px 0px 0px;

  width: 100%;

  float: left;

}



#categoryh dt a {

  font-weight: bold;

  font-size: 1.1em;
  padding:5px;

}

#categoryh dt, #category dd, #home dt, #home dd {

  margin: 0px 0px 0px 0px;

}



#categoryh dd, #home dd {

  padding-bottom: 0px;

}







#category dl, #home dl {

  margin: 0px 0px 0px 0px;

  width: 33%;

  float: left;

}

#category dt a {

  font-weight: bold;

  font-size: .9em;

}

#category dt, #category dd, #home dt, #home dd {

  margin: 0px 0px 0px 0px;

}

#category dd, #home dd {

  padding-bottom: 10px;

}











/* paging */

.paging {

  text-align: right;

}

.paging img, .paging select, .paging input {

  vertical-align: middle;

}

/* link/bookmark status icons */

.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {

  background: transparent url(images/button-left.gif) top left no-repeat;

  font-weight: normal;

  font-size: 9px;

  color: #FF0000;

  vertical-align: text-top;

}

.new-item {

  background-color: #ffffff;

}

.updated-item {

  background-color: #c5a600;

}

.popular-item {

  background-color: #314fb1;

}

.unpaid-item {

  background-color: #555555;

}

.expired-item {

  background-color: #92589c;

}

.free-item {

  background-color: #a7a87c;

}

.bookmark-public {

  background-color: #cc6613;

}

.bookmark-default {

  background-color: #7fb131;

}

.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {

  padding: 0px 3px;

  background: transparent url(images/button-right.gif) top right no-repeat;

}



/* forms */

.row {

  margin-bottom: 1px;

  padding: 4px;

}

.row label.name {

  padding-right: 5px;

  width: 25%;

  float: left;

}

.row label.name span {

  color: #8c3030;

}

.row .value.wrappedtext {

  margin-left: 25%;

  padding-left: 5px;

}

/* hack for ie 5.5 text/textarea resizing */

.row .value input.text, .row .value input.password, .row .value textarea {

  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');

}

/* the previous style causes problems with long sidebars in ie6 */

.row .value input.text, .row .value input.password, .row .value textarea {

  w\idth: 72%;

}

.row .value input.text.shorttext {

  width: 100px;

}

.row.required {

  background: #e2e1eb;

}

.row.requiredb {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
  background: #e2e1eb;

}


.row.invalid {

  color: #8c3030;

  background: #eedddd;

  font-weight: bold;

}

.formsubmit {

  margin-top: 10px;

  text-align: right;

}



/* generic messages */

.errormessage {

  color: #8c3030;

  font-weight: bold;

}

.infomessage {

  color: #3a5841;

  font-weight: bold;

}



#loginbar {

  float: right;

  text-align: right;

   margin-right:10px;

}

#loginbar a {

  margin-top: 20px;

  padding: 10px 30px 10px 0px;

  color: #212126;

  font-weight: bold;

  display: block;

}



/* these colours are the same as defined by 'a', but we unset a:visited */

#loginbar a:hover {

  color: #5c5b66;

}

#loginbar a.in {

  background: transparent url(images/login.gif) center right no-repeat;

}

#loginbar a.out {

  background: transparent url(images/logout.gif) center right no-repeat;

}

#search .searchoption {

  margin-top: 10px;

  padding-top: 5px;

  border-top: 1px dotted #bbbfa1;

}



/* search highlighting */

.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {

  font-weight: bold;

}

.searchhl-1 {

  background: #ffff80;

}

.searchhl-2 {

  background: #aaaaff;

}

.searchhl-3 {

  background: #aaffaa;

}

.searchhl-4 {

  background: #ffaaaa;

}

.searchhl-5 {

  background: #aaffff;

}

/* forms */

form {

  margin: 0px;

}

input, textarea {

  font: normal 13px tahoma, geneva, verdana, sans-serif;

}





p.left {

	

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;
  

	}
	
	.rowad { background-color: #ccffcc; border: 1px solid #bbbfa1; padding:5px; margin-top:15px; margin-bottom:15px;
	
	
	}
	
	h3{
	font: bold 12px Arial, sans-serif;
	color: #146898;
	margin-top:2px;
	
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  float: left;
  list-style: none;
}
ul.primarynav {
  width: 100%;
  background: #5c5b66;
}
ul.secondarynav {
  width: 100%;
  background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}
ul.primarynav a:visited {
  color: #ffffff;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #737180;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #383741;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}

.logo{
	float: left;
	width:260px; 
    height:100px;
	border: 0px;
	margin-top: 5px;
	margin-left: 7px;
	
	vertical-align: top;
	}

div.langcat {
	position:relative;
	float: right;
	font-size: 1.2em;
    color: #666666;
    font-family: Arial;
	padding: 0px 25px 0px 0px;
	}
	
div.menubar{
	position:relative;
	float: left;
	width: 965px;
	font-size: 1.6em;
	color: #808080;
	font-weight: bold;
	border-top:1px solid #558CA6;
	padding:10px;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
	
}

.menubar a:link {
	color: #808080;
	text-decoration: none;
}

.menubar a:hover{
	color: #FFFFCC;
}

.menubar a:visited{
	color: #808080;
}	

input.button {
	font-family: arial, verdana, serif;
	font-size: 10pt;
	height:24px;
	color: #333333;
	font-weight: bold;
	background: #FFD52B;
	width: 120px;
	vertical-align: top;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFCC66;
	border-right: 1px solid #FFCC66;
	
	}
	
	div.searchbar{
	position:relative;
	float: right;
	top: 50px;
	margin-right: 40px;
	
	
}

input.text, input.text_small {
	border: 1px solid #AAAAAA;
	font-family: arial, verdana, serif;
	font-size: 10pt;
	color: #333333;
	vertical-align: middle;
	padding-left: 2px;
	height:20px;
}

div.topheader{
	height: 140px;
	margin-bottom: 10px;
	
	
}