BODY {
	margin:0px;
	padding:0px;
	width:100%;
	font-family: arial, helvetica, sans;
	font-size:11px;
	line-height:1.25em;
	color:#000000;
	text-align:center;
	height:100%;
	background:#cccccc;
	}
	


IMG {border:0px;}

A 	{color:#6a646a;text-decoration:none;}
A:hover {color:#b2aaa4;}
	
H1, H2, H3, H4  {margin:0px;padding:0px;color:#000000;}

H1 {font-size:270%;line-height:110%;margin-bottom:7px;font-weight:normal;text-transform:uppercase;}


H2 {font-size:11px;line-height:110%;padding-bottom:3px;}
H3 {font-size:11px;line-height:110%;font-weight:normal;}


P {font-size:11px;line-height:110%;padding-top:0px;margin-top:0px;padding-bottom:5px;margin-bottom:5px;}

body.medium P {
  font-size: 13px;
}

body.big P {
  font-size: 15px;
}

UL {list-style-type:none;padding:0px;margin:0px;}
LI {margin:0px;padding:0px;}

FORM {margin:0px;padding:0px;}
INPUT, SELECT, TEXTAREA {font-size:100%;}


*|*:-moz-any-link:focus {outline-width: 0 !important;}  


/* --- structure  --- */

.container {width:877px;position:relative;margin:52px auto;text-align:left;background:#ffffff;padding:21px 10px 10px 10px;}

.header {width:100%;position:relative;z-index:20;float:left;display:inline;padding-bottom:7px;}
.logo {float:left;height:71px;margin-bottom:7px;}
.banner {float:right;margin-top: 0px;}
.strapline {position:absolute;left:3px;bottom:8px;width:307px;height:11px;z-index:20;}
.strapline IMG {display:block;}
UL.mainNav {float:left;display:inline;margin:0px;background:#6a646a;width:481px;padding-left:396px;height:14px;font-size:10px;line-height:9px;text-transform:uppercase;position:relative;}
UL.mainNav LI {float:left;display:inline;margin:2px 24px 0px 0px;position:relative;} 
UL.mainNav A {color:#ffffff;}
UL.mainNav A:hover {color:#000000;}
UL.mainNav UL {background:transparent;position:absolute;left:0px;top:12px;z-index:3;display:none;}
UL.mainNav UL LI {margin:0px;padding:0px;float:none;height:12px;display:block;color:#000000;text-indent:-9999px;}
UL.mainNav UL LI A {color:#000000;}
UL.mainNav UL LI A:hover {color:#6a646a;}
UL.mainNav LI:hover UL {display:block;}

LI.navMagazine LI A, LI.navPeople LI A,LI.navPractice LI A, LI.navAbout LI A, LI.navAdvertising LI A  {width:99px;display:block;height:12px;}
LI.navPeople LI A {width:77px;}
LI.navPractice LI A {width:82px;}
LI.navAbout LI A {width:119px;}
LI.navAdvertising LI A {width:109px;}

LI.navMagazine LI.first {background:url(../../images/nav_magazine_issue.png) no-repeat;}
LI.navMagazine LI.second {background:url(../../images/nav_magazine_digital.png) no-repeat;}
LI.navMagazine LI.first:hover {background:url(../../images/nav_magazine_issue_on.png) no-repeat;}
LI.navMagazine LI.second:hover {background:url(../../images/nav_magazine_digital_on.png) no-repeat;}

LI.navPeople LI.first {background:url(../../images/nav_people_blog.png) no-repeat;}
LI.navPeople LI.second {background:url(../../images/nav_people_interviews.png) no-repeat;}
LI.navPeople LI.first:hover {background:url(../../images/nav_people_blog_on.png) no-repeat;}
LI.navPeople LI.second:hover {background:url(../../images/nav_people_face_on.png) no-repeat;}

LI.navPractice LI.first {background:url(../../images/nav_practice_law.png) no-repeat;}
LI.navPractice LI.second {background:url(../../images/nav_practice_best.png) no-repeat;}
LI.navPractice LI.first:hover {background:url(../../images/nav_practice_law_on.png) no-repeat;}
LI.navPractice LI.second:hover {background:url(../../images/nav_practice_best_on.png) no-repeat;}

LI.navAbout LI.first {background:url(../../images/nav_about_contact.png) no-repeat;}
LI.navAbout LI.second {background:url(../../images/nav_about_editors.png) no-repeat;}
LI.navAbout LI.third {background:url(../../images/nav_about_rics.png) no-repeat;}
LI.navAbout LI.first:hover {background:url(../../images/nav_about_contact_on.png) no-repeat;}
LI.navAbout LI.second:hover {background:url(../../images/nav_about_editors_on.png) no-repeat;}
LI.navAbout LI.third:hover {background:url(../../images/nav_about_rics_on.png) no-repeat;}

LI.navAdvertising LI.first {background:url(../../images/nav_adv_dir.png) no-repeat;}
LI.navAdvertising LI.second {background:url(../../images/nav_adv_media.png) no-repeat;}
LI.navAdvertising LI.third {background:url(../../images/nav_adv_forward.png) no-repeat;}
LI.navAdvertising LI.fourth {background:url(../../images/nav_adv_reader.png) no-repeat;}
LI.navAdvertising LI.fifth {background:url(../../images/nav_adv_contact.png) no-repeat;}
LI.navAdvertising LI.first:hover {background:url(../../images/nav_adv_dir_on.png) no-repeat;}
LI.navAdvertising LI.second:hover {background:url(../../images/nav_adv_media_on.png) no-repeat;}
LI.navAdvertising LI.third:hover {background:url(../../images/nav_adv_forward_on.png) no-repeat;}
LI.navAdvertising LI.fourth:hover {background:url(../../images/nav_adv_reader_on.png) no-repeat;}
LI.navAdvertising LI.fifth:hover {background:url(../../images/nav_adv_contact_on.png) no-repeat;}





.search {position:absolute;width:105px;height:14px;display:block;background:url(../../images/search_bg.gif) no-repeat 0px 3px;right:0px;bottom:8px;}
/*Line 106: font-size set to 80% not 9px to be the same as RIBAJournal*/
#searchBox {width:91px;height:10px;border:0px;background:none;font-size:80%;color:black;margin-right:1px;}
#searchSubmit {width:11px;height:10px;position:absolute;right:2px;top:3px;}

.content {position:relative;z-index:1;margin:0px;clear:both;width:877px;min-height:380px;}
.bodyCopy {width:196px;margin-right:7px;float:left;display:inline;}
.content IMG {display:block;}
.highlight 	{color:#6a646a;}



/* --- home page ---*/
.content.home .bodyCopy {width:278px;margin-right:13px;margin-top:102px;position:relative;color:#616161}
.content.home H1{font-size:330%;line-height:90%;}
.content.home .homeItem.second, .content.home .homeItem.third  {display:none;}
.content.home .mainImage {width:586px;float:left;}

/* --- 3 column pages --- */
.content.multiCol H1 {float:left;display:block;margin-top:79px;width:auto;text-transform:uppercase;font-weight:bold;color:#89c644;}
.content.multiCol H2 {color:#6a646a;font-size:150%;text-transform:uppercase;margin-top:4px;}
.content.multiCol .bodyCopy {margin:0px 14px 0px 0px;}

.content.multiCol .bodyCopy.photoCol  {float:left;display:inline;width:278px;margin-top:-30px;}
H3, H3 A {letter-spacing:normal;color:#015272;font-weight:bold;}
H3 A {padding-left:7px;background:url(../../images/linkblock_blue.gif) 0px 1px no-repeat;}
.heading.currIssue {float:left;display:inline;width:203px;margin-right:7px;}
.heading.currIssue.first {margin-left:292px;}
/* --- feature, directory & search results --- */
.content.feature H1 {float:left;display:inline;width: 272px;}
.content.directory H1, .content.blogs H1{text-transform:uppercase;font-weight:bold;color:#89c644;padding-top:42px;}
.content.directory {color:#6a646a}

.content.searchResults H1 {float:left;display:inline;width:200px;margin:41px 7px 0px 0px;}
.content.searchResults .scrollContent H1 {float:left;display:inline;width:200px;margin:0px 0px 14px 0px;line-height:110%;color:#6a646a;font-weight:normal;}
.content.searchResults H2 {position:absolute;top:-30px;}

.content.searchResults .bodyCopy, .content.directory .bodyCopy, .content.blogs .bodyCopy {width:272px;position:absolute;left:0px;bottom:21px;height:280px;background:#ffffff;}
.content.feature .bodyCopy, .content.directory .bodyCopy, .content.blogs .bodyCopy {width:272px;position:absolute;left:0px;bottom:5px;height:280px;background:#ffffff;}

.content.directory .bodyCopy {bottom:0px;width:210px;letter-spacing:-0.07em;}
.content.directory .bodyCopy2 {width:210px;position:absolute;left:220px;bottom:0px;height:280px;}
.content.directory .bodyCopy2 A {color:#6A646A}
.content.directory .bodyCopy3 {width:427px;position:absolute;left:450px;bottom:0px;height:280px;}
.content.directory .bodyCopy3 IMG {float:right;margin:0px 14px 14px 14px;}
.content.directory .bodyCopy A {font-size:15px;line-height:140%;padding-right:28px;display:block;}
.content.directory .bodyCopy A:hover {color:#666666;}
.content.directory .bodyCopy LI:hover {font-weight:bold;background:url(../../images/directory_arrow.gif) 99% 1px no-repeat;}
/* Line 155, font size: 107% to resolve the cropped arrow problem */
.content.directory .bodyCopy3 H2 {padding-right:0px;letter-spacing:normal;}
.content.directory .bodyCopy2 H2 A:hover {color:#6a646a;background:url(../../images/directory_arrow.gif) 99% 1px no-repeat;padding-right:30px}
.content.directory .bodyCopy2 LI {margin-bottom:7px;}
.content.directory .bodyCopy2 p {color:#6A646A}
.content.directory .bodyCopy2 H2, .content.directory .bodyCopy3 H2 {line-height:140%;color:#015272;font-weight:bold;font-size:107%;text-transform:uppercase;padding-right:30px;}
.content.directory .bodyCopy2 H2 A {color:#015272;padding-right:30px; font-size:107%}
.content.directory .bodyCopy3 A {color:#6A646A}

.content.blogs .bodyCopy {width:210px;bottom:0px;}
.content.blogs .bodyCopy2 {width:657px;position:absolute;left:220px;bottom:0px;height:280px;}
.content.blogs H2 {color:#015272;font-size:160%;font-weight:bold;text-transform:uppercase;}
.content.blogs H3 {color:#015272;text-transform:uppercase;margin-bottom:4px;}
.content.blogs H3 A {color:#015272;padding-left:0px;font-size:100%;background:none;}
.content.blogs H3 A:hover {color:#000000;}
.content.blogs .bodyCopy P, .content.blogs .bodyCopy IMG {float:left;}
.content.blogs .bodyCopy P {line-height:110%;}
.content.blogs .bodyCopy IMG {padding:0px 3px 3px 0px;}
.content.blogs .author {color:#666666;}
.content.blogs .bodyCopy2 .copy {width:495px;float:left;font-size:110%}
.content.blogs .bodyCopy2 .anchors {float:left;width:495px;padding:14px 0px 14px 0px;}
.content.blogs .bodyCopy2 .images {width:130px;height:130px;position:absolute;right:11px;top:0px;}
.content.blogs .comments {width:637px;float:left;display:inline;clear:both;}
.content.blogs .comment {margin-top:20px;}
.content.blogs .comment .titlebar {background:#6a646a;color:#ffffff;width:100%;float:left;margin-bottom:10px;}
.content.blogs .comment .titlebar .author {float:left;color:#ffffff;margin-left:4px;}
.content.blogs .comment .titlebar IMG {display:inline;clear:none;padding:0px;margin:0px;}
.content.blogs .comment .titlebar .details {float:right;margin-right:7px;}
.content.blogs .comment P {padding:0px 7px;}
#comment_form label { display: inline-block; width: 100px; vertical-align:top;}
.content.blogs .discuss {padding:0px 0px 0px 12px;text-transform:uppercase;color:#89c644;background:url(../../images/blog_arrow.gif) left top no-repeat;}
.content.blogs .rss {padding:2px 0px 2px 18px;text-transform:uppercase;color:#e66224;background:url(../../images/blog_rss.gif) left 1px no-repeat;}

.content.blogs .bodyCopy .scrollContent UL {padding-bottom:100px;float:left;}
.content.blogs .bodyCopy .scrollContent UL LI {float:left;}

.content.searchResults .bodyCopy2 {width:272px;position:absolute;left:284px;bottom:22px;height:280px;background:#ffffff;}
.content.searchResults .bodyCopy2.fade {opacity: 0.4;-moz-opacity:0.4;}
.content.searchResults .searchColumn {width:310px;position:absolute;left:570px;bottom:20px;height:280px;background:#ffffff;}
.content.feature .scrollContent, .content.searchResults .scrollContent, .content.directory .scrollContent,.content.blogs .scrollContent, .scrollContent {position:relative;overflow:hidden;height:280px;}

.content.multiCol .scrollContent {float:left;overflow:hidden;width:460px;height:214px;}

.content.searchResults LI {line-height:110%;margin-bottom:5px;color:#015272}
.searchResults a {color:black}
.searchResults a:hover {color:#B2AAA4}

.content.searchResults .searchTitle {
    float: left;
    }

.content.searchResults .forKeyword {
    font-size:20px;
    line-height: 21px;
    padding-left: 5px;
    display: inline;
    }


/* search column (on results) */

.searchColumn .textRefineYourSearch { 
    margin: 0 0 13px 0; 
    }

.searchColumn fieldset {
    padding: 4px 0 0 0;
    margin: 0 0 10px 0;
    border: none;
    float: left;
    clear: left;
    }

.searchColumn select {
    float: left;
    padding: 0;
    height: 20px;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #efefef;
    }

.searchColumn hr {
    border: none; background: #ddd;
    height: 1px;
    margin: 14px 0;
    clear: both;
    }

.searchColumn input.keywords {
    width: 220px;
    margin: 0 0 0 10px;
    padding: 1px;
    float: left;
    height: 20px;
    border: 1px solid #ccc;
    font-size: 12px;
    }
    
.searchColumn .radioButtons {
    float: left;
    margin: 0 0 0 10px;
    }
    
.searchColumn .formButtons {
    width: 100%;
    clear: both;
    text-align: right;
    }
    
.searchColumn .formButtons input.submit{
    border: none;
    }

.clearfix {
    clear: both;
    }

.imageViewer {float:right;width:598px;height:374px;position:relative;}
a.back {position:absolute;left:0;bottom:0;z-index:99;}

.imageHolder {height:374px;width:514px;float:right;overflow:hidden;}

.imageHolder IMG {display:block;}
.imageControls {width:82px;bottom:0px;position:absolute;float:left;padding-top:14px;}
.imageControls UL {width:82px;float:left;display:inline;clear:both;line-height:110%;padding-top:14px;}

.imageControls UL LI A {color:#000000;}
.imageControls UL LI A:hover {color:#6a646a;}
.imageControls UL.photos {background:url(../../images/feature_photos_title.gif) no-repeat;}
.digitalEdition .imageControls UL.photos {background:none; margin-bottom:5px}
.imageControls UL.audio  {background:url(../../images/feature_audio_title.gif) no-repeat;}
.imageControls UL.diagrams  {background:url(../../images/feature_diagrams_title.gif) no-repeat;}
.imageControls UL.pdfs {background:url(../../images/feature_pdfs_title.gif) no-repeat;}

.imageControls UL.photos LI, .imageControls UL.audio  LI {float:left;display:inline;width:34px;height:34px;margin:0px 7px 7px 0px;}
.imageControls UL.diagrams LI {float:left;display:inline;width:76px;}
.imageControls UL.diagrams {padding-bottom:7px;}
.imageControls UL.pdfs LI {float:left;display:inline;width:34px;height:34px;margin:0px 7px 7px 0px;}

.imageControls ul.photos li.paginate { width: auto; }

.digitalEdition .imageControls UL.photos LI {float:left;display:inline;width:76px;background:none;height: auto; margin: 0;}
/**/
.content.feature .forPrint {display:none;}


/* --- webextras and footer --- */
.cleaner {clear:both;height:1px;line-height:1px;}


.footer {clear:both;color:#000000;padding-top:7px;text-align:left;width:100%;position:relative;}

.webExtra {width:589px;float:left;display:inline;clear:both;}
.webExtra h4 {height:11px;background:#6a646a;color:#ffffff;text-transform:uppercase;font-size:90%;margin-bottom:7px;}

.webExtra UL.story LI {border-right:1px solid #6a646a;width:83px;height:71px;padding:0px 7px 0px 7px;float:left;display:inline;font-size:80%;line-height:120%;text-transform:uppercase;position:relative;}
.webExtra UL.story LI:first-child {border-left:1px solid #6a646a;}
.webExtra UL.story LI:hover {cursor:pointer;}
.webExtra UL.story LI IMG {margin-bottom:2px;display:block;width:83px;height:71px;}
.webExtra UL LI .infoCopy {color:black;width:79px;height:50px;padding:2px;position:absolute;left:7px;top:0px;font-size:100%;background:none;text-transform:none;display:none;}

.footer .banner, .footer .banner2 {width:89px;height:89px;margin-left:7px;background:#cccccc;float:left;display:inline;}


.footer .banner, .footer .banner2 {width:89px;height:89px;margin-left:7px;background:#cccccc;float:left;display:inline;}

.copyright
{
    background-repeat:no-repeat;
    color:white;
    float:left;
    font-size:9px;
    height:32px;
    margin-left:365px;
    margin-top:-41px;
}


.contactform    

{
    float:right;
    font-size:9px;
    color:white;
    margin:-30px 5px 0;
}