body	{
	background: #ffffff url(/grafix/frontpage/background-grad.png) repeat-x;
	font-family: 'Open Sans', sans-serif;
	color: #000000; 
	font-size: 13px;
	}

#slideshow img { display: none; }
#slideshow img.first { display: block; }

.intro
{
 font-size: 15px;
}

.multi
{
 padding: 0 0 0 15px;
 font-size: 18px;
}

.gmap
{
 width:800px;
 height:400px;
 background-color: #eee;
 float: left;
}

#wrapper
{
 width: 1000px;
 margin: 0px auto;
}

.mainwrapper
{
 padding: 10px;
}

/* side menu */

#sidemenu
{
 padding: 10px 0 10px 0;
 margin: 0;
}
#sidemenu li
{
 list-style-type: none;
}    
#sidemenu a:link, #sidemenu a:visited
{
 list-style-type: none;
 color: #0C4964;
 background-color: #eeeeee;
 text-decoration: none;
 display: block;
}
#sidemenu a:hover
{
 color: #ffffff;
 background-color: #3c7994;
 text-decoration: none;
 display: block;
}     
.liselected /* not clickable */
{
 list-style-type: none;
 color: #000;
 font-weight: bold;
 background-color: #eeeeee;
 text-decoration: none;
 display: block;
}

.loctable img
{
 padding: 5px 10px 5px 0;
}

.locdescript
{
 font-style: italic;
}   

.loctitle
{
 padding-top: 7px;
}

.lowermenu 
{
 padding: 20px 0 20px 0;
 margin: 0;
}

.discount
{
 clear: both;
 padding: 10px 0 0 0;
}

.discount2
{
 background-color: #ffffdd;
 padding: 5px 0 5px 10px;
}


a:link    {color: #004488; text-decoration: none;}
a:active  {color: #ff0000; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover   {color: #004488; text-decoration: underline;}
hr { border:0; height: 1px; color: #aaaaaa; background-color: #aaaaaa; } 
.alignleft  { float: left; }
.alignright { text-align: right; }
.locurl { float: right; color: #888888; font-size: 80%; cursor: help; }
.newlocsheader { color: #004488; font-size: 14pt; font-weight: bold; }

.area     { font-size: 9pt; background-color: #ffffdd; }
.navstyle { font-size: 10pt; color: #0C4964; background-color: #eeeeee; }
.locality { font-size: 8pt;  color: #000000; }

.information { background-color: #eeeeee; }

.searchbox  {
             /* height: 30px; */
             background-color: #dddddd;
             font-size: 9pt;
             /* margin: 15px 0px 0px 0px; */
             padding: 5px 0px 10px 0px;
            }

.project_selected { background-color: #ffffdd; }
.projectbox {
             background-color: #ffffdd;
             font-size: 9pt;
             border-style: solid;
             border-color: #cccccc;
             border-top-width: thin; 
             border-right-style: hidden;
             border-bottom-width: thin; 
             border-left-style: hidden;
             margin-top: 15px;
             padding: 5px 0px 5px 0px;
            }

/* project include tickbox */
.tickbox { float: right; margin: 4px; }

.quote       {font-size: 10pt;}
.quote2      {font-size: 10pt; color: #888888; text-align: right;}
.locality    {font-size: 9pt; font-style: italic;}
.description {font-size: 10pt;}
.seealso
 {
  font-size: 80%;
 }       

.breadcrumbs
 {
  font-size: 90%;
 }
.showcollections
 {
  margin-top: 2px;
  font-size: 70%;
  //background-color: #eeffff;
 }
.regionscounties
 {
  background-color: #eeffff;
 }   
.regionscountieswithtopspace
 {
  margin-top: 2px; 
  font-size: 70%;
  background-color: #eeffff;
 }  
.regionscountiesbottom
 {
  font-size: 80%;
  background-color: #eeffff;    
 }
.seealsotop
 {
  font-size: 70%;
  //background-color: #eeffff;
 }
.navtop
 {
  font-size: 80%;
  color: #999999;
 }
.navalignleft
 {
  float: left;
  margin: 0;
 }
.navalignright
 {
  float: right;
  margin: 0; 
  //font-size: 70%;
 }
.locationleaf
 {
  font-weight: bold;
  color: #E20014;
  cursor: help;
 } 

 
.contact
{
 font-size: 13px;;
 color: #004488;
 font-weight: bold;
}
.enquiry     {font-size: 80%; font-weight: bold;}
.disclaimer
{
 font-size: 11px;
 font-style: italic;
 color: #888888;
}
.click       {font-size: 60%; color: #888888;}
.thispage    {color: #888888;}
.underline   {text-decoration: underline;}
.underline:link    {color: #004488; text-decoration: underline;}
.underline:active  {color: #ff0000; text-decoration: underline;}
.underline:visited {color: #666666; text-decoration: underline;}
.underline:hover   {color: #004488; text-decoration: underline;}
.red         { color: #DD0000; }
.menuhighlight { color: #dd0000; background-color: #ffffdd; }

table.libmenu    { width: 120px; background-color: #ffffff; }
table.libmenu td { background-color: #eeeeee;
                   font-size: 80%;
                   height: 25px;
                   text-align: center;
                   color: #000000;
                 }

table.record th {font-size: 80%; background-color: #ffffff; color: #888888; text-align: left;}
table.record td {font-size: 80%; background-color: #ffffff;}

table.backto th { font-size: 80%; color: #888888; text-align: right; font-weight: normal;}
table.backto td { font-size: 80%;}

table.preface td { font-size: 80%; background-color: #fff9dd; }

.lwvisited         {font-size: 9pt; color: #888888;}
.lwvisited:link    {font-size: 9pt; color: #888888;}
.lwvisited:visited {font-size: 9pt; color: #888888;}
.lwvisited:hover   {font-size: 9pt; color: #0C4964; text-decoration: underline; }

.navigation         {font-size: 10pt; color: #0C4964;}
.navigation:link    {font-size: 10pt; color: #0C4964;}
.navigation:visited {font-size: 10pt; color: #0C4964;}
.navigation:hover   {font-size: 10pt; color: #0C4964; text-decoration: underline;}

.topnavigation      { font-size: 9pt; color: #999999; }
a.topnavigation     { font-size: 9pt; color: #999999; text-decoration: none; }

a.greenlink              { color: green; }
a.greenlink:link         { color: green; }
a.greenlink:visited      { color: green; }
a.greenlink:hover        { color: green; text-decoration: underline;}

.green         { color: green; text-decoration: none; }

.bbold {color: #0C4964; font-size: 90%;}

.pmenu         {color: #0C4964; }
.pmenu:link    {color: #0C4964; }
.pmenu:visited {color: #0C4964; }
.pmenu:hover   {color: #0C4964; text-decoration: underline;}

.mmenu         {color: #0C4964;}
.mmenu:link    {color: #0C4964; text-decoration: underline;}
.mmenu:visited {color: #0C4964; text-decoration: underline;}
.mmenu:hover   {color: #0C4964; text-decoration: underline;}

.heading    {font-weight: bold; font-size: 110%; color: #0C4964;}   
.heading2   {font-weight: bold; font-size: 130%; color: #0C4964;}
.heading3   {font-weight: bold; font-size: 110%; color: #0C4964;}
.small      { font-size: 9pt;  }
.smaller    { font-size: 8pt;  }
.grey       { color: #aaaaaa;  }
.darkergrey { color: #999999;  }
.emphasise  { color: #A71600;  }
.help  {font-size: 80%; color: #4c89a4; padding-left: 17px; margin-bottom: 6px; }

.u {text-decoration: underline;}

.terms   { font-size: 10pt; }  

.postscript
 {
  font-size: 9pt; 
  background: #ffffcc;
  margin: 3px;
 }

#ajax_response{
	font-size: 8pt;
	border: 1px solid #8789E7;
	background: #FFFFFF;
	width: 100px;
	position: absolute;
	display: none;
	padding :2px 2px;
	top: auto;
}
.list {
	padding:0px 0px;
	margin:0px;
	list-style : none;
}
.list li a{
	text-align : left;
	padding:2px;
	cursor:pointer;
	display:block;
	text-decoration : none;
	color:#000000;
}
.selected{
	background : #CCCFF2;
}
#holder{
	width : 350px;
}
.bold{
	font-weight:bold;
	color: #004488;
}
#fullheight { height:100%; }
#searchmenu td { height: 100%; }
#disclaimer
{
 vertical-align: bottom;
}
.lhsmall { line-height: 15px; margin-bottom: 0px; }

.privatejobnumber
{
 cursor: help;
 color: #888888;
 font-size: 9pt;
}

.ibox
{
    padding-left: 5px;
    padding-right: 5px;
}


/*
    invite
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#B5B5B5; padding:1px;}
        #cboxLoadingGraphic{background:url(../../grafix/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles 
        #cboxPrevious, #cboxNext, #cboxSlideshow {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../grafix/controls.png) no-repeat 0 0;}
        #cboxClose {border:0; padding:0; margin:0,10px; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:5px; left:774px; background:url(../../grafix/controls.png) no-repeat 0 0;}
        
        avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) 
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

      #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}   
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
       .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}