@font-face { font-family:smart;
 src: url('BebasNeue.otf');
 }
 
 
 /*************************************************** Top Navigation Menu ***************************************************/
 
#containerForMenu {
font-family: 'Helvetica', Sans-Serif;
font-size:15px;
width:100%;
margin:0px;
background-color:white;
color:black;
height:50px;
border-bottom:1px solid rgb(30,30,30);
}

#menu {
list-style-type:none;
margin: 0;
padding:10px 0px 10px 0px;
width:800px;
margin-right:auto;
margin-left:auto;
}

.nav_li {
display:inline-block;
float: left;
padding-bottom:5px;
padding-top:5px;
}

ul li a { 
font-family: 'Helvetica', Sans-Serif;
text-decoration:none;
padding:0px 10px 0px 10px;
text-align: center;
color:black;
}

ul li:hover a {
text-decoration:underline;
}

 /*************************************************** Header ***************************************************/

.headerBlock{ height:470px;
 background-color:rgb(250,250,250);
 background: url('../images/bridge.png') repeat-x center;
 color:rgb(70,70,70);
 }
 
  #titleBlock{ color:rgb(30,30,30);
 font-family: smart,'arial', Trebuchet,Tahoma, Arial, Helvetica, Sans-Serif;
 font-size:40px;
 padding:35px 10px 0px 10px;
 font-weight:0;
 text-align:centre;
 }

/*************************************************** main body ***************************************************/

body{
font-size:15px;
font-family:'Helvetica',sans-serif;
margin:0;
padding:0;
color:rgb(35,30,30);
}

a{
text-decoration:none;
color:black;
}

a:hover{
text-decoration:underline;
}

.containerForContent{
clear:both;
width:100%;
padding:20px 0px 20px 0px;
}

.centredContent{
width:800px;
margin-right:auto;
margin-left:auto;
position:relative;
}

.floatRight{
float:right;
}

.grey{
margin-right:10px;
color:gray;
}

.imageCaption{
display: block;
font-size:20px;
margin:20px auto 0px auto;
padding:20px;
font-weight:100;
}

.imageCaption a{
text-decoration:underline;
color:black;}

.centre{ display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}

.entryImage{
margin:40px auto 0px auto;
width:600px;
} 

.fullWidthImage{
margin:40px auto 0px auto;
width:800px;
} 

/*************************************************** Entries ***************************************************/


.listRow{
display:block;
font-size:27px;
padding-top:20px;
font-weight:100;
width:100%;
color:black;
}

.listRow a{
color:black;
}

.findOutMore{
display:block;
width:100%;
text-align:right;
font-size:27px;
color:black;
font-weight:100;
text-decoration:underline;
}

.findOutMore:hover{
text-decoration:none;
}

.tagbar{
margin:15px 20px 15px 20px;
}
.tag{
font-size:20px;
font-weight:100;
padding:5px;
float:left;
background:rgb(230,230,230);
text-decoration:none;
color:black;
margin:0px 5px 10px 0px
}

.space_bar{
clear:both;
margin-bottom:10px;
}

/*************************************************** Footer ***************************************************/

.block4Footer{
margin-top:30px;
background-color:rgb(222,222,222);
}

.footer{
font-family: 'Helvetica', Sans-Serif;
font-size:20px;
font-weight:200;
width:800px;
margin:40px auto 0px auto;
padding-bottom:20px;
text-align:justify;
}

.footer a{
color:black;
text-decoration:underline;
}
 
 
/*************************************************** Responsive Styles ***************************************************/

@media only screen and (max-device-width: 900px), only screen and (max-width:900px){ 



  
}