body	{
	background: #ffffff url(/grafix/frontpage/background-grad.png) repeat-x;
	font-family: 'Open Sans', sans-serif;
	color: #000000; 
	font-size: 13px;
	}
                                              
:root
{
 --lwblue:         #0C4964;
 --lwltblue:       #3C7994;
 --lwltback:       #5D9AB5;
 --postit:         #fff9dd;
 --lwgrey:         #999;
 --verygrey:       #bbb;
 --xgrey:          #eee;
 --darkred:        #ab0000;
 --reddish:        #cf3d29;
 --redback:        #ffd3d3;
 --blueback:       #eeffff;  
 --bluebackhover:  #e3f4f4;
 --greenback:      #f1fff1;
 --greenbackhover: #eaf8ea;  
 --pinkback:       #fff5f5;
 --pinkbackhover:  #F8E4E4;
}     

.xxxheader
{
 font-size: 24px;
 padding: 5px 0 10px 3px;
 color: #004488;
 font-weight: bold;
}

.weseemto 
{
 font-size: 20px;
 padding: 5px 0 15px 5px;
 color: #004488;
 font-weight: bold;
}

.pic404
{
 width: 100%;
 height: auto;
 max-width: 600px;
}
.pix
{     
 padding: 0 15px 15px 0;
 //margin: 0 15px 15px 0;
 //background-color: pink;
}

.blurb
{
 font-size: 14px;
 padding: 0 50px 15px 0px;
}

.biggerblurb
{  
 font-size: 14px;
}


.alphaheader
{
 font-size: 16px;
 padding: 10px 0 10px 3px;
 /* background-color: pink; */
}
.alphaheader2 { font-size: 20px; font-weight: bold; }
.alphabet     { font-size: 16px; }

.alphaindex
{
 font-size: 20px;
 padding: 3px 0 12px 0;
}

.regionsdropdown
{
 display: inline;
 margin-bottom: 0;
 font-family: Open Sans, sans-serif;
 font-size: 12px;
}
.regionsdropform
{
 display: inline;
}
.regionsdropdiv
{
 vertical-align: text-top;
 font-size: 12px;
}

.second_column
{
 padding: 15px 0 0 22px;
}      

table.alpha
{
 padding: 0 5px 0 0;
}
table.alpha td
{
 font-size: 13px;
 //line-height: 130%;
}

article
{
 -webkit-column-count: 3;
    -moz-column-count: 3;
         column-count: 3;
 -webkit-column-width: 200px;
    -moz-column-width: 200px;
         column-width: 200px; 
 -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
         column-gap: 1.5em; 
 -webkit-column-rule: 1px solid #ddd;
    -moz-column-rule: 1px solid #ddd;
         column-rule: 1px solid #ddd;
}    

.codes
{
 -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
 -webkit-column-width: 250px;
    -moz-column-width: 250px;
         column-width: 250px; 
 -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
         column-gap: 1.5em; 
 -webkit-column-rule: 1px solid #ddd;
    -moz-column-rule: 1px solid #ddd;
         column-rule: 1px solid #ddd;
}

.desktop_table
{
 width: 100%;
 max-width: 1000px;   
 margin: 0px auto;
 border-collapse: collapse;
 table-layout: fixed;
}
.menu_side
{
 width: 150px;
 //max-width: 150px;
}

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

.mobile
{
 display: none;
}

.columnlogo
{
 max-width: 100%;
 height: auto;
}
.cycle-slideshow img { width: 100%; height: auto; }

//.dbc_logo
//{
// padding: 10px 10px 0px 00px;
// width: 100%;
// max-width: 400px;
//}     

.ppmenubutton
{
 padding: 2px 0 0 8px;
 cursor: pointer;
}     

.ppepicon
{
 margin: 6px 0 0 0;
 display: inline-block;   
}

.mainblurb
{
 font-size: 13px;
 margin: -10px 0 0 0;
 padding: 0 10px 0 10px;
}

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

#wrapper
{
 width: 100%;
 max-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;
 width: 150px;
 /* margin: 15px 0px 0px 0px; */
 padding: 5px 0px 10px 0px;
}
.searchboxinput
{
 width: 140px;
// max-width: 150px;
 font-size: 13px;
 display: inline-block;
 margin-bottom: 0;
}   
.searchinput
{
 font-size: 13px;
 display: inline;
 margin: 0 0 0 -2px !important;
}

.thumbpic
{
 width: 100%;
 height: auto;
}

.menuline
{
 background-color: #1B7097;
 height: 36px;
}

.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; }

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



/* ::::::::::::::::  MEDIA QUERIES :::::::::::::::::::: */

@media only screen and (max-width: 850px)
{                     
   body
   {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
   }

 #dlogo { display: none; }
     
 .alphaheader
 {
  font-size: 14px;
  padding: 0px 0 5px 3px;
  /* background-color: yellow; */
 }
 .alphaheader2 { font-size: 16px; font-weight: bold; }
 .alphabet     { font-size: 16px; } 

 .alphaindex
 {
  font-size: 18px;
  padding: 3px 0 12px 0;
 }

 .desktop_table
 {
  width: 100%;
  max-width: 1000px;   
  margin: 0px auto;
  border-collapse: collapse;
  table-layout: fixed;
  //display: none;
 } 

 .second_column
 {
  padding: 15px 0 0 5px;
 } 
 
 .menu_side
 {
  width: 0px;
 }
 #sidemenu
 {
  display: none;
 }
 .searchbox
 {
  display: none;   
 }

 .mobile
 {
  display: block;
 }

}

/* ::::::::::::::::  MEDIA QUERIES :::::::::::::::::::: */

@media only screen and (max-width: 850px)
{
  .xxxheader
  {
   font-size: 22px;
   margin: -10px 0 -5px 5px;
   color: #004488;
   font-weight: bold;
  }  
  .weseemto
  {
   font-size: 20px;
   padding: 5px 0 15px 8px;
   color: #004488;
   font-weight: bold;
  }
}