/* Style sheet for Development page (2009) */

body {
	background-color: #AD985F;
	background-image: url(/en/development/images/bkgdgrad.jpg);
	background-repeat: repeat-x;	
}

/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color:#E0D9C7;
}

/* LANGUAGE BAR */

#languages {
	background-image: url(/en/development/images/langbar.jpg);
	background-repeat: repeat-y;
	background-color: #7A5801;
}
#languages ul li a:hover {
	color:#F1E6B8;
}
#languages ul li#english  {
	color:#F1E6B8
}

/* TOP BANNER */

#topbanner {
	background-image: url(/en/development/images/bannerbkgd.jpg);
	background-repeat: repeat-x;
	background-position: 0 -15px;
	height: 99px;
}
#topbanner  #hiddentitle, #hiddentitle  span {
	height: 99px;
	background: url(/en/development/images/banner.jpg) no-repeat;
}

/* THEMATIC NAVIGATION */

#thematicnav {	
	background-image: url(/en/development/images/ltgoldbkgd.jpg);
	background-repeat: repeat;
}
#thematicnav #development a {	
	color: #FFFFFF;
	text-decoration: none;
	background-image:none;
}

/* MAIN NAVIGATION */

#mainnav {	
	background-color: #FBF7EA;	
}
#mainnav h2 {
	color: #372703;
	background-color: #F1E6B8;
}
#mainnav ul li a {
	border-bottom-color: #F4EAC6;
}
#mainnav ul li a:hover {
	color: #372703;
	background-color: #F7EED2;
}

/* CONTENT */

#content h2 {
	color: #704301;	
}
#content #photobox {	
	border: 1px solid #7A5801;
	background-color: #FBF7EA;
}
#content ul.contentli li {	
	background-image: url(/en/development/images/squarebutton.gif);	
}
#content ul.contentli ul li {
	background-image: url(/en/development/images/bullet.gif);
}
#content a:link, #content a:visited, #content a:hover, #content a:active {
	color: #372703;	
}
#content a:hover {
	color: #7A5801;
	text-decoration: underline;
}
#content #sitesearch  {
	background-color: #F1E6B8;
	padding-left: 1.5em;
}

/* RESOURCES: RIGHT COLUMN */

#resources {	
	background-color: #FBF7EA;	
}
#resources .box {	
	border: 1px dotted #7A5801;	
}
#resources .box a:hover {
	color: #7A5801;
	text-decoration: underline;
}
#resources .box a:visited {
	color: #7A5801;
}
#resources .box .more a:hover {
	color: #7A5801;
	text-decoration: underline;
}
#resources .box h2 {
	background-color: #B38E11;	
}
#resources .box h3 {
	background-color: #F1E6B8;	
	padding-top: .3em;
	padding-right: .3em;
	padding-bottom: .3em;
	padding-left: .5em;
	font-size: .9em;
}
#resources .box form {
	padding-right: .4em;
	padding-bottom: .4em;
	padding-left: .4em;
}

#resources .box form input {
	font-size: .9em;
}

#resources .rssbox {
	color: #372703;
	background-color: #F1E6B8;
	width: 75%;
	border: 1px solid #9B7224;
	margin-top: 0.5em;
	background-image: url(/en/development/images/rss_sm.gif);
	background-repeat: no-repeat;
	background-position: 85px;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 2em;
	margin-right: auto;
	margin-left: auto;
}
#resources .rssbox a:link, .rssbox a:visited, .rssbox a:hover, .rssbox a:active {
	color: #372703;	
	font-size: .9em;
	font-weight: bold;
}
#resources .rssbox a:hover {
	text-decoration: underline;
}

/* FOOTER BAR */

#footer {
	background-image: url(../../common/images/dev_footer.jpg);
	background-repeat: repeat;
	background-position: 0 -0.6em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #704301;
}
#footer ul li a:visited {
	color: #4A3200;
}
#footer ul li a:hover {
	color: #4A3200;
}