/*****************************************************/
/*   Design:  RDIP                                   */
/*---------------------------------------------------*/
/*   Date:    August 2008                            */
/*****************************************************/



/*******************************/
/*   BODY, TEXT AND HEADINGS   */
/*******************************/

/***   Main body   ***/

body 		{
			font-size: 62.5%;
			margin: 0em;
			background-color: #FFF;
			font-family: Verdana, Tahoma, Arial, Sans-Serif;
			line-height: 150%;
			color: #000;
			}
			
#wrap 		{
			width: 84.0em;
			margin: 0em;
			padding: 1.8em 0em 0em 1.8em;
			}

/*** width 86.4em for IE; 84.0 for Chrome ***/


/*** Correction for non-IE browsers ***/
#wrap {
	overflow: hidden;
}

/*** Correction for IE 5.01 ***/
#wrap {
/*	float: left; */
	float: none;
}

/*** Correction for Safari 1.x ***/
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}

			
td 			{
			font-size: 1.1em;
			}


/***   headings   ***/

h1, h2, h3, h4, h5, h6, h7 {
	padding: 0em; margin: 0.4em 0em 0.4em 0em;  line-height: 120%;
}
h1 {
	font-size: 1.6em; font-weight: normal; color:#336666;
}
h2 {
	font-size: 1.6em; font-weight: bold; color:#336666;
}
h3 {
	font-size: 1.4em; line-height: 150%; font-weight: bold; margin-top: 1em; color:#336666;
}
h4 {
	font-size: 1.4em; line-height: 150%; font-weight: normal; color:#336666;
}
h5 {
	font-size: 1.2em; font-weight: bold; color: #336666;
}
h6 {
	font-size: 1.2em; line-height: 140%; font-weight: normal; color: #666;
}
p.intro, p.header01 {
	font-size: 1.4em; line-height: 150%; color:#336666;
}

/***   paragraph, hyperlink and bullet styles   ***/

ul, ol {
	margin: 0em; padding: 0em 0em 0em 2.0em;
}
li {
	margin: 0.6em 0em 0em 1em;
}
p {
	margin: 0em; padding: 0.6em 0em 1em 0em;
}

blockquote p {
	padding: 0em; color:#336666;
}

a	{ 
			text-decoration: none;
			color:#336666;
            font-weight: bold;
			}
			
a:hover { 
			text-decoration: none;
			font-weight: bold;
			color: #000; 
			}

#twotext img, #threetext img {
			margin: 0.5em 0.5em 0em 0em;
			}





/*************************/
/*   HEADER WITH LOGOS   */
/*************************/

#header		{
			position: relative;
			height: 6.1em;
			width: 100%;
			padding: 0em 0em 2.0em 0em;
			}
		
			
			
			
/**************************/
/*   TOP NAVIGATION BAR   */
/**************************/

#mainnav	{
			background-color: #669999;
			position: relative;
			height: 2.4em;
			width: 100%;
			}
			
			a.menu 		{		
						margin: 0em;
						padding: 0.3em 1em 0.3em 1em; 
						float: left;
						display: block;
						text-decoration: none;
						font: 1.2em trebuchet ms, arial, sans-serif; 
						text-align: center;
						color: #FFFFFF; 
						font-weight: bold;
						}
					
			a.menu:hover {
						color: #FFFFFF;
						padding: 0.3em 1em 0.3em 1em; 
						background-color: #336666;
						}

			

/**********************/
/*   BANNER & SEARCH  */
/**********************/			


#banner		{
			position: relative;
			height: 10.0em;
			width: 100%;
			margin: 1em 0em 1em 0em;
			}

			#banner p.sectiontitle {
						margin: 0em;
						padding: 1em 0em 0em 0.5em;
						font: trebuchet ms, arial, sans-serif; 
						color: #fff;
						font-size: 1.6em;
						font-weight: bold;
						line-height: normal;
						text-transform: uppercase;
						}

			#banner p.pagetitle {
						margin: 0em;
						padding: 0.5em 0em 0em 0.5em;
						font: trebuchet ms, arial, sans-serif; 
						color: #fff;
						font-size: 1.6em;
						line-height: normal;
						}	

/***   different banner images   ***/
			#bannerl	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						padding: 0em;
						background-image: url(http://research-interfaces.org/images/banner_cogs4-630x100.jpg);
						}					
												
			#bannerl-about	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						background-image: url(http://research-interfaces.org/images/banner_millersyard-630x100.jpg);
						}
						
			#bannerl-forum	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						background-image: url(http://research-interfaces.org/images/banner_del_tea-630x100.jpg);
						}

			#bannerl-projects	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						background-image: url(http://research-interfaces.org/images/banner_puzzle-630x100.jpg);
						}

			#bannerl-links	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						background-image: url(http://research-interfaces.org/images/banner_books-630x100.jpg);
						}
						
			#bannerl-downloads	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						background-image: url(http://research-interfaces.org/images/banner_keyboard-630x100.jpg);
						}
											
			#bannerl-contact	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						background-image: url(http://research-interfaces.org/images/banner_whitephone-630x100.jpg);
						}

			#bannerl-search	{
						float: left;
						position: relative;
						height: 100%;
						width: 75%;
						margin: 0em;
						background-image: url(http://research-interfaces.org/images/banner_binary-630x100.jpg);
						}
												
/***   NOTE: RESOURCES PORTAL BANNER IN RESOURCES PORTAL CSS   ***/

/***   Search   ***/	

			#searchr	{
						float: right;
						position: relative;
						height: 100%;
						width: 25%;
						margin: 0em;
						padding: 0em;
						font-size: 1.1em;
						color: #336666;
                        background-color: #DDD;
						}
			
						#searchr p	{
									padding: 0.4em 0.2em 0em 1em;
									margin: 0em;
									}
						#searchr form {
									padding: 0em;
									margin: 0em;
									}
									
									
									
/*************************/
/*   LEFT-HAND COLUMNS  */
/*************************/
					


#leftcol 	{
			padding: 0em;
			margin: 0em;
			text-align: left;
			float: left;
			width: 22.5%;
			}
			
			#leftcoltext	{
						width: 100%;
						}
						
						
/***   special FORUM and RESEARCH HOME panel   ***/

#leftpanel 	{
			padding: 0em;
			margin: 0em;
			text-align: left;
			float: left;
			width: 22.5%;
			}
	
			#leftpaneltext	{
						padding: 0.5em;
						margin: 0em;
						border: solid 0.1em #666666;
						color: #336666;
						background-color: #DDDDDD;
						}

			#leftpaneltext p {
						font-size: 1.1em;
						padding: 0.2em 0.2em 0.2em 0.2em;
						text-align: left;
						margin: 0em;
						line-height: 150%;
						}

			#leftpaneltext a {
						font: 1.1em/1.6em trebuchet ms, arial, sans-serif; 
						color: #336666;
                        letter-spacing: 0.1em;
						font-weight: bold;
						text-decoration: none;
						}
						
			#leftpaneltext a:hover {
						color: #000;
						}

			#leftpanel-research {
						width: 100%;
						height: 4.4em;
						display: block;
						position: relative;
						background-image: url(http://research-interfaces.org/images/newsroll-colour-178x57.jpg);
						}
						
			#leftpanel-forum {
						width: 100%;
						height: 4.5em;
						display: block;
						position: relative;
						background-image: url(http://research-interfaces.org/images/delegates-colour-178x57.jpg);
						}
						
			#leftpaneltitle { 
						padding: 0.8em 0em 1em 0em;
						color: #FFF;
						font-size: 1.5em;
						line-height: normal;
						text-align: center;
						}


/***   navigation menu   ***/

#leftmenu 	{
			width: 22.5%;
			padding: 0em;
			margin: 0em;
			text-align: left;
			float: left;
			}
			
			#leftmenutext a {
						padding: 0.3em 0.2em 0.3em 0.5em;
						font: 1.1em/1.6em trebuchet ms, arial, sans-serif; 
						color: #336666;
                        letter-spacing: 0.1em;
						display: block;
						font-weight: bold;
						text-decoration: none;
						text-transform: uppercase;
						border-bottom: 0.1em solid #DDDDDD;
						}
						
			#leftmenutext a:hover {
						color: #000000;
						}
						
			#leftmenutitle {
						font-size: 1.3em;
						padding: 0.35em 0.2em 0.35em 0.5em;
						margin-bottom: 0.6em;
						vertical-align: middle;
						display: block;
						position: relative;
						color: #FFF;
						background-color: #669999;
						}


/*******************/
/*   MAIN COLUMNS  */
/*******************/


/***   three column style page   ***/

#midcol 	{
			padding: 0em;
			margin: 0em;
			text-align: left;
			float: left;
			width: 52.5%;
			}
			
			#midcoltext	{
						padding: 0em 1.4em 0em 1.4em;
						font-size: 1.2em;
						line-height: 175%;
						}

			#midcoltext a	{
						font-weight: bold;
						color: #336666;
						}
												
#midcolb	{
			padding: 0em 0.4em 0em 1em;
			margin: 0em;
			text-align: left;
			float: left;
			width: 50%;
						}
						
			#midcolbtext	{
						padding: 0em;
						font-size: 0.75em;
						line-height: 135%;
						}						
			
#midcol-list 	{
			position: relative;
			padding: 0em 1.5em 0em 1.5em;
			margin: 0em;
			text-align: left;
			float: left;
			width: 50%;
			}
			
			#midcol-listtext	{
						width: 100%;
						}
								
									
/***   two column style page   ***/

#bigmidcol-left 	{
			padding: 0em;
			margin: 0em;
			float: left;
			width: 75%;
			}
			
			#bigmidcol-lefttext	{
						padding: 0em 1em 0em 0.5em;
						font-size: 1.2em;
						line-height: 175%;
						text-align: left;
						}
			
			#bigmidcol-lefttext a {
						text-decoration: none;
						color: #336666;
						font-weight: bold;
						font-size: 1.2em;
						}
			
				
#bigmidcol-right 	{
			padding: 0em;
			margin: 0em;
			float: right;
			width: 75%;
			}
			
			#bigmidcol-righttext	{
						padding: 0em 1em 0em 0.5em;
						font-size: 1.2em;
						line-height: 175%;
						text-align: left;
						}
			
			#bigmidcol-righttext a {
						text-decoration: none;
						color: #336666;
						font-weight: bold;
						font-size: 1.2em;
						}

			#bigmidcol-right-paneltext	{
						padding: 0em 0em 0em 0.5em;
						font-size: 0.75em;
						line-height: 140%;
						text-align: left;
						}
			
			#bigmidcol-right-paneltext a {
						text-decoration: none;
						color: #336666;
						font-weight: bold;
						}


/***  one column style page   ***/


#fullmidcol 	{
			padding: 0em;
			margin: 0em;
			float: left;
			width: 100%;
			}
			
			#fullmidcoltext	{
						padding: 0em 1em 0em 0.5em;
						font-size: 1.2em;
						line-height: 175%;
						text-align: left;
						}
			
			#fullmidcoltext a {
						text-decoration: none;
						color: #336666;
						font-weight: bold;
						font-size: 1.2em;
						}
						
				
	
/*************************/
/*  RIGHT-HAND COLUMNS   */
/*************************/


/***   RIGHT Events panel   ***/

#eventcol 	{
			padding: 0em;
            margin: 0em;
            width: 25%;
			text-align: left;
			float: right;
			}
			
			#eventcoltext p {
						padding: 0.3em 0.3em 0.3em 0.5em;
                        border-bottom: 0.1em solid #DDD;
						font-size: 1.1em;
						line-height: 140%;
						}

			#eventcoltext a {
						font: 1.1em/1.6em trebuchet ms, arial, sans-serif; 
						color: #336666;
                        letter-spacing: 0.1em;
						font-weight: bold;
						text-decoration: none;
						}
			#eventcoltext a:hover {
						color: #000;
						}

			#eventcoltitle {
						font-size: 1.3em;
						padding: 0.35em 0.2em 0.35em 0.5em;
						vertical-align: middle;
						display: block;
						position: relative;
						margin-bottom: 0.6em;       
                        color: #FFF;
                       	background-color: #669999;
						}
		

/***   RIGHT grey boxed panel   ***/

#rightcol 	{
			width: 25%;
			padding: 0em;
			margin: 0em;
			text-align: left;
			float: right;
			}

			#rightcoltext p {
						background-color: #DDD;
						}
			
			#rightcoltext a {
						padding: 0.3em 0.2em 0.3em 0.5em;
						font: 1.1em/1.6em trebuchet ms, arial, sans-serif; 
						color: #336666;
                        letter-spacing: 0.1em;
						display: block;
						font-weight: bold;
						text-decoration: none;
						text-transform: uppercase;
						border-top: 0.1em solid #FFF;
                        background-color: #DDD;
						}
						
			#rightcoltext a:hover {
						color: #FFF;
						background-color: #336666;
						font-weight: bold;
						}
						
			#rightcoltitle {
						font-size: 1.3em;
						padding: 0.35em 0.2em 0.35em 0.5em;
						vertical-align: middle;
						display: block;
						position: relative;
						color: #FFF;
                       	background-color: #669999;
						}
												
			#rightcolprojects a {
						border-bottom: 0.1em solid #FFF;
						}
												
			#rightcolprojects a: hover {
						color: #FFF;
						background-color: #336666;
						font-weight: bold;
						}
		
/***   RIGHT grey LINKS boxes (eg Agendas, other events, downloads, etc.   ***/
					
#linkbox 	{
			width: 25%;
			padding: 0em;
			margin: 0em;			
			float: right;
			background-color: #DDD;
			border-bottom: 0.2em solid #FFF;
			}
		
			#linkboxtext 	{						
						padding: 0.35em 0.2em 0.35em 0.5em;
						font: 1.1em/1.6em trebuchet ms, arial, sans-serif;
						text-align: left;  
						}
	
			#linkboxtext a {
						color: #336666;
                        letter-spacing: 0.1em;
						display: block;
						line-height: 150%;
						font-weight: bold;
						text-decoration: none;
						text-transform: uppercase;
						}
						
			#linkboxtext a:hover {
						color: #FFF;
						}
												
						
/**************/
/*   FOOTER   */
/**************/
			
#footer 	{
			position: relative;
			width: 100%;
			background: #669999;
			text-align: center;
			height: 2.0em;
			margin: 0em auto 0em 0em;
			padding: 0em 0em 0em 0em;
			clear: both;		
			}
			#footer p	{
						margin: 0em 0em 0em 0.5em;
						padding: 0.2em 0em 0.2em 0em;
						font-size: 1.1em;
						color: #FFF;
						}
			
			#footer a	{
						color: #336666;
						font-weight: normal;
						text-decoration: underline;
						}
			



/**************/
/*   SPACES   */
/**************/

#space 	{
			position: relative;
			width: 52.50em;
			height: 1em;
			text-align: left;
			margin: 0em auto 0em 1.8em;
			clear: both;		
			}

#leftpanelspace 	{
			position: relative;
			width: 11.88em;
			height: 1em;
			margin: 0em;
			}
	
#smallspace 	{
			position: relative;
			width: 13.13em;
			height: 1em;
			margin: 0em;
			}
	
#largespace 	{
			position: relative;
			width: 13.13em;
			margin: 0em;
			height: 1.25em;
			}




/**********************************/
/*   SEARCH & PAGINATION STYLES   */
/**********************************/

.wbo-pagefragment
{
	margin:0em;
	padding:0em;
}

.wbo-pagefrag-titlesection
{
	margin:0em;
	padding:0em;
}

.wbo-pagefrag-title
{
	font-size:100%;
}

.wbo-pagefrag-description
{
	font-size:100%;
	margin:0em;
	padding:0em;
}

.wbo-pagefrag-navigationsection
{
	margin:0.1em;
	padding:0.1em;
	position:relative;
}

.wbo-pagefrag-navigation-title
{
	margin:0.1em;
	padding:0.1em;
	display:inline;
	background-color:#efefef;
}

.wbo-pagefrag-navigation-items
{
	display:inline;
}

.wbo-pagefrag-navigation-item
{
	margin:0.1em;
	padding:0.2em;
	display:inline;
	background-color:#efefef;
}

.wbo-pagefrag-navigation-item-sel
{
	margin:0.1em;
	padding:0.2em;
	display:inline;
	background-color:#cfcfe4;
}

.wbo-pagefrag-bodysection
{
	margin:0em;
	padding:0em;
}

.wbo-pageitem
{
	margin:0em 0em 1em 0em;
	padding:0em 0em 1em 0em;
	border-bottom:0.1em solid #DDDDDD;
}

.wbo-pageitem-titlesection
{
	margin-top:1.0em;
	margin-bottom:0em;
	margin-left:0em;
	margin-right:0em;
	padding:0em;
	position:relative;
	font-size:100%;
}

.wbo-pageitem-title-leftattribute
{
	margin:0em;
	padding:0em;
	display:inline;
}

.wbo-pageitem-title
{
	margin:0em;
	padding:0em;
	display:inline;
}

.wbo-pageitem-title-rightattribute
{
	margin:0em;
	padding:0em;
	display:inline;
}

.wbo-pageitem-bodysection
{
	margin:0em;
	padding:0em;
}

.wbo-pageitem-bodypropertysection
{
	margin:0em;
	padding:0em;
}

.wbo-pageitem-body-propertytitle
{
	font-size:100%;
	font-weight:bold;
}

.wbo-pageitem-body-property
{
	margin:0em;
	padding:0em;
	position:relative;	
}

.wbo-pageitem-body-propertyname
{
	margin:0em;
	padding:0em;
	display:inline;
	width:8.0em;
}

.wbo-pageitem-body-propertyvalue
{
	margin:0em;
	padding:0em;
	display:inline;
	width:auto;
}

.wbo-pageitem-footersection
{
}

.wbo-pagefrag-footersection
{
	margin:0em;
	padding:0em;
}