/* 2012 style sheet for Saltaire Village website*/ 
/* 2012 style sheet for Saltaire Village website*/ 

/*fonts that have been tested and weeded out if necessary */

/*end of fonts that have been tested */




body {
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
    line-height: 26px;
	color: #333333;
}

/*This is menu 1*/  
#menu1 {
	font-family: 'Archivo', sans-serif;
	width: 830px;
	font-size: 16px;
	background-color: #8E1915;
	padding: 4px;
	float: left;
	background-repeat: no-repeat;
	border-top-width: 3px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCC99;
	border-bottom-color: #CCCC99;
}
#menu1 a:link, #menu1 a:visited, #menu1 a:active {
	background-color: #8E1915;
	font-size: 16px;
	padding: 4px;
	text-decoration: none;
	color: #FFFFFF;
}
#menu1 a:hover {
	padding: 4px;
	font-size: 16px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #8E1915;
}


/* End of menu 1 */


/* This is dropdown menu 3 */

.dropbtn {
  background-color: #FFFFFF;
  color: 000000;
  padding: 8px;
  font-size: 20px;
  font-weight: bold;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 200px;
  width: 240px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  background-color: #FFFFFF;
  font-size: 16px;
  padding: 6px 4px 6px 4px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #C7DBEB;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #C7DBEB;}

/* The end of dropdown menu 3 */ 

/* Links: no underline, only colour*/



a:link {
	color: #F22828;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
    font-weight: 400;
}


/* End of links*/

	
/* Titles and fonts

font-family: 'Fjalla One', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Archivo', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Boogaloo', cursive;
font-family: 'Caveat', cursive;
font-family: 'Archivo Narrow', sans-serif;
font-family: 'Barlow', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Special Elite', cursive;
font-family: 'Roboto Condensed', sans-serif;

Additional from previous website design stylesheet*/


.font_Anton {
	color: #006699;
	font-family: 'Anton', sans-serif;
	font-size: 34px;
	line-height: 40px;
	}

/*--------Twitter ----------------*/
#twitter_div {
width: 250px;
background-color: #ffffff;
border: 2px dashed #ff0d73;
border-radius: 8px;
background-image: url(../images/twitter_updates.png);
background-repeat: no-repeat;
background-position: center top;
}

/*-------end sample 2 CSS for styling Twitter -------*/
/*-------start Twitter for home page -------*/
#twitter2_div {
width: 400px;
height: 952px;
background-color: #ffffff;
border: 2px dashed #ff0d73;
border-radius: 8px;
padding-bottom: 10px;
padding-top: 10px;
}

/* end Twitter 2 */
/* This is nav container2 */

#navcontainer2<div id="navcontainer2">
#navcontainer2 li { margin: 0 0 0px 0; }

#navcontainer2 a
{
display: block;
float: right;
color: #006699;
font-family: 'Archivo', sans-serif;
font-size: 14px;
background-color: #FFFFFF;
width: 180px;
height: 26px;
padding: 3px 3px;
text-decoration: none;
border-left: 1px solid #006699;
border-right: 1px solid #006699;
border-bottom: 1px solid #006699;
border-top: 1px solid #006699;
}

#navcontainer2 a:hover
{
background-color: #006699;
color: #FFFFFF;
font-size: 14px;
}

/*end of navcontainer2 */

/* This is nav container3 */

#navcontainer3<div id="navcontainer3">
#navcontainer3 li { margin: 0 0 0 0; }

#navcontainer3 a
{
display: block;
float: right;
color: #333333;
background-color: transparent;
width: 120px;
padding: 2px 2px;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#navcontainer3 a:hover
{
background-color: #C8D1D7;
color: #333333;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

/*end of navcontainer3 */

/* This is nav container4 */

#navcontainer4<div id="navcontainer4">
#navcontainer4 li { margin: 0 0 0 0; }

#navcontainer4 a
{
display: block;
float: left;
color: #333333;
background-color: transparent;
width: 518px;
padding: 4px 4px;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
}

#navcontainer4 a:hover
{
background-color: #E1F3A9;
color: #333333;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #B3CA9E;
}

/*end of navcontainer4 */

/* This is nav container5 */

#navcontainer4<div id="navcontainer4">
#navcontainer4 li { margin: 0 0 0 0; }

#navcontainer4 a
{
display: block;
float: left;
color: #333333;
background-color: transparent;
width: 518px;
padding: 4px 4px;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
}

#navcontainer4 a:hover
{
background-color: #C7C9CD;
color: #333333;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #B3CA9E;
}

/*end of navcontainer5 */

/*Paragraphs with absolute positioning*/

p1.pos_abs
{
position:absolute;
left:300px;
top:300px
}

/* end p1 absolute positioning*/

body {
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
    line-height: 26px;
	color: #333333;
}
	
.homepagetitle{
	color: #000000;
	font-family: 'Fjalla One', sans-serif;
	font-size: 40px;
    line-height: 50px;
	}

.smalltxt {
	font-family: 'Archivo', sans-serif;
	font-size: 14px;
    line-height: normal;
	color: #333333;
}

/* ADDITIONAL MAIN TEXT SIZES  - are these needed?*/



/* This is the end of the additional main text size tags*/


/*FLOAT LEFT - IMAGES */


.floatleft2
{
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}


/* end of FLOAT LEFT - IMAGES */


/* NEWS DIV TAGS START */

.divnewsitem {
	background-color: #FFFFFF;
	width: 500px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-bottom-color: #CC0066;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	vertical-align: inherit;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.divnewswithpicture {
	background-color: #FFFFFF;
	width: 500px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	vertical-align: inherit;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	height: 160px;
	overflow: auto;
}
.divnewsheadlines {
	width: 250px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom-color: #CC0066;
	border-bottom-width: 1.5px;
	border-bottom-style: dotted;
}
.divnewsheadlines_noline {
	width: 250px;
	padding-top: 5px;
	padding-bottom: 15px;
}
.divnewsheadlines2 {
	width: 250px;
	padding-top: 5px;
}
.divnewsheadlines2 {
	width: 250px;
	padding-top: 5px;

}

/* NEWS DIV TAGS END */
.divadvent_dotted {
	width: 300px;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom-color: #dcafdb;
	border-bottom-width: 1.5px;
	border-bottom-style: dotted;
}
.divnews_210_dotted {
	width: 210px;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom-color: #CC0066;
	border-bottom-width: 1.5px;
	border-bottom-style: dotted;
}
.divnews_210 {
	width: 210px;
	padding-top: 4px;
}
.div_Rside_222_dotted {
	width: 222px;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 10px;
	border-bottom-color: #CC0066;
	border-bottom-width: 1.5px;
	border-bottom-style: dotted;
}
.div_Rside_222 {
	width: 222px;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 10px;
}


.Box_600_solid_grey {
	width: 600px;
    padding-top: 10px;
	padding-bottom: 30px;
	border-bottom-color: #006699;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	vertical-align:text-top;
	float: left;
}

.Box_800_solid_grey {
	width: 800px;
    padding-top: 10px;
	padding-bottom: 30px;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	vertical-align:text-top;
	float: left;
}

.divdairy_BLOGline {
	width: 160px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-color: #5443A5;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	vertical-align:text-top;
	float: left;
}


/* DIV TAGS END */




.box_04 {
	width: 100%;
	height: auto;
	text-align: left;
	vertical-align: top;
	border-bottom-color: #333333;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 15px;
	padding-top: 10px;
}

. {
	float: left;
	height: auto;
	width: 800px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #B5BAAB;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.Box_Advent_Calendar_2011 {
	float: left;
	height: auto;
	width: 280px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 20px;
	font-family: 'Archivo', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.Box_Advent_Calendar_2014 {
	float: left;
	height: auto;
	width: 280px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 20px;
	font-family: 'Archivo', sans-serif;
	font-size: 14px;
	color: #666666;
}



/* End of box 1 */

/* END OF BOXES */
/* TABLES - START */

/* TABLES - END -- BEGINNING OF BOXES
table02_dotted in Advent Calendar



/* 2016 style sheet for Burdock House redesign*/ 



/* Links: no underline, only colour*/

a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #F22828;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
    font-weight: 400;
}


/* End of links*/

	
/* Titles and fonts

font-family: 'Fjalla One', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Archivo', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Boogaloo', cursive;
font-family: 'Caveat', cursive;
font-family: 'Archivo Narrow', sans-serif;
font-family: 'Barlow', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Special Elite', cursive;
font-family: 'Roboto Condensed', sans-serif;

Additional from previous website design stylesheet*/


.font_Anton {
	color: #006699;
	font-family: 'Anton', sans-serif;
	font-size: 34px;
	line-height: 40px;
	}

.font_Anton2 {
	color: #F22828;
	font-family: 'Anton', sans-serif;
	font-size: 34px;
	line-height: 40px;
	}


.font_Perm_marker {
	color: #000;
	font-family: 'Permanent Marker', cursive;
	font-size: 26px;
	line-height: 32px;
	}
	
	
.font_fjalla {
	color: #000000;
	font-family: 'Fjalla One', sans-serif;
	font-size: 30px;
    line-height: 40px
	}
.font_fjalla_small {
	color: #000000;
	font-family: 'Fjalla One', sans-serif;
	font-size: 20px;
    line-height: 30px
	}

.font_fjalla2 {
	color: #DD3344;
	font-family: 'Fjalla One', sans-serif;
	font-size: 50px;
	}



/* Overflow
*/	
.overflow {
	overflow: scroll;
}

/* End overflow*/


/* FLOAT RIGHT FOR IMAGES */

.floatright { float: right; }


.floatright2
{
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 10px;
}


.floatleft2
{
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

.objectcenter
{
	object-position: center;
}

/* end of FLOAT LEFT - IMAGES */


#bookmark-this {
  padding: 5px 10px;
  font-size: 12px;
  background: #f0ad4e;
  color: #fff;
  border: 1px solid #eea236;
  border-radius: 4px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

#bookmark-this:hover {
  background: #ec971f;
  border: 1px solid #d58512;
  text-decoration: none;
}

#bookmark-this:active {
  border: 1px solid #d58512;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  background: #ec971f;
}

/* And more text styles from old website */

/* Titles */




/* DIV TAGS START */

.div {
	width: auto;
	height: auto;
}

.div_blue800 {
	width: 790;
	height: auto;
    padding-bottom:10px;
    padding-top: 10px;
    border: 4px dashed #35a6e5;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_blue {
	width: 570px;
	min-height: 720px;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    padding-top: 10px;
    border: 4px dashed #35a6e5;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}


.div_twitter_form {
	width: 280px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #ec6116;
	border-radius: 8px;
	
}

.div_380_cherry {
	width: 360px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #ff0d73;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_320_cherry {
	width: 320px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #ff0d73;
	border-radius: 8px;
    
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}
.div_380_green {
	width: 360px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #128b6b;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_320_green {
	width: 320px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #128b6b;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}
.div_380_lime {
	width: 360px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #c5e535;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_320_lime {
	width: 320px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #c5e535;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}
.div_380_yellow {
	width: 360px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #edd763;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_320_yellow {
	width: 320px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #edd763;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}
.div_380_orange {
	width: 360px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #ec6116;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}
.div_320_orange {
	width: 320px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #ec6116;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_380_jade {
	width: 360px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #0070ab;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_320_jade {
	width: 320px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #0070ab;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}
.div_380_plum {
	width: 360px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #bf0068;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_320_plum {
	width: 320px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
    padding-bottom:10px;
    border: 4px solid #bf0068;
	border-radius: 8px;
	font-family: 'Archivo', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height:26px;
	color: #000000;
	
}

.div_800_red {
	width: 680px;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 8px;
	border: 4px dashed #DD3344;
	border-radius: 8px;
}

.div_800_new {
	width: 750px;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 8px;
	border: 4px dashed #DD3344;
	border-radius: 8px;
	
}

/* COLOURED BACKGROUND TITLES */


.long_title_red {
	width: auto;
	height: auto;
	background-color:#DD3344;
	border-radius: 8px;
	padding: 10px;
    font-family: 'Fjalla One', sans-serif;
	font-size: 40px;
    line-height: 50px;
	color: #FFFFFF;
}

.long_title_black {
	width: auto;
	height: auto;
	background-color:#000000;
	border-radius: 8px;
	padding: 10px;
	font-family: 'Archivo', sans-serif;
	color: #FFFFFF;
	font-size: 30px;
	line-height: 36px;
}

.box_roh {
	width: 700px;
	height: auto;
    padding: 20px;
    border: 4px solid #006699;
	border-radius: 8px;
	
}
    
}

/*-------end -------*/