#topbar {
    margin:             0 20px;
	width:              740px;
}

#topbarMetadataPlus {
    padding:            10px 2px 2px 10px;
    height:             35px;
}
#video {
    margin-top: 15px;
}
#menu {
    clear:               both;
	font-family:         Arial, Helvetica, sans-serif;
	font-weight:         bold;
	margin:              0 15px;
	padding:             5px 0;
	background-color:    inherit;
    color:               #8C878B;
    text-transform:      uppercase;
}
#menu ul {
	list-style:          none;
	list-style-type:     none;
	margin:              0px;
	padding:             0px;
}
#menu li {
	border-left:         1px solid #8C878B;
	float:               left;
	margin:              5px 0;
	padding:             0 5px;
}
	
#menu li.firstItem {
	border-left: none;
}
	
#menu li.lastItem {
	border-left: none;
	float: right;
}

#menu li.secondLastItem {
	float: right;
	border-left: none;
	border-right: 1px solid #8C878B;
	text-transform: none;
}
#menu a {
	color: #8C878B;
	background-color:	#fdfdfd;
}

#main {
    margin:             0 auto;
    overflow:           auto;
    padding:            0;
	color:				#424242;
	background-color:	#fdfdfd;
	/*border:             4px solid #f0f1f5;*/
	/*	border: 			1px solid #d8d8d8;*/   
	min-height:         500px;
	width: 				830px;
	text-align:         left;
	border: 0;
}

#quickSearchBox {
     width:         600px;
     margin-left: auto;
     margin-right: auto;
     padding:       15px 10px;
     text-align:    center;
     color:			#424242;
     /*   background-color: #EDF3FE;*/
     background-color: #fbd8a8;
     border: 1px solid #f1af00;
        
}

#browseResource,#wikiMenu{
    color:     #fff;
    background-color:     #f1af00;
	font-family:         Arial, Helvetica, sans-serif;
	border-bottom:        3px solid #F20038;
	clear:                both;
	height:               2.9em;
	margin:               0;
	padding:              0 25px 0 15px;
	text-transform:       uppercase;
	/*\width: 760px; /* box model hack - for IE5 */
/*	w\idth: 740px; /* used by N6, Moz, Op6, and IE6 */
    /*float:              right; 
    margin-top: 		25px;
    margin-right: 		25px;
    margin-bottom: 		25px;
    margin-left: 		0px;*/
}
#browseResource a,#browseResource a#tabActive,#wikiMenu a,#wikiMenu a#tabActive{ 
    color:     #fff;   
    background-color:     #f1af00;
	padding:    0 5px 0 5px;
}

#browseResource ul,#subMenu ul,#wikiMenu ul{
	list-style:          none;
	list-style-type:     none;
	margin:              0px;
	padding:             0px;
}

#browseResource li,#wikiMenu li{
    color:     #fff;  
    background: #f1af00 url(../images/bg-mainnav.gif) no-repeat right bottom;
	font-weight:      bold;
	float:            left;
	line-height:      2.95;
	margin:           0;
}
#browseResource li#tabActive,#wikiMenu li#tabActive{
   /* 
   background-color: #F20038;
   background-color: #A9007A;
   background-color: #6E388D;
   background-color: #4D59A5;*/
   color:     #fff;  
   background-color: #F20038;
   border-bottom:      3px solid #F20038;
   /*background: #F20038 url(../images/bg-tab-top-right.gif) no-repeat right top;*/
}

#subMenu{
    color:     #fff;
    background-color:     #F20038;
	font-family:         Arial, Helvetica, sans-serif;
	clear:                both;
	height:               2em;
	margin:               0;
	padding:              0 25px 0 15px;
}
#subMenu a,#subMenu a#tabActive{ 
    color:     #fff;   
    background-color:     #F20038;
	padding:    0 5px 0 5px;
}
#subMenu li{
    color:     #fff;  
    background: #F20038;
	font-weight:      bold;
	float:            left;
	line-height:      2em;
	margin:           0;
}
#subMenu li#tabActive{
   color:     #fff;  
   background-color: #F20038;
   text-decoration: underline;
}
#resourceContent {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.5em;
	padding:			10px 40px 0px 0px;
	margin-left:        40px;
	max-width:          780px;
}
#resourceContent li, .right li {
	font-size:          100%;
	list-style-type:    circle;
}
#resourceContent p, #resourceContent ul {
    margin: 0 0 5px 0;
}
#resourceContent hr {
    /*border-bottom:            1px dotted #f1af00;*/
}
.disabledLink {
  color:     #fff;
  background-color: 	inherit;
  padding:    0 5px 0 5px;
}

.resourceDirectory {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.8em;
	padding:			20px 0px 5px 0px;
	margin-left:        70px;
	width:              300px;
}

.resourceDirectoryRight {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.8em;
	padding:			20px 0px 5px 0px;
	float:               right;
	margin-right:        50px;
	width:              300px;
}
#rssDirectory {
	color: 				#686868;
    background-color: 	#fdfdfd;
	line-height: 		1.8em;
	padding:			0 20px;
	margin-left:        20px;
	width:              400px;
}
#rssInfo {
    float:             right;
    width:             225px;
    text-align:        left;
    padding:           10px 0;
    margin:            40px 20px 5px 20px;
    color:             inherit;
    background-color:  #fbd8a8;
    border:             1px solid #f1af00;
}

#content {
    padding-bottom:        15px;
}

.message {

     margin: 5px 20px;
     color:             inherit;
     background-color: #fbd8a8;
     border: 1px solid #f1af00;
    
}
.interoperabilityMessage {
    padding: 5px 10px; 
    color:             inherit;
    background-color: #edf3fe;
    border: 1px solid #3399cc;
    font-size:    90%;
}

.box {
     margin: 5px 100px 5px 0px; 
     color:             inherit;
     background-color: #fbd8a8;
     border: 1px solid #f1af00;
     padding-left: 10px;
}
.poll {
     margin: 5px 100px 5px 0px;
     color:             inherit;
     background-color: #fbd8a8;
     border: 1px solid #f1af00;
     padding: 20px 20px 20px 20px;
     width: 440px;
}
.logo {
    vertical-align:     middle;
    text-align:     center;  
    
}
.rssLogo {
    float:            left;
    padding:          0 5px 0 0;
    
}
.downloadLogo {
    float:            left;
    padding:          3px 5px 0 0;
    
}
.rightForm {
    float:              right;
    vertical-align:     top;
    text-align:         left;
    padding-right:       150px;
}
.leftForm {
    float:              left;
    vertical-align:     top;
    width:              350px;
}
.results {
    margin:        10px 20px;
   
}
.results .pageNavigator {
    margin:        5px 0px;
}
.resultItem {
    margin-left:            20px;
    line-height:            15px;
    width:                  550px;
    padding:                5px 0px 5px 0px;
}

.right {
    float:             right;
    width:             270px;
    margin:            10px 20px 50px 15px;
    border:            1px solid #f20038; 
    padding:           0 0 0 0;
}
.right ul {
    padding: 0px 20px 5px 10px;
}

.rightMinimised {
    float:             right;
    width:             75px;
    margin:            15px 15px 5px 15px;
    border:            1px solid #f20038; 
    padding:           0 0 5px 0;
    
    
}

.right h4, .rightMinimised h4 {
    
	font-family:         Arial, Helvetica, sans-serif;
    background-color:	#f20038;
	text-decoration:    none;
	color: 				#fff;
	font-size:          90%; 
	padding:			2px 5px 2px 10px;
	text-transform:       uppercase;
}

.right hr {
    border-color :         #f1af00;
    border-style :         dotted;
    border-top-width:      0px;
    border-right-width:    0px;
    border-bottom-width:   1px;
    border-left-width:     0px;
    width: 175px;
}

.left {
    vertical-align:    middle;
    float:             left;
    padding-right:     10px;
}
.wikiOptions {
    float:             right;
    text-align:        center;
    padding-right:     20px;
}
.optionBox, .xforms-select1-minimal {
    font-size:        90%;
    padding:          1px 1px;
}
#rightFloatingPanel {
    
}

#footer{
    clear:              both;
	width: 				700px;
	margin-left: 		auto;
	margin-right: 		auto;
	color: 				#767676;
	background-color:	#ebebeb;
	margin-top: 		10px;
	line-height: 		15px;
	text-align:         center;
	font-size:          90%;
}
.metadata{ 
    font-size:          90%;
   
}
.metadataLabel{
    float:              left;
    width:              70px;
    display:            block;
    font-weight:        bold;
    font-size:          90%;
	color:				#686868;
	background-color:	inherit;
    
}
.metadataLabelLarge{
    float:              left;
    width:              140px;
    display:            block;
    font-weight:        bold;
    font-size:          95%;
	color:				#424242;
	background-color:	inherit;
    
}
.metadataValue{
    margin-left:        5px;
    font-size:          95%;
    width:              400px;
}
.metadataValueAuthor{
    float:              left;
    margin-left:        5px;
    width:              400px; 
    font-size:          90%;
}
.review {

   /* background-color:    #f0f1f5;
    border-color:        #a1a5a9; */
    color:             inherit;
    background-color: #fbd8a8;
    border: 1px solid #f1af00;
    padding:             10px;
    margin:              10px 40px;
    width:               600px; 
}

.review .leftReviewPanel {
    width:            150px;
    float:            left;
    
}

.review .rightReviewPanel {
    float:             right;
    width:             400px;
    text-align:        left;
}

.metadataDescription{
    margin:             0px 0px;
    max-width:          720px; 
}

.metadataRightsDescription{
    margin:             0px 20px;
    width:              450px; 
    font-size:          85%;
}
.metadataTOC{
    margin:             0px 25px;
    width:              450px; 
}
/*
#optionsArea, #staticOptionsArea{
        width:365px;
        margin-left:25px;
        padding-top: 10px;
        background-color: #F1F4FA;
        border-color : #f1af00;
        border-style : dotted;
        border-top-width : 1px;
        border-right-width: 1px;
        border-bottom-width : 1px;
        border-left-width : 1px;
}*/
.smallText {
    color:                green;
    background-color:     inherit;
    font-size:            95%;
}
.clear { clear: both; height: 1px;}

.mini-fixed-width {
    display: -moz-inline-box;
    display: inline-block;
    width: 6em;
}
.ultra-mini-fixed-width {
    display: -moz-inline-box;
    display: inline-block;
    width: 3em;
}
.smallest-fixed-width {
    display: -moz-inline-box;
    display: inline-block;
    width: 1em;
}
.wider-input input {
    width: 500px;
}
.wider-input { 
    font-family:    Verdana, arial, sans-serif;
    width:          500px;
}
.wider-input-description { 
    font-family:    Verdana, arial, sans-serif;
    width:          550px;
    height:         250px;
}
.ultra-wide-input { 
    font-family:    Verdana, arial, sans-serif;
	width:          550px;
	height:         350px;
}
.h1 {
    font-size:          110%; 
    font-weight:        bold;
    color:				#686868;
	background-color:	#fdfdfd;
}
.h1:hover {
   color:            #686868; 
   background-color: #e3e3e3;
   text-decoration:  none;
}
.h5 {
    font-size:          100%; 
    font-weight:        bold;
    color:				#686868;
	background-color:	#fdfdfd;
}
.xforms-repeat-selected-item-1 {
    color:				#686868;
	background-color:	#fdfdfd;
}
.xforms-select1-appearance-full span {
    display:block;
}
.repeated-input {
    font-family:    Verdana, arial, sans-serif;
	width:550px; 
	margin-left:107px;
}

.collection-select {    
    font-size:          95%;
    font-family:    Verdana, arial, sans-serif;
}