@CHARSET "ISO-8859-1";
body {
	font-size: .8em;
	font-family: verdana, arial, sans-serif;
	background-color: #074769;
	color: #000;
}
img { border: 0px solid black}
#pageWrapper {
	margin: 0;
	padding: 0;
}
#page {
	width: 96%;
	padding: 20px;
	color: #000;
	background-color: #fff;
	border: 4px solid #627E82;
	border-radius: 10px;
}
#headerWrapper {
}
#header {
	border-bottom: 2px solid #627E82;
	width: 100%;
	clear: both;
}


.alert{
  color:red;
  font-weight:bold;
}

.message{
  font-weight:bold;
}

#header .message{
  margin:auto;
  text-align:center;
}

a.root{
display:inline-block;
line-height:18px;
padding-left:20px;
background:transparent url(house.png) center left no-repeat;
}

h1.title{
  left:-999em;
  position:absolute;
}

#portal_nav {
	float: right;
	margin-right: 120px;
	font-size: smaller;
}
#portal_nav a {
	color: #aaa;
}
#description {
	border-bottom: 2px solid #627E82;
	font-size: large;
	padding-bottom: 4px;
	color: #605D5C;
}
#stats {
	margin-left: 0px;
	margin-bottom: 10px;
}
#contentRes {
	text-align: left;
	padding: 10px 20px 10px 0;
}
#mainArea {
	float: left;
	width: 70%;
	padding: 0px;
	margin-top: 24px;
	margin-left: 12px;
	height: 636px;
	position: relative;
	overflow: auto;
	border: 0px solid #627e82;
}
#browsebox {
	border: 1px solid #627e82;
	margin: 10px 0px 15px 5px;
	padding: 5px;
}
#portalHome {
	border: 0px solid #627e82;
	margin-left: 0px;
	padding: 0px;
}
#catalogMenu {
	float: right;
	width: 27%;
	border: 0px solid #173A46;
	margin: 24px 10px 16px 0;
	padding: 0px;
}
#catalogMenu h2 {
	margin: 0px 0px 5px 5px;
}
/**/
ul.sideBarList {
	list-style-type: none;
	border-bottom: 0px solid #627E82;
	padding: 6px 6px 6px 12px;
	line-height: 120%;
}
li.sideBarList {
	line-height: 110%;
	font-size: 20px;
}
ul.sideBarListFinal {
	list-style-type: none;
	margin: 15px 5px 15px 5px;
	padding: 0px 5px 10px 5px;
}

.footerLogo {
	float: right;
	padding: 10px;
	width: 25%;
	font-size: smaller;
}

#footer {
	position: relative;
	width: 100%;
	border: 2px solid #627E82;
	border-radius: 10px;
}
#credits {
	float: left;
	padding: 10px;
	width: 70%;
	font-size: smaller;
}
img.right-align {
	margin: 10px 10px;
	float: right;
}
.clear {
	clear: both;
}
/* Resource Catalogs */
#content-wide {
	margin-left: 25px;
	width: 80%;
}
#resdesclist {
	list-style-type: none;
	width: 80%;
}
#reslist {
	list-style-type: none;
	padding-left: 0;
}
.resource_catalog_title {
	margin-top: 10px;
}
/* Menu Content */
#content-cat {
	/*float: right;
	width: 100%;*/
	text-align: left;
	padding: 10px 10px;
	margin: 5px 0px;
}
h2#resourcePointHeader {
	color: #627E82;
	margin-bottom: 4px;
	margin-right: 20px;
	margin-top: 0;
	padding: 0px 0px;
}
#pageDescription {
	margin-top: 0px;
	margin-right: 20px;
	padding: 0px 0px;
	border-bottom: 2px solid #627E82;
}
.resourcePointHeaderLabel {
	font-size: smaller;
	font-weight: normal;
	color: #808080;
}
ul.resourceList {
	padding-left: 15px;
	margin: 10px 75px 0px 10px;
	list-style-type: square;
}
li.resourcePoint {
	margin-top: 10px;
}
ul.resourcePointDescList {
	padding-left: 6px;
	margin: 5px 0px 0px 10px;
	list-style-type: none;
}
.resourceCategory {
	padding-left: 0px;
	/* font-size: smaller; */
	color: #72706F;
	margin-bottom: 10px;
}
.rpNumber {
	color: #72706F;
	font-size: smaller;
	margin-left: 2;
}
.resourceLabel {
	padding-left: 6px;
	font-size: small;
}

.permitted{
  background:url(permitted.png)  center right no-repeat;
  padding:0 18px 0 0;
}

.notpermitted{
  background:url(notPermitted.png)  center right no-repeat;
  padding:0 18px 0 0;
}

#menu {
	margin: 0px;
	padding: 0px;
	border: 0px solid blue;
	width: 100%;
}
#menu a {
	text-decoration: none;
	color: #000;
}
#navLinks {
	float: right;
	display: block;
}
#expandAll {
	margin: 0 6px 0 6px;
	display: inline;
	text-decoration: underline;
	font-size: smaller;
	border: 0px solid blue;
}
#collapseAll {
	margin: 0 0 0 6px;
	display: inline;
	text-decoration: underline;
	font-size: smaller;
	border: 0px solid green;
}
#toTop {
	position: fixed;
	width: 75px;
	background: #f1f1f1;
	border: 1px solid #ccc;
	text-align: center;
	padding: 5px;
	bottom: 210px;
	right: 15px;
	cursor: pointer;
	color: #666;
	text-decoration: none;
	z-index: 1;
}
.icon {
	border: 0px;
}
.badge {
	margin-left: 3px;
}

a.list{
  display:none;
}

/** menuTabs **/
/* classic sliding doors example css as seen on http://www.alistapart.com/articles/slidingdoors/*/
.menuTabs {
	float: left;
	width: 98%; /*background:#DAE0D2 url("https://www.widernet.org/portals/app/themes/base/bg.gif") repeat-x bottom;*/;
	font-size: 93%;
	line-height: normal;
}
.menuTabs ul.tabs-list {
	margin: 0px 0px -1px 10px;
	padding: 0px;
	list-style: none;
}
.menuTabs ul.tabs-list li {
	/*
	float:left;
	background:url("https://www.widernet.org/portals/app/themes/base/Artwork/left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	*/
	float: left;
	list-style-type: none;
	margin: 0 0.3em 0 0;
	line-height: 1.5em;
	padding: 0px;
}
.menuTabs ul.tabs-list a {
	background: none repeat scroll 0 0 #73716B;
	border-color: #627E82;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	color: #EEEEEE;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 10;
	width: auto;
	padding: 0.2em .5em;
	text-decoration: none;
  /*
	float:left;
	display:block;
	background:url("https://www.widernet.org/portals/app/themes/base/Artwork/right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	*/
}
/* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
.menuTabs ul.tabs-list a {
	float: none;
}
/* End IE5-Mac hack */
.menuTabs ul.tabs-list a:hover {
	color: #333;
}
.menuTabs ul.tabs-list .current {
}
.menuTabs ul.tabs-list .current a {
	/*
	background-image:url("https://www.widernet.org/portals/app/themes/base/Artwork/right_on.gif");
	color:#333;
	padding-bottom:5px;
	*/
	background: none repeat scroll 0 0 #FFFFFF;
	border-width: 2px 2px 0px 2px;
	border-color: #627E82;
	border-radius: 10px 10px 0px 0px;
	color: #103842;
	font-weight: bold;
	text-decoration: none;
}
.menuTabs .current-info, .menuTabs .accessibletabsanchor, .menuTabs .tabhead {
	position: absolute;
	left: -999em;
}
.menuTabs .content {
	clear: both;
	border: 2px solid #627E82;
	border-radius: 10px;
	padding: 6px;
	position: relative;
	overflow: auto;
	height: 602px;
	width: 100%;
}