/*  Global ---------------------------------------------------------------------- */
* {margin: 0; padding: 0; }
textarea {font: 1em "Lucida Grande", Verdana, Arial, sans-serif;}

body { font: 12px "Lucida Grande", Verdana, Arial, sans-serif; text-align: center; margin: 0 20px 0 20px; background-color: #fff; }

#body {	width: 750px; margin: -1px auto 0px auto;}

#body {
	background-color: #F0F0F0;
	background-image: url(img/side_bg.png);
	background-repeat: repeat-y;
	background-position: right top;
	border: 1px solid #bababa;
}


#header {
	width: 750px;
	height: 79px;
	margin: 15px auto 0px auto;
	text-align: left;
	background-image: url(img/header_2.jpg);
	background-repeat: repeat;
	background-position: center;
	border: 1px solid #bababa;
}

#main {
	float: left;
	width: 530px;
	position: relative;
	padding: 10px;
	padding-top: 4em;
}

#sidebar {
	float: right;
	width: 180px;
	padding: 10px;
	padding-top: 4em;
	position: relative;
}

#footer {
	width: 750px;
	margin: -1px auto 15px auto;
	text-align: center;
	font-size: 0.74em;
	padding-top: 10px;
	color: #7e7e7e;
}

hr {
	clear: both;
	visibility: hidden;
	height: 0px;
	line-height: 0px;
}

/*  Default Links
---------------------------------------------------------------------- */
a {text-decoration: none;}
a img {border: 0;}
a:link, a:visited {font-weight: bold; color: #0000C3; cursor: pointer;}
a:visited {color: #0000A5;}
a:hover {color: #0000E1; text-decoration: underline;}
a:active {color: #0000FF;}

/*  Default texts
---------------------------------------------------------------------- */
h1 {font-size: 2em; font-weight: bold;}
h2, h3, h4, h5 {font-size: 1em; font-weight: normal;}
cite {font-style: normal;}

/*  Default lists
---------------------------------------------------------------------- */
ul {
	margin: 10px 25px;
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-image: url(img/tab_right.png)
}

li ul {
	font-size: 1em;
}

/*  Rounded Box Corners
---------------------------------------------------------------------- */
.box {margin: 0 0 0.85em 0; clear: both; position: relative;}
.box { text-align: left;}

.left { width: 255px; float:left; min-height: 150px;}
.right {width: 255px; clear: none; float:right; min-height: 150px;}

b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(img/border_g.png) no-repeat; line-height: 1px; font-size: 1px; } 
b.tl {top: -1px; left: -1px; background-position: top left;}
b.tr {top: -1px; right: -1px; background-position: top right;}
b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
b.br {bottom: -1px; right: -1px; background-position: bottom right;}

 /* IE Filters */
* html .box {height: 1%;}
* html b.bl {bottom:-2px}
* html b.br {bottom:-2px}
* html b.cn {background-image: url(img/border_g.gif);}
* html .left b.br {right: -2px;}
* html .left b.tr {right: -2px;}
* html .right b.br {right: -2px;}
* html .right b.tr {right: -2px;}


.box { border: 1px solid #bababa; background-color: #fff;}
.box h2 {
	font-size: 1.5em; 
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px solid #bababa;
	padding: 3px 10px;
	background: url(img/gztrp.jpg) no-repeat;
	background-position: center right;
	background-color: #d4d4d4;
}

* html .box h2 {background-image: url(img/gztrp.jpg);}

.box p {
	padding: 5px 10px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#sidebar .box { text-align: center; margin-bottom: 10px;}

#sidebar .box { border: 1px solid #bbb; background-color: #eee;}

#sidebar .box b.cn {background-image: url(img/border_y.png);}
* html #sidebar .box b.cn {background-image: url(img/border_y.gif);}

#sidebar .box h2 {
	font-size: 1em;
	font-weight: normal;
	padding: 3px;
	background: transparent;
	border: none;
}

#sidebar .box img {
	border: 1px solid #000;
	margin-bottom: 10px;
}


ul#standards {
	list-style: none;
	margin: 30px 0px 0px 10px;
}


#standards li {
	float: left;
	margin-right: 3px;
	margin-bottom: 5px;
	
}

#menu {
	color: #000;
	border: 1px solid #bababa;
	border-bottom: 1px solid #000;
	background-color: #eee;
}

#menu li:hover, #menu li.selected {
	border-bottom: 3px solid #000;
}

#menu li:hover a, #menu li.selected a{
	color: #000;
	padding-bottom: 2px;
}
#menu a {
	text-decoration: none;
	color: #999;
}

#menu li ul {
	color: #000;
	background-color: #9c6;
}

#menu li li.submenu {
	background-image: url(images/arrow-w.gif);
	background-repeat: no-repeat;
	background-position: right;
}


#menu li.lang {
	float: right;
}

#menu li.sp a {
	background: no-repeat 0px 8px url(img/flag_sp.png);
	padding-left:26px;
}

#menu li.uk a {
	background: no-repeat 0px 8px url(img/flag_uk.png);
	padding-left:33px;
}