@import url(global.css);

/* wider column */

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

/* shorter column */

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

/* documents area container */

#documents{
	width: 28em;
	background: transparent url(../images/dotDocuments.gif) repeat-x bottom left;
	margin-top: 0.4em;
	padding-bottom: 0.05em;
}

/* information area container */

#information{
	width: 28em;
	background: transparent url(../images/dotInformation.gif) repeat-x bottom left;
	margin-top: 0.4em;
	padding-bottom: 0.05em;
}

/* guide area container */

#guide{
	width: 15.8em;
	background: transparent url(../images/dotGuide.gif) repeat-x bottom left;
	margin-top: 0.4em;
	padding-bottom: 0.05em;
}

/* styles for each of the areas */

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

#container #information dt{
	background: url(../images/BulletInformation.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 */
}

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

#columna p.intro{
	font-size: 0.95em;	
	margin: 0.2em 0 0.4em 0;
}

#columna #documents h2{	
	background: #F5ECE2 url(../images/documentsImage.jpg) no-repeat top;
}

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

#columna #information h2{		
	background: #FFDFD5 url(../images/informationImage.jpg) no-repeat top;
}

#columna #information a{
	color: #c30;
}

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

#columnb #guide h2{	
	background: #F0F0D2 url(../images/guideImage.jpg) no-repeat top;
}

#columnb #guide a{
	color: #993;
}

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

#columnb #guide ul li{
	margin: 0;
	padding: 0 0 0.2em 0;
	list-style: inside url(../images/BulletGuide.gif);
	background: #F8F8E9;
	border-bottom: 1px solid #fff;	
}

#columnb #guide ul li.dark{
	background: #F0F0D2;	
}

#columnb #guide ul li a{
	font-size: 0.7em;
	color: #666;
	padding: 0 0 1em 1em;
}