.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 background: #fff;
 color: #333;
}

h1 {
 font-weight: normal;
}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #666;}

h1 {font-size: 1.5em; margin-top: 0;}
h2 {font-size: 1.2em; margin-bottom: 8px;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}

a img {border: 0;}

#subCopy a  {color: #666;}
#subCopy a:hover {color: #333;}

#subCopy h1 {border-bottom: 1px solid #999; padding-bottom: 3px; margin-top: 10px;}

#subCopy ul { 
margin: 0 0 10px 16px; 
padding: 0; 
} 
#subCopy ol { 
margin: 0 0 10px 24px; 
padding: 0; 
} 
#subCopy li { 
padding-left: 5px; 
} 

p {margin-top: 0;}

.small {font-size: 0.85em;}
.large {font-size: 1.2em;} 

/************************************/
/* Landing Page  Layout Definitions */
/************************************/

#landingLogo {float: left; width: 1010px; margin-top: 200px; height: 54px; text-align: right;}
#landingWelcome {float: left; width: 337px; height: 121px;}
#landingNav {float: left; width: 311px; height: 115px; padding-top: 6px; background-image:  url(../images/landing_bgpanel.jpg);}
/*#landingNav {float: left; width: 311px; height: 89px; padding-top: 32px; background-image:  url(../images/landing_bgpanel.jpg);}*/
#landingNav a {display: block; width: 291px; color: #fff; border-top: 1px solid #fff; text-decoration: none; padding: 0 10px; line-height: 2em;}
#landingNav a.last {border-bottom: 1px solid #fff;}
#landingNav a:hover {background-color: #CC6600;} 
#landingPic {float: left; width: 362px; height: 121px;}
#landingStrap {float: left; margin-left: 337px; display: inline;}
#landingStrap h1 {color: #666; font-size: 1.4em; margin-top: 4px;}
#privFlash {width: 1010px; height: 140px; margin-top: 20px; text-align: center;}

/******************************/
/* Generic Layout Definitions */
/******************************/

#container {width: 1008px; padding: 0; margin: 0 auto; border: 1px solid #333; font-size: 0.8em;}
#logo {float: left; width: 1008px; height: 103px; background-image:  url(../images/essential-edinburgh-logo.gif);}
#main {padding: 0 19px;}
#mainSubPages {padding: 0 0 0 19px;}

#navBar {float: left; width: 770px;}

#subMain {float: left; width: 748px; margin-top: 10px;}

#subTop {float: left; width: 748px; background-repeat: repeat-y;}
#topImage {float: left; width: 481px;}
#topImage img {display: block; width: 481px;}


#topPanel {float: right; width: 240px; color: #fff; padding-top: 20px; padding-right: 10px; padding-bottom: 10px;}
#topPanel img {margin-bottom: 18px;}
#topPanel p.sectionHead {font-family: "Times New Roman", Times, serif; font-size: 2.0em; margin-top: 0; margin-bottom: 5px;}
#topPanel a {color: #ffffff;}
#topPanel p {margin-top: 0;}

#subCopy {float: left; width: 748px;}

#loggedIn {float: right; width: 190px; text-align: right; padding-right: 10px; font-size: 0.85em;}
#loggedIn a {color: #333;}

#subAdditional {float: right; width: 230px; color: #fff; margin-top: 10px;}

#subAddPanel {float: left; width: 230px; height: 567px; margin-bottom: 10px; background-repeat: no-repeat; color: #fff;}

#subAddPanel h3 {margin-bottom: 0; margin-top: 10px; padding-left: 10px; padding-bottom: 6px; border-bottom: 1px solid #fff; color: #fff;}
#subAddPanel a {color: #fff; text-decoration: none;}

.sidebarItem {padding: 10px;}

#subAddPanel a.newsList {display: block; padding: 3px 0;}

#calendar {}
.currentDate {background: #333; color: #fff; width: 100%; padding: 1px;}
.eventDate {display: block; background: #999; color: #000; padding: 0 5px;}
.hpPanel table a.eventDate {text-decoration: none;}
.hpPanel table a.eventDate:hover {text-decoration: none;}

.eventPopup {width: 100px; background: #efefef; padding: 5px; border: 1px solid #000;}

#footer {float: left; width: 970px; height: 14px; padding: 10px 19px; background-image: url(../images/bg-footer.gif); background-repeat: no-repeat; font-size: 0.8em;}
#footer a {color: #666; text-decoration: none;}

/************************************/
/* Page-specific Layout Definitions */
/************************************/

#hpPic {float: left; position: relative; width: 970px; height: 400px; margin: 0;}

a.hpPanelLink {float: left; display: block; width: 30px; height: 30px; margin-right: 5px; display: inline; background-image: url(../images/hpPanelLink.png);}

#hpPicPanel {
position: absolute;
background-image: url(../images/hpPanel.png); background-repeat: repeat-y;
top: 310px;
left: 20px;
margin: 0;
width: 260px; 
height: 50px;
padding: 10px;
z-index: 1000;
}
#hpPicPanel a {color: #333; text-decoration: none;}
#hpPicPanel a:hover {color: #000;}

#hpWelcome {float: left; width: 930px; margin: 4px 0; padding: 0 20px; background-image: url(../images/bg-hp-welcome.jpg); background-repeat: repeat-y; font-size: 1.4em; line-height: 1.6em; color: #fff;}
#hpWelcome p {margin: 0;}


#hpSearch {float: right; width: 200px; text-align: right;}

#hpPanels {float: left; width: 970px; height: 160px; background-image: url(../images/bg-hp-panels.jpg); background-repeat: no-repeat;}
.hpPanel {float: left; width: 281px; padding: 7px 19px; height: 120px; margin-right: 5px; display: inline; color: #fff;}

h2.hpHeading {color: #fff; border-bottom: 1px solid #fff; margin-bottom: 10px; margin-top: 0; padding-bottom: 3px;}
.hpPanel a {color: #fff; text-decoration: none; display: block; line-height: 1.6em;}
.hpPanel a:hover {text-decoration: underline;}

.last h2 {color: #fff; margin-bottom: 0;}

#hpNews {float: left; width: 970px; height: 30px; background-image: url(../images/bg-hp-news.jpg); background-repeat: no-repeat;}
.hpNewsPanel {float: left; background: #E5E5E5; width: 463px; height: 30px; padding: 0 0 0 20px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px; line-height: 2.0em; color: #333;}
.hpNewsPanel a {color: #333; text-decoration: none;}
.hpNewsPanel a:hover {text-decoration: underline;}
.hpNewsPanel h3.news {float: left; width: 50px; margin: 0;}
.hpNewsPanel h3.debate {float: left; width: 60px; margin: 0;}


.last {margin-right: 0;}

.landingPanel {float: left; width: 746px; height: 70px; margin-top: 10px; border: 1px solid #333;}
.landingPanelImg {float: left; width: 146px; margin-right: 20px; display: inline;}
.landingPanelImg img {width: 146px;}
.landingPanelText {float: left; width: 500px;}
.landingPanelText p {margin-top: 8px;}

.newsItem {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
a.readMore {font-size: 0.85em; color: #666;}

#eventDetails {float: left; width: 748px;}
.eventItem {float: left; width: 481px; padding: 3px 0; border-bottom: 1px solid #ccc;}
#eventImage {float: right; width: 263px;}
#eventImage img {width: 100%;}
#eventCopy {float: left; padding-top: 10px;}


/**************************/
/* Navigation Definitions */
/**************************/

ul#topNav  {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
 border-left: 1px solid #999;
} 
ul#topNav li {
 float: left;
 margin: 0;
}
ul#topNav li.top {
 border-bottom: 4px solid #999;
}
ul#topNav li.top a {
 display: block;
 width: 102px; 
 padding: 6px 0 6px 4px; 
 text-decoration: none;
 border-right: 1px solid #999; 
 color: #333; 
}

ul#topNav li.top ul li a {
 border-right: 0; 
 width: 185px; 
}

ul#topNav .dropdown .top a:hover {
 background: #fff;
}
ul#topNav li.top ul li a {
 color: #fff;
}

ul#topNav li.home {border-bottom: 4px solid #cf6600;}
ul#topNav li.about {border-bottom: 4px solid #7b9321;}
ul#topNav li.projects {border-bottom: 4px solid #800030;}
ul#topNav li.outandabout {border-bottom: 4px solid #40823a;}
ul#topNav li.news {border-bottom: 4px solid #b3b826;}
ul#topNav li.members {border-bottom: 4px solid #83b6e5;}
ul#topNav li.contact {border-bottom: 4px solid #5d0f75;}

/* 2nd level nav */
ul#subNav {
 list-style: none;
 margin: -10px 0 0 0;
 padding: 0;
 font-size: 0.85em;
} 
ul#subNav li {
 padding: 2px 0;
/* border-bottom: 1px solid #fff;*/
}

ul#subNav li a {
 text-decoration: none;
 color: #fff;
}
ul#subNav li a:hover {
 color: #ccc;
}
ul#subNav ul li.on {}

ul#subNav li.on a {font-weight: bold;}
ul#subNav li.on ul li a {font-weight: normal;}
ul#subNav li.on ul li.on ul li a {font-weight: normal;}







/* 3rd level nav */


ul#subNav li.on ul {
 list-style: none;
 margin: 0;
 padding: 0;
 min-height: 0;
}
ul#subNav li.on ul li {
 margin: 0;
 padding: 0;
 border-bottom: 0;
 border-left: 0;
}


/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}

.searchBox {width: 150px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchBoxSub {width: 150px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchButton {color: #333; font-weight: bold; background: #fff; border: 0; font-size: 0.85em;}
.membersBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.98em;}

.emailField {
 width: 150px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}
.emailButton {color: #fff; font-weight: bold; background: #4B8738; border: 0; font-size: 0.8em;}
.membersButton {color: #fff; font-weight: bold; background: #ACB428; border: 0; margin: 4px 0;}

.loginField {
 width: 100px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}

.loginLabel {
 float: left;
 width: 100px;
 padding-top: 2px;
}

label {width: 120px;}

.memberLoginLabel {
 display: block;
 padding-top: 2px;
}

.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 background: #eee;
 padding: 3px;
 color: #333;
 font-weight: bold;
}
.fmLabel {
 float: left;
 width: 200px;
 padding-top: 2px;
}
.fmField {
 width: 200px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldLrg {
 width: 300px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 300px;
 height: 100px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select {
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}

.fmButton {
 background: #666;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Arial, Helvetica, sans-serif;
}





/* Admin styles */
#adminSiteName {float: left; width: 610px; height: 50px; padding: 20px;}
#adminPage {float: left; width: 900px; padding: 10px 20px 20px 20px; background: #fff;}
#adminLogo {float: left; width: 500px; padding: 20px 0 20px 0;}
#adminLogout {float: right;}
#adminNav {float: left; width: 970px; padding: 10px 20px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc;}
#adminNav ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
}
#adminNav ul li {
 float: left;
 margin-right: 25px;
 font-weight: bold;
}
#adminNav ul li a {text-decoration: none;}
#adminNav ul li a:hover {text-decoration: underline;}
#adminMain {float: left; padding: 20px 20px 50px 20px;}

#adminSideNav {float: left; width: 203px; background: #efefef;}
#adminSideNav h2 {font-weight: normal; border-bottom: 1px solid #efefef; background: #666; font-size: 0.85em; color: #fff; padding: 3px;}
#adminSpecial {padding: 5px;}
#adminSpecial a {display: block; padding: 2px 0;}

#adminList {float: right;}

#adminFooter {float: left; width: 970px; padding: 10px 20px; color: #999; font-size: 0.8em; border-top: 1px dashed #ccc;}
#adminFooter a {color: #999;}
.nuggetsLogo {margin-bottom: -3px;}

.section {padding: 10px; border:1px solid #8CC63E; margin-bottom: 20px;}
.section h2 {margin-top: 0;}

table#pageList td {border-bottom: 1px solid #efefef; padding: 3px 0;}
table#pageList td.tableHead {border-bottom: 1px solid #efefef; background: #666; font-size: 0.85em; color: #fff; padding: 3px;}


.adminLabel {
 width: 190px;
 background: #eee;
 border-bottom: 1px solid #fff;
}
.adminRow {
 border-bottom: 1px solid #f3f3f3;
 padding: 3px 0;
}
.adminInput {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
}
.adminInputLrg {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 500px;
}
.adminInputSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 100px;
}
.adminInputXSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 20px;
}
.adminTextbox {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 400px;
 height: 60px;
}
.adminTextboxLrg {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 400px;
 height: 200px;
}
.memberPanel {width: 200px;}


/* Sitemap - indent tree styles */

div.indent{
margin-left:0px;
}
div.indent1{
margin-left:20px;
}
div.indent2{
margin-left:40px;
}
div.indent3{
margin-left:60px;
}
div.indent4{
margin-left:80px;
}