﻿/* // Top level styles // */

body 		{ 	
				background-image: url("../images/backgroundStandard.gif"); 
				background-repeat: no-repeat;
				background-position: 14px 10px ;
				font-family: Arial, Helvetica, sans-serif; 
			}
		 
p			{
				/* font-size:0.8em; */
				font-size:0.75em; 
				color: #313121;
				overflow: visible;
			}
			
h1			{
				font-size:1.2em; 
				font-weight:bold;
				color: #313121;
			}
			
h2			{	
				font-size:1em; 
				font-weight:bold;
				color: #313121;
			}
			
h3			{
				/* font-size:0.8em; */
				font-size:0.75em; 
				font-weight:bold;
				color: #313121;
				margin-left:0px; 
				margin-top:0px; 
				margin-bottom:0px;
			}			
			
a			{	
				font-size:1em; 
				color: #313121;
				text-decoration: underline;
			}
			
li			{
				/* font-size:0.8em; */
				font-size:0.75em; 
				color: #313121;
			}
			
/*  // Styles for coloured sub-headings //  */
			
h2.enterprises		{	
				font-size:0.8em; 
				font-weight:bold;
				color: #234240;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
a.enterprises		{	
				font-weight:bold;
				color: #234240;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
h2.bookshops		{	
				font-size:0.8em; 
				font-weight:bold;
				color: #B7004C;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
a.bookshops		{	
				font-weight:bold;
				color: #B7004C;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
h2.appointments		{	
				font-size:0.8em; 
				font-weight:bold;
				color: #0097D9;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
a.appointments		{	
				font-weight:bold;
				color: #0097D9;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
h2.manNetwork		{	
				font-size:0.8em; 
				font-weight:bold;
				color: #C2B500;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
a.manNetwork		{	
				font-weight:bold;
				color: #C2B500;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
h2.publishing		{	
				font-size:0.8em; 
				font-weight:bold;
				color: #7189B2;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
a.publishing		{	
				font-weight:bold;
				color: #7189B2;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
h2.psp		{	
				font-size:0.8em; 
				font-weight:bold;
				color: #789424;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
a.psp		{	
				font-weight:bold;
				color: #789424;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
h2.imageText		{	
				font-size:0.8em; 
				font-weight:bold;
				color: #F3F3F4;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
/*  // Styles for feature block text //  */

p.feature	{
				/* font-size:0.8em; */
				font-size:0.75em; 
				color: #313121;
				margin-top:0px; 
				margin-bottom:0px;
			}
			
/*  // Styles for right-hand coloured menu tabs //  */

.menuTabs	{
				position:absolute;
				width: 47px;
				height:645px;
				padding:0px;
				left: 780px; 
				top: 10px;
			}
			
/*  // Styles for 'RIBA Enterprises' logo //  */

.ribaeTrans	{
				position:absolute;
				width: 250px;
				height: 30px;
				padding:0px;
				left: 34px; 
				top: 33px;
			}
			
/*  // Styles for top menu //  */

#TopMenuBlock	{
				position:absolute;
				width: 400px;
				height:50px;
				padding:0px;
				left: 21px; 
				top: 106px;
			}
			
p.TopMenuBlock	{
				font-size:0.8em;
				color:#ffffff;
			}
/*  // Styles for layout table //  */
		
td.box 			{ 	
				background-color: #F3F3F4; 
				padding:5px; 
				}
				
td.nobox 		{ 	
				background-color: #F3F3F4; 
				padding:0px; 
				}
				
td.squareCell	{ 	
				background-color: #F3F3F4; 
				padding:5px; 
				width: 175px;
				}
				
td.rectangleCell	{ 	
				background-color: #F3F3F4; 
				padding:5px; 
				width: 320px;
				}
				
td.content 		{ 	
				background-color: #F3F3F4; 
				padding:5px; 
				/* width: 605px; */
				width: 37.8em;
				}
				
td.footer 		{ 	
				background-color: #F3F3F4; 
				padding:5px; 
				height: 55px;
				}
				
td.shortEventsCell {
				background-color: #F3F3F4; 
				padding:5px; 
				/* height: 150px; */
				height: 9.3em;
			}
			
td.toolBoxCell {
				background-color: #F3F3F4; 
				padding:5px; 
				/* height: 550px; */
				height: 34.4em;
			}
			
td.mainPanelCell {
				background-color: #F3F3F4; 
				padding:5px; 
				width: 605px;
			}
			
td.panelCell {
				padding-right:25px; 
			}	
			
td.homeCell {
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				padding-right: 5px;
			}	
			
td.panelContent { 	
				background-color: #F3F3F4; 
				/* width: 615px; */
				width: 38.45em;
				height: 450px;
				}
				
/*  // Styles for square and rectangular content blocks //  */
/*  // First row: //  */

.SquareBlock1	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 15px; */
				left: 0.95em; 
				/* top: 161px; */
				top: 10.05em; 
			}
			
.SquareBlock2	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 170px; */
				left: 10.6em;
				/* top: 161px; */
				top: 10.05em; 
			}
			
.SquareBlock3	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 325px;  */
				left: 20.3em; 
				/* top: 161px; */
				top: 10.05em; 
			}
			
.SquareBlock4	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 480px; */
				left: 30em; 
				/* top: 161px; */
				top: 10.05em; 
			}
			
.RectBlock1	{
				position:absolute;
				/* width: 305px; */
				width: 19.05em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 15px; */
				left: 0.95em; 
				/* top: 161px; */
				top: 10.05em; 
			}
			
.singleTopPanel	{
				position:absolute;
				/* width: 606px; */
				width: 38.45em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 15px; */
				left: 0.95em; 
				/* top: 161px; */
				top: 10.05em; 
			}
								
/*  // Second row: //  */

.SquareBlock5	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 15px; */
				left: 0.95em; 
				/* top: 316px; */
				top: 19.75em;
			}
			
.SquareBlock6	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 170px; */
				left: 10.6em;
				/* top: 316px; */
				top: 19.75em;
			}
			
.SquareBlock7	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 325px;  */
				left: 20.3em; 
				/* top: 316px; */
				top: 19.75em;
			}

.SquareBlock8	{
				position:absolute;
				/* width: 150px; */
				width: 9.4em;
				/* height:150px; */
				height:9.4em;
				background-color: #F3F3F4;
				padding:0px;
				font-size:1em;
				/* left: 480px; */
				left: 30em; 
				/* top: 316px; */
				top: 19.75em;
			}
						
/*  // Styles for event box in right-hand column //  */
/*  // There are two versions: 'Short' for pages with two rows of blocks at the top, and 'Long' for pages with one row //  */

.longEventsBox	{
				position:absolute;
				/* width: 160px; */
				width: 10em;
				/* height:315px; */
				height:19.7em;
				padding:0px;
				font-size:1em;
				/* left: 630px; */
				left: 39.4em; 
				/* top: 156px; */
				top: 9.75em;
			}
			
.shortEventsBox	{
				position:absolute;
				/* width: 160px; */
				width: 10em;
				/* height: 160px; */
				height: 10em;
				padding:0px;
				font-size:1em;
				/* left: 630px; */
				left: 39.4em; 
				/* top: 156px; */
				top: 9.75em;
			}
			
h3.event	{
				font-size:0.8em; 
				font-weight:bold;
				color: #313121; 
				margin-left:0px; 
				margin-top:10px;
				margin-bottom:0px;
			}			
			
/*  // Styles for tool box in right-hand column //  */

.companyAd	{
				width:100%;
				/* height:130px; */
				height:8.1em;
				font-size:.9em;
			}
			
h2.tool		{	
				font-size:1em; 
				font-weight:bold;
				color: #313121;
				margin-left:0px; 
				margin-top:0px; 
				margin-bottom:-10px;
			}
			
label		{
				font-size:1em; 
				color: #313121;
				overflow: visible;
			}
			
/*  // Styles for main page area //  */
/*  // This is a container for the main content area, tool box in right-hand column, and footer //  */
/*  // There are three versions: 'Short' for pages with two rows of blocks at the top, 'Long' for pages with one row, and 'Plain' for pages with no blocks //  */

.shortPanel	{
				position:absolute;
				/* width: 780px; */
				width: 48.75em;
				/* height: 530px; */
				height: 33.2em; 
				padding:0px;
				font-size:1em;
				/* left: 10px; */
				left: 0.62em; 
				/* top: 466px; */
				top: 29.1em;
			}
			
.longPanel	{
				position:absolute;
				/* width: 780px; */
				width: 48.75em;
				/* height: 530px; */
				padding:0px;
				font-size:1em;
				/* left: 10px; */
				left: 0.62em; 
				/* top: 311px; */
				top: 19.45em;
			}

.plainPanel	{
				position:absolute;
				/* width: 780px; */
				width: 48.75em;
				padding:0px;
				font-size:1em;
				/* left: 10px; */
				left: 0.62em; 
				/* top: 156px; */
				top: 9.7em;
			}

/*  // Styles for footer menu block //  */

#FooterBlock	{
				position:absolute;
				padding:0px;
			}
			
.FooterBlockTop	{
				position:relative;
				/* width: 570px; */
				width: 35.7em;
				/* height: 20px; */
				height: 1.2em;
				padding-left: 0px;
				border-bottom:1px dotted #313121;
			}
			
.FooterBlockBottom	{
				position:relative;
				/* width: 500px; */
				width: 31.3em;
				/* height: 20px; */
				height: 1.2em;
				padding:0px;
			}
			
/*  // Styles for top menu block //  */

/* #MenuBlock	{
				position:absolute;
				padding:0px;
			}
			
.MenuBlockTop	{
				position:relative;
				width: 570px;
				height: 20px;
				padding-left: 0px;
				border-bottom: 1px dotted #ffffff;
			}
			
.MenuBlockBottom	{
				position:relative;
				width: 500px;
				height: 20px;
				padding:0px;
			} */
			
/*  // Styles for top and bottom menus //  */

.topMainMenu {
				width: 770px;
				text-align: left; 
				padding-top:2px;
			}
			
.footerMainMenu {
				text-align: left; 
				padding-top: 2px;
			}

/*  // Styles for top and bottom menu links //  */

a.menuLinkCurrent {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #141E1E;
				font-weight: bold;
				text-decoration: none;
			}

a.menuLinkCurrent:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #141E1E;
				font-weight: bold;
				text-decoration: underline;
			}

a.menuLinkOther {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #313121;
				font-weight: normal;
				text-decoration: none;
			}

a.menuLinkOther:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #141E1E;
				font-weight: normal;
				text-decoration: underline;
			}
			
a.topMenuLinkCurrent {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
			}

a.topMenuLinkCurrent:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #ffffff;
				font-weight: bold;
				text-decoration: underline;
			}

a.topMenuLinkOther {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #ffffff;
				font-weight: normal;
				text-decoration: none;
			}

a.topMenuLinkOther:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #ffffff;
				font-weight: normal;
				text-decoration: underline;
			}

a.submenuLinkCurrent {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #141E1E;
				font-weight: bold;
				text-decoration: none;
			}

a.submenuLinkCurrent:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #141E1E;
				font-weight: bold;
				text-decoration: underline;
			}

a.submenuLinkOther {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #313121;
				font-weight: normal;
				text-decoration: none;
			}

a.submenuLinkOther:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.7em;
				color: #141E1E;
				font-weight: normal;
				text-decoration: underline;
			}

/*  // Styles for top and bottom menu dividers //  */

.footermenu	{
				color: #F3F3F4;
			}

.topmenu	{
				color: #234240;
			}
			
/*  // Styles for Home page main body area column layout //  */

.col1start	{
				position:absolute;
				/* top: 8px; */
				top: 0.5em;
				/* left: 8px; */
				left: 0.5em;
			}

.col2start	{
				position:absolute;
				/* top: 8px; */
				top: 0.5em;
				/* left: 160px; */
				left: 10em;
			}
			
.col3start	{
				position:absolute;
				/* top: 8px; */
				top: 0.5em;
				/* left: 312px; */
				left: 19.7em;
			}
			
.col4start	{
				position:absolute;
				/* top: 8px; */
				top: 0.5em;
				/* left: 465px; */
				left: 29.5em;
			}

.colLong	{
				position:relative;
				/* width: 143px; */
				width: 8.9em;
				/* height: 450px; */
				height: 28.1em;
				padding:0px;
				font-size:1em;
			}
			
.colMedium	{
				position:relative;
				/* width: 143px; */
				width: 8.9em;
				/* height: 300px; */
				height: 18.7em;
				padding:0px;
				font-size:1em;
			}
			
.colShort	{
				position:relative;
				/* width: 143px; */
				width: 8.9em;
				/* height: 150px; */
				height: 9.3em;
				padding:0px;
				font-size:1em;
				vertical-align: top;
			}
			
p.col		{
				/* font-size:0.8em; */
				font-size:0.75em; 
				color: #313121;
				margin-left:0px; 
				margin-top:0px; 
				margin-bottom:0px;
			}
			
/*  // Styles for double width column layout //  */

.colDouble	{
				position:relative;
				/* width: 18.1em; */
				width: 290px;
				/* height: 450px; */
				height: 28.1em;
				padding:0px;
				font-size:1em;
				vertical-align: top;
			}
			
/*  // Miscellaneous formatting styles //  */

p.smallPrint	{
				font-size: 0.65em;
			}
			
.contactRight 	{
			float:right;
			display:inline;
			}
			
.contactLeft 	{
			float:left;
			display:inline;
			}
			
.imageBorder{
			border: solid 1px #E1E1E1;
			}

.invisible 	{ 
			display:none; 
			}
			
.centre{
	text-align: center;
}
