@import url(global.css);


/* wider column */

#columna{
	float: right;
	width: 29em;
}

/* shorter column */

#columnb{
	float: left;
	width: 15.8em;
}

/* content area news items container */

#items{
	width: 29em;
	background: none;
	margin-top: 0.4em;
	padding-bottom: 0.05em;	
}

/* spotlight area container */

#spotlight{
	margin-top: 0.4em;
}

/* styles for each of the areas */

#columna h1{
	border-bottom: 2px solid #999;
	padding-bottom: 0.1em;
}

#container #items dt{
	background: url(../images/homeBulletDocuments.gif) no-repeat top left;
}

#container #rightsthemes dt{
	background: url(../images/homeBulletRightsThemes.gif) no-repeat top left;
	clear: left; /* to enable left align list in rights themes */
	width: 14em; /* to enable left align list in rights themes */
}

body#info #container #items dt{
	background: url(../images/BulletInformation.gif) no-repeat top left;
}

body#guide #container #items dt{
	background: url(../images/BulletGuide.gif) no-repeat top left;
}

#items p, #spotlight p, #rightsthemes p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#columna #spotlight img{
	float: right;
	width: 171px;
	border: 3px solid #CBDCDC;
	margin: 0.2em 0 0.2em 0;
}

#columna #spotlight h2{
	color: #fff;
	background: #659797 url(../images/dotRightsThemes.gif) repeat-x bottom left;
	padding: 0.2em 0 0 0.05em;
}

body#docs #columna #spotlight h2{
	background: #963;
}

#body#info #columna #spotlight h2{
	background: #c30;
}

#body#guide #columna #spotlight h2{
	background: #993;
}

#columna #items h3{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#columna #spotlight p.back{
	float: left;
	width: 100%;
	clear: both;
	padding: 1em 0 0 0;	
}

#columna #spotlight p.back img{
	float: left;
	width: 15px;
	border: none;
	margin: 0 0.5em 0 0;
}

#columna #spotlight p.back a{
	color: #666;
}

#columna #items h3 a{
	color: #666;
}

#columna #items ul{
	width: 100%; /* width: 15em; */
	margin: 0 0 1em 0;
	padding: 0;
}

#columna #items ul li{
	list-style: none;
	margin: 0;
	padding: 0 0 0.1em 1em;	
	font-size: 0.7em;
	color: #666;
	background: #f2f2f2;	
	border-bottom: 1px solid #fff;	
}

#columna #items ul li.dark{
	background: #e2e2e2;
}

#columna #items a{
	color: #963;
}

body#guide #columna #items a{
	color: #993;
}

body#info #columna #items a{
	color: #c30;
}

/* print page control */

#columna #spotlight #printpage{
	float: right;	
	width: 7em;	
	margin-top: 0.4em;
}

#columna #spotlight #printpage img{
	float: left;
	width: 13px;
	height: 13px;
	border: none;
	margin-right: 0.5em;
}

#columna #spotlight #printpage a{
	color: #fff;
}

/* documents selector form */

#columna form{
	clear: both;
	margin: 0;
	padding: 0;	
}

#columna form fieldset{
	float: left;
	width: 32.7em;
	margin: 0;
	padding: 0;
	background: #CBDCDC;
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 0.6em;	
}

body#docs #columna form fieldset{
	background: #F0E1D2;
}

#body#info #columna form fieldset{
	background: #FFDFD5;
}

#body#guide #columna form fieldset{
	background: #F0F0D2;
}

#columna form legend{
	display: none;
}

#columna form label{	
	float: left;
	width: 18em;
	clear: both;	
	margin: 0;
	padding: 0.5em;
	color: #333;
}

#columna form select{	
	float: left;	
	width: 13em;
	font-size: 0.9em;	
	margin: 0;	
}

#columna form p{
	float: left;
	width: 13.3em;
	height: 1.7em;	
	color: #333;
	padding: 0.3em 0 0 0;
	background: #CBDCDC;	
	border-left: 1px solid #fff;
}

body#docs #columna form p{
	background: #F0E1D2;
}

body#info #columna form p{
	background: #FFDFD5;
}

body#guide #columna form p{
	background: #F0F0D2;
}

#columna form p a{
	color: #333 !important;	
}

/* main navigation */

#columnb ul#nav{
	margin: 0;
	padding: 0;
}

#columnb ul#nav li{
	margin: 0 0 0.05em 0;
	padding: 0 0 0 1em;	
	background: #f2f2f2;
	border: 1px solid #999;	
	list-style: none;
}

#columnb ul#nav li.navHome{	
	background: #f2f2f2 url(../images/iconNavHome.gif) no-repeat left;
}

#columnb ul#nav li.navDocs{
	background: #f2f2f2 url(../images/iconNavDocuments.gif) no-repeat left;
}

body#docs #columnb ul#nav li.navDocs{	
	background: #963 url(../images/iconNavDocuments.gif) no-repeat left;
}

#columnb ul#nav li.navInfo{
	background: #f2f2f2 url(../images/iconNavInformation.gif) no-repeat left;
}

body#info #columnb ul#nav li.navInfo{	
	background: #c30 url(../images/iconNavInformation.gif) no-repeat left;
}

#columnb ul#nav li.navGuide{
	background: #f2f2f2 url(../images/iconNavGuide.gif) no-repeat left;
}

body#guide #columnb ul#nav li.navGuide{	
	background: #993 url(../images/iconNavGuide.gif) no-repeat left;
}

#columnb ul#nav li.navContact{
	background: #f2f2f2 url(../images/iconNavContact.gif) no-repeat left;
}

#columnb ul#nav li a{
	font-size: 1em;
	font-weight: bold;
	color: #333;
	padding: 0 0 0 1em;
	text-decoration: none;
}

body#docs #columnb ul#nav li.navDocs a{	
	color: #fff;
}

body#info #columnb ul#nav li.navInfo a{	
	color: #fff;
}

body#guide #columnb ul#nav li.navGuide a{	
	color: #fff;
}

/* search within nav */

#columnb form{
	margin-top: 0.1em;
}

#columnb form fieldset{
	background: #f2f2f2 url(../images/iconNavSearch.gif) no-repeat top left;
}

#columnb form label{
	color: #333;
	font-weight: bold;	
}

#columnb form input{
	color: #666;
}

#columnb form p{
	background: #F2F2F2 url(../images/iconNavAdvancedSearch.gif) no-repeat top left;
	border: 1px solid #999;
}

#columnb form p a{	
	color: #333;
	font-weight: bold;
	font-size: 1.3em;
	margin-left: 2em;
}

#container #columnb h2{	
	padding: 67px 0 0.05em 0;
	margin: 0 0 0.2em 0;
	font-size: 1.2em;
	font-weight: normal;
}

/* languages dropdown for guide*/

#guideLanguages{
	float : right;
	padding: 3px;
}

#guideLanguages form select{
	width: 12em;
	font-size: 1.0em;	
	margin: 0;	
	background-color:#FFF;}
	
#guideLanguages form fieldset{
	float: left;
	width: 12em;
	margin: 0;
	padding: 0;
	/*background: #993;*/
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 0.6em;	
}

body#guide #guideLanguages form fieldset{
	background: #993;
}

#guideLanguages a form legend{
	display: none;
}

#guideLanguages form label{	
	width: 12em;
	clear: both;	
	margin: 0;
	/*padding: 0.5em;*/
	color: #333;
}