#main-container
	{
		width: 100%;
	}
	
	#header
	{
	}
	
	#footer
	{
		background-color: rgb(240, 240, 240);
	}
	
	#header .container
	{ 
		border-bottom: 1px solid #666666;
	}
	
	#footer .container
	{ 
		padding: 2px 2px 2px 2px;
		border-top: 1px solid #666666;
	}

	#content
	{
		width: 100%;
	}
	
	#content .container
	{
		padding: 3px;
		background-color: rgb(240, 240, 240);
		overflow: auto;
	}
	
	#content .search-container
	{
		width: 20%;
		padding: 3px;
		background-color: rgb(240, 240, 240);
		display: block;
	}
	
	#framework
	{
		margin: 0px auto;
		padding: 5px;
		background-color: rgb(240, 240, 240);
	}
	
	#framework a
	{
		text-decoration: none;
	}

	#framework a:hover
	{
		text-decoration: underline;
	}
	
	#framework .page
	{
		padding: 5px;
		background-color: rgb(240, 240, 240);
	}

	#framework .even
	{
		padding-right: 15px;
	}
	
	#framework .odd
	{
		padding-left: 15px;
	}
	
	#framework .page-image
	{
		padding: 5px;
		border: none;
	}
	
	#framework .selected
	{
		background-color: Yellow;
	}
	
	#framework .title
	{
		font-weight: bold;
		font-size: larger;
	}
	
	#framework .search-results
	{
		width: 700px;
		margin: 5px auto;
		overflow: auto;
		border: 1px solid black;
		padding: 3px;
	}
	
	#framework .search-page
	{
		width: 120px;
		text-align: center;
	}
	
	#framework .search-content
	{
		width: 580px;
		text-align: left;
	}
	
	#framework .search-content p
	{
		padding: 0px 3px 5px 3px;
		margin: 0px;
	}
	
	.history-frame
	{
		width: 0px;
		height: 0px;
	}	
	
	.page a 
	{
		color: rgb(72, 71, 65);
	}
	
	
/**********************************************************/
/*	Alignment definitions
/**********************************************************/	
	.left
	{
		text-align: left;
	}
	
	.center
	{
		text-align: center;
	}
	
	.right
	{
		text-align: right;
	}
	
	

/**********************************************************/
/*	Block definitions
/**********************************************************/	
	.block
	{
		display: inline-block;
		padding: 0px;
	}
	

	.block-item
	{
		float: left;
		padding: 0px;
	}
	
	.block-end
	{
		clear: left;
	}

/**********************************************************/
/*	organisation Details
/**********************************************************/	

	.organisation-container
	{
		background-color: #ffffff;
		border-top: 1px solid #FFFFFF;
	}
	
	.organisation-container .organisation
	{
		width: 100%;
		overflow: auto;
		margin: 0px;
/*		height: 80px;*/
	}

    .organisation .logo
    {
        width: 20%;
        float: left;
        text-align: center;
    }
	
    .organisation .logo img
    {
        height: 75px;
    }
	
	.organisation .name
	{
		text-align: left;
	}
	
	.organisation .description
	{
		width: 400px;
		text-align: left;
	}
	
	.organisation .details
	{
	    width: 80%;
	    float: right;
	    text-align: right;
	}

	.organisation .linksold
	{
	    width: 10%;
	    float: left;
	    text-align: right;
	}
	
	.organisation .details .links
	{
	    padding: 5px 10px;
	}
	
	.organisation .details .links a
	{
    	color: rgb(72, 71, 65);
	}
	
	.organisation .details .links a:hover
	{
	}
	
	.organisation .details .tabs
	{
	    margin: 22px 0px 0px 0px;
	}


	
	
	
/**********************************************************/
/*	Tabs
/**********************************************************/	

	.tabs
	{
		height: 32px;
		line-height: 32px;
	}
	
	.tabs a
	{
		text-decoration: none;
    	color: rgb(72, 71, 65);
		font-style: normal;
	}
	
	.tabs a:hover
	{
		text-decoration: underline;
	}
	
	.tabs .tab-off-first,
	.tabs .tab-off-end,
	.tabs .tab-off-last
	{
		background: url(../images/tab_end.gif) no-repeat;
		height: 32px;
		width: 10px;
		float: left;
	}

	.tabs .tab-off-mid
	{
		background: url(../images/tab_off_mid.gif) repeat-x;
		height: 32px;
		float: left;
		padding: 0px 30px;
	}
	
	.tabs .tab-on-first,
	.tabs .tab-on-left,
	.tabs .tab-on-right,
	.tabs .tab-on-last
	{
		background: url(../images/tab_end.gif) no-repeat;
		height: 32px;
		width: 10px;
		float: left;
	}
	
	.tabs .tab-on-mid
	{
		background: url(../images/tab_on_mid.gif) repeat-x;
		height: 32px;
		float: left;
		padding: 0px 30px;
		font-weight: bold;
	}

	
/**********************************************************/
/*	Buttons
/**********************************************************/	
	
	.buttons
	{
	}
	
	.category-list-container
	{
	}

	.category-list
	{
	}

	.navigation
	{
		padding: 0px;
		background: url(../images/control-bg.gif);
	}
	
	.navigation span
	{
	    padding: 0px 5px;
	}
	
	.navigation button
	{
		height: 41px;
		border: none;
		vertical-align: middle;
	}
	
	.navigation .block-item
	{
		height: 41px;
		vertical-align: middle;
		position: relative;
		top: -2px;
/*		margin-top: 2px;*/
	}

    .navigation .category-list-container
    {
        text-align: right;
        max-width: 400px;
    }
	
	.navigation input,
	.navigation select
	{
	    border:1px solid #424244;
	    background-color:#f1f1f2;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	    font-style: italic;
	    font: normal 1em;
	    color:#777;
        max-width: 400px;
	}

	.navigation input 
	{
		vertical-align: -1px;
	}

	.navigation select
	{
		vertical-align: -14px;
	}

	.nav-buttons
	{
		text-align: center;
	}
	
	.nav-first
	{
		background: url(../images/arrow_first_off.gif) no-repeat;
		width: 31px;
		height: 40px;
	}

	.nav-first:hover
	{
		background: url(../images/arrow_first_over.gif) no-repeat;
	}
	
	.nav-next
	{
		background: url(../images/arrow_next_off.gif) no-repeat;
		width: 30px;
		height: 40px;
	}

	.nav-next:hover
	{
		background: url(../images/arrow_next_over.gif) no-repeat;
	}
	
	.nav-prev
	{
		background: url(../images/arrow_prev_off.gif) no-repeat;
		width: 30px;
		height: 40px;
	}

	.nav-prev:hover
	{
		background: url(../images/arrow_prev_over.gif) no-repeat;
	}
	
	.nav-last
	{
		background: url(../images/arrow_last_off.gif) no-repeat;
		width: 31px;
		height: 40px;
	}

	.nav-last:hover
	{
		background: url(../images/arrow_last_over.gif) no-repeat;
	}
	
	.nav-1-page
	{
		background: url(../images/1page_off.gif) no-repeat;
		width: 30px;
		height: 40px;
	}

	.nav-1-page:hover
	{
		background: url(../images/1page_on.gif) no-repeat;
	}
	
	.nav-2-page
	{
		background: url(../images/2page_off.gif) no-repeat;
		width: 40px;
		height: 40px;
	}
	
	.nav-2-page:hover
	{
		background: url(../images/2page_on.gif) no-repeat;
	}
	
	.nav-thumbs
	{
		background: url(../images/thumb_page_off.gif) no-repeat;
		width: 44px;
		height: 40px;
	}

	.nav-thumbs:hover
	{
		background: url(../images/thumb_page_on.gif) no-repeat;
	}
	

	.nav-zoom-less
	{
		background: url(../images/zoom_less_off.gif) no-repeat;
		width: 52px;
		height: 40px;
	}
	
	.nav-zoom-less:hover
	{
		background: url(../images/zoom_less_on.gif) no-repeat;
	}

	.nav-zoom-more
	{
		background: url(../images/zoom_more_off.gif) no-repeat;
		width: 52px;
		height: 40px;
	}
	
	.nav-zoom-more:hover
	{
		background: url(../images/zoom_more_on.gif) no-repeat;
	}

	.nav-zoom
	{
		width: 101px;
		height: 40px;
		vertical-align: middle;
	}

	.nav-zoom-1
	{
		background: url(../images/zoom_1.gif) no-repeat;
		width: 101px;
		height: 42px;
	}

	.nav-zoom-2
	{
		background: url(../images/zoom_2.gif) no-repeat;
		width: 101px;
		height: 42px;
	}

	.nav-zoom-3
	{
		background: url(../images/zoom_3.gif) no-repeat;
		width: 101px;
		height: 42px;
	}

	.nav-zoom-4
	{
		background: url(../images/zoom_4.gif) no-repeat;
		width: 101px;
		height: 42px;
	}

	.nav-zoom-5
	{
		background: url(../images/zoom_5.gif) no-repeat;
		width: 101px;
		height: 42px;
	}

	.print
	{
		background: url(../images/print_off.gif) no-repeat;
		width: 38px;
		height: 40px;
	}

	.print:hover
	{
		background: url(../images/print_on.gif) no-repeat;
	}

	.search
	{
		background: url(../images/search_off.gif) no-repeat right;
		width: 20px;
		height: 40px;
	}		
	
	.search:hover
	{
		background: url(../images/search_over.gif) no-repeat;
	}

	.search-text
	{
	}
	
	.nav-search-results 
	{
		background: url(../images/search_results_off.gif) no-repeat;
		width: 38px;
		height: 40px;
	}
	
	.nav-search-results:hover
	{
		background: url(../images/search_results_on.gif) no-repeat;
	}

/**********************************************************/
/*	Metrics
/**********************************************************/	

	.metrics-header 
	{
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		padding: 8px 30px 0px 0px;
		float: left;
	}
	
	.metrics-links 
	{
		text-align: right;
		color: rgb(72, 71, 65);
		float: right;
		padding: 8px 30px 0px 0px;
	}

	.metrics-links a
	{
		color: rgb(72, 71, 65);
	}
		
	.metrics
	{
		font-style: normal;
		width: 900px;
		margin: 10px auto;
		border: 1px solid #666666;
	}
	
	.metrics .selector
	{
		padding: 10px;
		margin-bottom: 10px;
		background-color: #DDDDDD;
		text-align: center;
	}
	
	.metrics .selector select
	{
		width: 60%;
	}

	.metrics .title
	{
		margin: 20px 0px 10px 0px;
		font-weight: bold;
	}
	
	.metrics .chart object
	{
		border: 1px solid black;
	}
	
	.metrics .message
	{
		width: 75%;
		margin: 15px auto;
	}
	
	.metrics .legend
	{
		padding: 10px;
	}

	.metrics .legend table
	{
		border: 1px solid black;
	}
	
	.metrics .legend tr.even
	{
		background-color: #EEEEEE;
	}
	
	.metrics .legend .header
	{
		font-weight: bold;
		text-align: center;
	}
	
	.metrics .legend tr.odd
	{
		background-color: #DDDDDD;
	}
	
	.metrics .legend .label
	{
		width: 40%;
		text-align: right;
		padding: 3px 5px;
	}

	.metrics .legend .value
	{
		width: 60%;
		text-align: left;
		padding: 3px 5px;
	}

/**********************************************************/
/*	Login
/**********************************************************/	

	.login-header 
	{
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		line-height: 80px;
		color: White;
	}
	
	.login-form
	{
		width: 400px;
		padding: 10px;
		border: 1px solid #333333;
		margin: 0px auto;
	}
	
	.login-form .formfield
	{
		width: 100%;
		padding: 0px 3px;
		overflow: auto;
	}
	
	.formfield .label
	{
		width: 30%;
		text-align: right;
		padding-right: 5px;
	}
	
	.formfield .field
	{
		width: 60%;
		text-align: center;
	}
	
	.formfield .field input
	{
		width: 100%;
	}

	.login-form .message
	{
		padding: 10px;
		text-align: center;
		color: red;
	}