@charset "UTF-8";
/* CSS Document  CRAIGDALE on RASPBERRY*/

html
{
  height:100%;
  background:#fafffc url(../images/pagebg.jpg) repeat-x;  
}

/* * html #wrapper 
{
	height: 1%;
} */

body
{
  height:100%;
  background:transparent url(../images/headerbg.jpg) no-repeat top center;
  margin:0 auto;
  text-align:center;
  font-size:75%;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, "Lucida Grande", sans-serif;
  color:#494949;
}

a
{
  color:#008c99;
}

body.small
{
  font-size:75%;
}

body.medium
{
  font-size:100%;
}

body.large
{
  font-size:125%;
}

p.hide
{
  display:none;
  visibility:hidden;
}

ul.menu
{
  margin:0;
  padding:0;
  text-indent:none;
  list-style-type:none;
  overflow:hidden;
}

ul.menu li
{
  margin:0;
  padding:0;
  text-indent:none;
  list-style-type:none;
  float:left;
  overflow:hidden;
}

#wrapper
{
  display:block;
  min-height:100%;
  width:100%;
  overflow:hidden;
}

#toplinks
{
  margin:0 auto; 
  width:879px;
  text-align:left;
  padding-top:10px;
  padding-bottom:16px;
  overflow:hidden;
  padding-left:32px;
  color:#494949;
}

#toplinks h1
{
  font-weight:normal;
  font-size:1em;
  float:left;
  margin:0;
  padding:0;
  padding-top:2px;
}

#toplinks h1 a
{
  text-decoration:none;
  color:#008c99;
}

#toplinks-menu
{
  float:right;
  overflow:hidden;
}

#toplinks-menu a
{
  margin:0;
  padding:0;
  color:#494949;
}

#toplinks-menu ul.menu
{
  float:left;
}

#toplinks-menu ul.menu li
{
  margin:0;
  padding:0;
  margin-left:6px;
  padding-left:6px;
  padding-top:2px;
  /* border-left:1px solid; */
  background:transparent url(../images/toplink-sep.gif) no-repeat 0% 100%;
}

#toplinks-menu ul.menu li.first
{
  background:none;
}

#toplinks-menu div#textsize 
{
  margin:0;
  padding:0;
  margin-left:6px;
  padding-left:6px;
  overflow:hidden;
  float:left;
  background:transparent url(../images/toplink-sep.gif) no-repeat 0% 100%;
}

#toplinks-menu div#textsize a.small 
{
  font-size:75%;
}

#toplinks-menu div#textsize a.medium 
{
  font-size:100%;
}

#toplinks-menu div#textsize a.large 
{
  font-size:125%;
}

#header
{
  margin:0 auto; 
  width:879px;
  text-align:left;
  overflow:hidden;
  padding:0;
  padding-left:10px;
}

#header #logo
{
  float:left;
  overflow:hidden;
  margin:0;
  padding:0;
}

#header #logo h1
{
  overflow:hidden;
  margin:0;
  padding:0;
}

#header #logo h1 a
{
  overflow:hidden;
  margin:0;
  padding:0;
}

#pagebody
{
  /* background:#feffff; */
  margin:0 auto;
  width:879px;
  text-align:left;
  padding:7px;
  padding-left:32px;
  padding-bottom:38px;
  margin-bottom:100px;
  overflow:hidden;
  height:100%;
}

#pagebody img#welcome
{
  margin-bottom:28px;
}

#leftcol
{
  display:block;
  width:211px;
  float:left;
  margin:0;
  margin-top:32px;
  min-height:100%;
}

body.welcome_page #leftcol
{
  display:none;
}

body.subnav #leftcol
{
  width:211px;
}

#maincol
{
  width:383px;
  float:left;
  margin-right:18px;
  margin-top:8px;
  margin-bottom:68px;
  padding:0;
  padding-left:18px;
  line-height:1.8em;
  /* background:url(../images/maincol-bg.gif) repeat-y; */
  min-height:100%;
}

body.welcome_page #maincol
{
  width:383px;
  margin-top:0px;
}

body.section_page.subnav #maincol
{
  width:383px;
}

body.section_page.subnav.images #maincol
{
  width:383px;
}

#maincontent h1
{
  font-size:1.4em;
}

#maincontent h1.page-title
{
  font-size:1.6em;
  color:#ffbf56;
  text-transform:uppercase;
  letter-spacing:0.05em;
  margin-top:12px;
  margin-bottom:12px;
}

#maincontent h2
{
  font-size:1.2em;
}

#maincontent h3
{
  font-size:1.1em;
}

#maincontent h4
{
  font-size:1em;
}

#maincontent h5
{
  font-size:1em;
}

#maincontent h6
{
  font-size:1em;
}

#rightcol
{
  display:none;
  width:280px;
  float:left;
  margin-right:15px;
  font-size:0.95em;
  overflow:hidden;
  min-height:100%;
}

body.welcome_page #rightcol,
body.section_page.images #rightcol,
body.section_page.attachments #rightcol
{
  display:block;
}

body.section_page.images #rightcol,
body.section_page.attachments #rightcol
{
  width:233px;
  margin-right:0px;
  margin-top:32px;
}

body.section_page.subnav.images #rightcol,
body.section_page.subnav.attachments #rightcol
{
  width:233px;
}

#rightcol h1
{
  font-size:1.6em;
}

#rightcol h2
{
  font-size:1.4em;
}

#rightcol h3
{
  font-size:1.2em;
}

#rightcol h4
{
  font-size:1em;
}

#rightcol h5
{
  font-size:1em;
}

#rightcol h6
{
  font-size:1em;
}

#pageimages 
{
  width:233px;
  overflow:hidden;
  margin:0;
  padding:0;
  min-height:100%;
}

#pageimages img 
{
  margin:0;
  margin-bottom:12px;
  width:233px;
}

#homeimagecol
{
  width:130px;
  float:left;
  padding-left:15px;
}

#navigation ul.menu li
{
  background-image:url(../images/navigation.png);
  background-repeat:no-repeat;
  height:61px;
  width:51px;
}

#navigation ul.menu li a
{
  display:block;
  width:100%;
  height:100%;
  text-indent:-10001px;
  overflow:hidden;
}

#navigation ul.menu li#home
{
  margin-left:11px;
  margin-top:11px;
  background-position:-4px 0px;
}

#navigation ul.menu li#about-us
{
  margin-left:10px;
  margin-top:20px;
  background-position:-64px 0px;
  width:53px;
}
#navigation ul.menu li#housing-services
{
  margin-left:8px;
  margin-top:29px;
  background-position:-124px 0px;
  width:66px;
}
#navigation ul.menu li#rent
{
  margin-left:8px;
  margin-top:39px;
  background-position:-198px 0px;
  width:51px;
}
#navigation ul.menu li#repairs
{
  margin-left:10px;
  margin-top:43px;
  background-position:-260px 0px;
  width:51px;
}

#navigation ul.menu li#projects
{
  margin-left:7px;
  margin-top:44px;
  background-position:-318px 0px;
  width:66px;
}

#navigation ul.menu li#community-news
{
  margin-left:9px;
  margin-top:39px;
  background-position:-466px 0px;
  width:68px;
}

#navigation ul.menu li#downloads
{
  margin-left:7px;
  margin-top:32px;
  background-position:-394px 0px;
  width:68px;
}

#navigation ul.menu li#home:hover
{
  background-position:-3px -92px;
}

#navigation ul.menu li#about-us:hover
{
  background-position:-64px -91px;
}

#navigation ul.menu li#housing-services:hover
{
  background-position:-124px -91px;
}

#navigation ul.menu li#rent:hover
{
  background-position:-198px -91px;
}

#navigation ul.menu li#repairs:hover
{
  background-position:-260px -91px;
}

#navigation ul.menu li#projects:hover
{
  background-position:-318px -91px;
}

#navigation ul.menu li#community-news:hover
{
  background-position:-466px -91px;
}

#navigation ul.menu li#downloads:hover
{
  background-position:-394px -91px;
}

#pagebuttons
{
  margin-bottom:40px;
}

#pagebuttons ul.menu li.pagebutton
{
  height:28px;
  width:208px;
  clear:both;
}

#pagebuttons ul.menu li.pagebutton a
{
  display:block;
  height:100%;
  width:100%;
  text-transform:uppercase;
  color:#fdfffe;
  text-decoration:none;
  padding-left:12px;
  padding-top:2px;
  background:url(../images/pagebutton.png) no-repeat 0px 0px;
}

#pagebuttons ul.menu li.pagebutton a:hover
{
  background:url(../images/pagebutton.png) no-repeat 0px -32px;
}
#level2nav
{
  margin-bottom:40px;
}
#level2nav ul.menu li.level2nav-item
{
  height:28px;
  width:208px;
  clear:both;
}

#level2nav ul.menu li.level2nav-item a
{
  display:block;
  height:100%;
  width:100%;
  text-transform:uppercase;
  color:#fdfffe;
  text-decoration:none;
  padding-left:12px;
  padding-top:6px;
  background:url(../images/pagebutton.png) no-repeat 0px 0px;
}

#level2nav ul.menu li.level2nav-item a:hover
{
  background:url(../images/pagebutton.png) no-repeat 0px -32px;
}

#search-box
{
  background:url(../images/searchbox.gif) no-repeat;
  padding-top:8px;
  padding-left:8px;
  margin-top:25px;
}

#search-box form 
{
  margin:0;
  padding:0;
}

#search-box fieldset
{
  border:none;
  width:273px;
  height:67px;
  overflow:hidden;
  margin:0;
  padding:0;
}

#search-box legend
{
  color:#feffff;
  text-transform:uppercase;
  font-size:1.2em;
}

#search-box label
{
  display:none;
}

#search-box div.sfield
{
  background:#b3dee0 url(../images/searchboxbg.png) no-repeat;
  width:201px;
  height:30px;
  overflow:hidden;
  float:left;
  margin-right:6px;
}

#search-box input
{
  width:196px;
  background-color:#f9feff;
  border:0 none;
  height:26px;
  padding:6px;
}

#search-box button
{
  width:41px;
  height:30px;
  background:url(../images/gobuttonbg.gif) no-repeat;
  border:0 none;
  overflow:hidden;
  color:#feffff;  
}

#opening-hours
{
  overflow:hidden;
  width:270px;
  margin-left:8px;
}
#contact-details
{
  overflow:hidden;
  width:247px;
  margin-left:8px;
  margin-top:12px;
}

#footer
{
  width:100%;
  display:block;
  height:65px;
  padding:0px;
  margin:0px;
  margin-top:-100px;
}

#footer-content
{
  border-top:1px solid #fcc975;
  background:#feffff;
  margin:0 auto; 
  width:879px;
  text-align:left;
  padding:7px;
  overflow:hidden;
  font-size:0.8em;
}

#footer-content ul.menu
{
  float:left;
  margin-top:12px;
}

#footer-content ul.menu li
{
  margin-left:6px;
  padding-left:6px;
  border-left:1px solid;
}

#footer-content ul.menu li.first
{
  border-left:0 none;
}

#footer-content ul.menu li a
{
  color:#494949;
}

#footer-content div#afflogos
{
  float:right;
  overflow:hidden;
  padding-right:7px;
  height:41px;
}

#footer-content div#afflogos img
{
  vertical-align:top;
  padding-left:7px;
}

#footer-content div#afflogos img#podiumlogo
{
  vertical-align:middle;
}

#small-print
{
  background:#feffff;
  margin:0;
  text-align:center;
  overflow:hidden;
  padding-top:19px;
  font-size:0.8em;
}

/*Form Styles  COPIED FROM LOCAL SPACE*/
#form {
  float:left;
  margin:0;
  padding:0;
  width:550px;
  margin-bottom:28px;
}

#form div.row {
  clear:both;
  padding-top:10px;
}

#newCat {
  display:none;
}

#form div.filter {
  clear:both;
  padding-top:10px;
}

#form div.row span.label {
  float:left;
  width:150px;
  padding-left:4px;
  font-weight:bold;
}

#form div.row span.formw {
  float:right;
  width:350px;
  text-align:left;
}

#form div.row span.required {
  color:#636363;
}

#form input {
  font-size:1em;
}

#form select {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  color:#000;
}

#form textarea {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
}

#form input.submit_button {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:3px 3px;
  font-size:1em;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
  color:#FFF;
  line-height:70%;
  letter-spacing:0;
  background-color:#008B98;
  border:solid 1px #025057;
}

#form h1 {
  color:#3F8AAD;
  font-size:1.4em;
  font-weight:bold;
}

#form h2 {
  color:#A2D0D6;
  font-weight:bold;
  font-size:1.2em;
  line-height:0.5em;
}

#form h3 {
  color:#003768;
  font-size:1.1em;
  line-height:1em;
}

.form {
  margin:0;
  padding:0;
  margin-left:7px;
  display:inline;
}

div#crumbtrail
{
  font-size:0.9em;
  text-transform:uppercase;
  color:#999;
  overflow:hidden;
  width:840px;
}

div#crumbtrail a
{
  color:#ffbf56;
}

div#crumbtrail span.title
{
  float:left;
}

div#crumbtrail ul.menu
{
  float:left;
  overflow:hidden;
}

div#crumbtrail ul.menu li
{
  float:left;
  overflow:hidden;
  margin-left:6px;
  padding-right:12px;
  background:transparent url(../images/crumbtrail-sep.jpg) no-repeat 100% 80%;
}

div#crumbtrail ul.menu li.current
{
  background:none;
  margin-left:6px;
}

div#crumbtrail ul.menu li.current em
{
	font-style:normal;
}

/* ================================================================================== */
/* *************SPLASH PAGE STYLES discontinued from September 2010    ****************/
/* ================================================================================== */

body#splashpage {
  background:none;
  text-align:center;
}
body#splashpage a {
  color:#494949;
}
div#splash {
  width:712px;
  height:533px;
  overflow:hidden;
  margin:100px auto 6px;
}
div#splash a {
  text-decoration:none;
  overflow:hidden;
}
div#splash-content {
  padding-top:460px;
  width:712px;
  height:62px;
  background:url(../images/splashpage-bg.jpg);
  text-align:center;
  font-size:0.8em;
  overflow:hidden;
}
p.small-text {
  font-size:0.7em;
}
div.clearing {
	clear:both;
}
div#block-gtranslate_links-0 {
  float:left;
  padding-right:8px;
  padding-left:15px;
}

