/* Atholl Road Design for Small City Big Personality  */
img.small-img-left{float:left;max-width:40%;max-height:350px;margin:1em 2em 1.3em 0}
img.small-img-right{float:right;max-width:40%;max-height:350px;margin:1em 0 1.3em 2em}
img.big-img {
    width: 100%;
    margin: 0;
    position: relative;
    height: auto;
    object-fit: cover;
}
#footerlogo2{
    margin-top: 0.5em;
    width: 100%;
    padding-left: 0.5em;
    height: 100px;
    object-fit: cover;
}
#nav, .support_Text, #mobileshare, #main_Ad_Text, .mobile_Show, #leftcol #competitionbox, #contactModal, #askFrom, #carerModal,  #mobileMenu {display: none;}
.socialicon {
    height: 38px;
    float: left;
    margin: 3px 10px 0 0;
    text-align: center;
    line-height: 1.1em;
    width: 38px;
    float: right;
    font-size: 3em;
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    background-color: #32a3d0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow: 0 1px 3px 0 #255753;
    cursor: pointer;
}
.socialicon.FB {
    background: #3971B6;
    background-image: url(Facebook_logo_white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}
.socialicon.TW {
    background: #00aced;
    background-image: url(Twitter_logo_white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
}
.socialicon.YT {
    background-color: #bd1f3c;
    background-image: url(yt-logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
}
#contactModal  {
position: absolute;
width: 100%;
max-width: 700px;
margin: auto;
    background-color: #f9be51;
z-index: 101;
line-height: 1.7em;
font-size: 1.3em;
padding: 20px;
border: 2px solid #5d1d66;
} 
#carerModal  {
position: absolute;
width: 100%;
max-width: 700px;
margin: auto;
    background-color: #f9be51;
	color: #82368c;
z-index: 101;
line-height: 1.5em;
font-size: 1.2em;
padding: 20px;
border: 1px dashed #5d1d66;
} 
.mobile_Hide{
display: block;
} 
.halfcol {width: 46%; margin: 10px 1%;  padding: 10px 1%; float: left; }
#calnav, #menu2, #menu {  
    list-style:none;  
    width:100%;  
    margin:0px auto 0px auto;  
    height:30px;  
    padding:0px 0px 0px 0px;  
   
}  

#menu2 li, #menu li {  
    float:left;  
    display:block;  
    text-align:center;  
    position:relative;  
    padding: 0;  
    margin:0px;  
	border-right:1px solid #eb0c0c;
    
}  

.tab, #calnav li{  
    float:left;  
    display:block;  
    text-align:center;  
    position:relative;  
    padding: 6px;  
    margin: 1px;  
    background-color: #ececec;
} 
.on { font-weight: bold;
  background-color: #FFFFFF;
  color: #552e29;	
  }

#menu li:hover {  
     color:#211117;
  }  

#menu li a {  
     font-size:1em;  
    display:block;  
    outline:0;  
    text-decoration:none;
font-weight:500;
color: #FFF;	
 padding: 6px 8px 6px 8px;  
  } 
#menu li:last-child {  
    border-right:1px solid #bd1f3c;
  } 
  
  
  
  #menu li a:hover {  
     color: #eb0c0c;	
	border-right:1px solid #eb0c0c;
	background: #e6e1db;
   } 
  
  
 .submenu {padding: 20px; width: 90%;} 
.submenu ul {list-style: none;} 
.submenu h4 {background-image: url('arrowright.png');
    background-repeat: no-repeat;
    background-position: left; 
	padding: 5px 5px 5px 20px;
	 -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    -webkit-box-shadow: 2px 4px 5px 0px rgba(117,97,117,0.5);
    -moz-box-shadow: 2px 4px 5px 0px rgba(117,97,117,0.5);
    box-shadow: 2px 4px 5px 0px rgba(117,97,117,0.5);
	} 
.submenu h4:hover {background-color: #eeeeee;} 
 

body {
	margin:0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center;
	background: #bab1ba;
	color: #FFFFFF;
	text-align:left;
	font-size:10pt;
	font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
   
	}

a:link img {border: none; }
a:link {  color:#552e29; text-decoration:none;  }
a:visited {color:#552e29; text-decoration:none; }
a:hover {color:#ab0529; text-decoration:none; }

#leftcol a,  #leftcolRight a  { text-decoration:none; font-weight:bold;}
#leftcol .questionbox a { font-weight:100;}
#leftcol a:hover,   #leftcolRight a:hover   {  color:#ff5c34; text-decoration:none; font-weight:bold;}
.black a  {  color:#000; text-decoration:none; font-weight:bold;}
#leftcol a:hover   {  color:#ff5c34; text-decoration:none; font-weight:bold;}

.newsbox a, .newsbox a:visited, #MobileFeed a, .white  a, #rightcol a, #newsfeedbox a, #personalitybox a  {  color:#3d95a1; text-decoration:none; font-weight:bold;}
.white  a:hover, #rightcol a:hover, #newsfeedbox a:hover , #personalitybox a:hover  {  color:#ff5c34; text-decoration:none; font-weight:bold;}

#rightcol .brusque a  {  color:#FFFFFF; text-decoration:none; font-weight:bold;}
#mainnav  { padding: 5px 5px;}
a.mainnav:link  {  color:#552e29; text-decoration:none; padding: 5px;}
a.mainnav:visited {color:#552e29; text-decoration:none;  }
a.mainnav:hover {color:#ab0529; text-decoration:none;  }

a.halfpersonalityboxright:link  {  color:#FFFFFF; text-decoration:none; }
a.whitelink:link  {  color:#FFFFFF !important; text-decoration:none; }
a.whitelink:visited {color:#FFFFFF !important; text-decoration:none;  }
a.whitelink:hover {color:#FFFFFF !important; text-decoration:none;  }
.small{font-size: 0.8em;}

#logo {
float: left;
width: 50%;
max-width: 300px;
margin-top: 12px;
color: #fff;
}
#logo a  {
color: #82368c;
}
#headline {max-width: 500px; width: 100%; float: right; margin: 10px;}
#footer a {
color: #FFFFFF;
}
#logo h4 {
color: #82368c; font-size: 1rem; margin: 0; line-height: 1em; padding: 3px 0 0 0;
}
#header h1 { padding: 0 0 5px 0; clear: right; text-align: center;}	
#headwrap {
width:100%; 
height:auto; 
min-height: 120px;
padding:0; 
margin:0;
z-index:100;
color: #82368c;
background: #eeeeee;
overflow:hidden;
}
#phone { width: 12%;
    float: right;
    margin: 0;
	font-size: 1.5em;
    height: 25px;
    text-align: center;
    padding: 15px 2% 5px 2%;
    border: 0px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    background-color: #e27018;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow: 0 1px 3px 0 #255753;
    cursor: pointer;}
#hidephone, #hidecarer { width: 40px;
    float: right;
    	font-size: 3em;
       color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    background-color: #e27018;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow: 0 1px 3px 0 #255753;
    cursor: pointer;}
 #phonebox {
float: right;
width: 45%;
min-height:10px; 
background-color: #00877f; 
}
#siteSearch, #translate {  overflow: hidden; background-color: #e27018; -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow: 0 1px 3px 0 #255753;
   }
#siteSearch  { width: 30%; max-width: 280px; text-align: center; float: right; margin: -5px 0 0 0; height: 50px;
   }
 #translate {  height: 35px;
 width: 15%;
    float: right;
    margin: 0 1%;
	font-size: 1.5em;
    height: auto;
    text-align: center;
    padding: 10px 0;
   }

H1, H2, H3, H4  {
font-family: 'Montserrat', sans-serif;
font-weight: 100;
}

H1, H2, H3  {
line-height:1.2em;
}

 h2 {
font-size: 1.8em;

}

		
#header {
	width:100%;
	max-width: 1080px;	
	height:auto;  
	margin:0px auto;
	
}

#main {
	 width:100%;  max-width:1080px; min-width: 780px;
	 margin:0px auto;
height:auto; 
position:relative; 
padding:0;  
color: #00877f;

		}
/* personalities, Blogs */
/* set height for square pics */

.advertBox {
width:50%;
height: 230px;
margin: 0;
float:right;
padding: 0;
overflow: hidden;
}
.advertBox:first-child {
float:left;
}
#personalitybox {
width: 94%;
padding: 15px 3%;
color: #FFFFFF;
height: auto;
overflow: hidden;
height: 505px;
margin: 0;
    background-color: #e27018;

}	
#carerbox .padder, .personalitybox .padder {
border: 1px dashed #ffffff;
}	
#personalitybox h1,  #personalitybox h3  {
color: #FFFFFF;
}	

.personalitybox, .questionbox, .newsbox {
width: 94%;
padding: 15px 3%;
height: auto;
overflow: hidden;
height: auto;
min-height: 200px;
margin: 0 0 3px 0;
line-height: 1.2em;
}	
.newsbox {
min-height: 440px; margin: 0;
}	
.personalitybox {
background-color: #e27018;
color: #FFFFFF;
}
.questionbox {
background-color: #5d1d66;
color: #FFFFFF;} 

.questionbox a { color: #FFFFFF;} 

.newsbox {
background-color: #f9be51;
color: #FFFFFF;
}	
.newsbox h2 {
margin: 0 0 5px 0; 
}	
.questionbox h2, .questionbox h4 {
margin: 8px 0 8px; font-weight: 100;
}	
.newsboxLink h3 {
margin: 0; line-height: 1em; padding:8px 30px 8px 3%; 
}	
.newsbox p {
font-weight:100; 
}	
.newsboxLink {
	color: #FFFFFF;
    background-color: #e27018;
	width: 97%;
	 -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    -webkit-box-shadow: 2px 4px 5px 0px rgba(117,97,117,1);
    -moz-box-shadow: 2px 4px 5px 0px rgba(117,97,117,1);
    box-shadow: 2px 4px 5px 0px rgba(117,97,117,1);
    background-image: url('arrowright.png');
    background-repeat: no-repeat;
    background-position: right;
}
.news2box :hover .newsboxLink, .newsboxLink :hover  {
    background-color: #83358c;
    }
.news2box   {clear: both; overflow:hidden;}	
.news2box img {float: left; max-width: 100px; margin: 5px 20px 5px 0;}	
.fullpersonalityimg, .personalityimg {
width: 100%;
padding: 0;
overflow: hidden;
height: auto;
margin: 0 auto 10px;
}
.fullpersonalityimg img, .personalityimg img {
max-width: 100%;
}

.personalityimg {
max-height: 460px;
}

	
.halfpersonalityimg {
width: 100%;
padding: 0;
overflow: hidden;
height: auto;
max-height: 230px;
margin: 0 auto 10px;
color: #FFFFFF;
}	
	

.halfpersonalitybox  {

width: 46%;
padding: 5px 1%;
float: left;
height: 170px;
overflow: hidden;
margin-right: 2%;
margin-bottom: 10px;
background-color: #FFFFFF;
overflow: hidden;
}

#carerbox {
width: 25%;
padding: 0;
float: left;
height: 447px;
overflow: hidden;
margin: 0;
background-color: #e27018;
color: #FFFFFF;
}
#carerbox .padder {
 margin: 10px; padding: 10px;
}
#carerbox .questionbox {
min-height: 50%;
}
#carerbox .questionbox .padder {
 margin: 0;
}

#banner { height: 435px;
overflow: hidden; position: relative;}	
#banner img { width:33.33%;
float: left; }	
#banner h2 {
	position: absolute;
    top: 0.7em;
    width: 50%;
    margin-left: 1.3em;
    background-color: #e27018;
    color: #FFFFFF;
    padding: 0.5em;
}
#mob_Utility3 {padding-left: 1em;} 
#leftGallery  > .halfpersonalitybox:nth-child(2n+2) {
 margin-right: 1%;
}

#leftGallery  > .halfpersonalitybox:nth-child(4n+1) {
    background-color: #38ade1;
	}
#leftGallery  > .halfpersonalitybox:nth-child(4n+2) {
    background-color: #89d0ca;
	}
#leftGallery  > .halfpersonalitybox:nth-child(4n+3) {
    background-color: #62bf87;
	}
#leftGallery  > .halfpersonalitybox:nth-child(4n) {
    background-color: #7fc142;
	}

.halfpersonalitybox h3 {	

font-size: 1.1em;
font-weight: 500;
margin:12px 5px;
}

.halfpersonalityboxright, .thirdpersonalityboxright, .twothirdpersonalityboxright {
margin-right: 0;
}

.peopleimg  {
height: 200px;
overflow:hidden;
margin: 0px auto;
}

.heading2, .heading, .headboxfull {
position:absolute;
height: auto;
text-align: left;
font-weight: bold;
padding: 0px 10px;
border: 0px;
background-color: #d0c5b1;
}
.headboxfull, .heading {
margin: 10px 0px  0px -5px;
}
.heading2{
margin: 160px 0px  0px -5px;
}

#followbox { float: right;
width:auto;
clear: right;
}
.heading  {
width: 100px;
}
.heading2  {
width: 130px;
}
.headboxfull {
width: 230px;
}

 

/* events diary */

#events {
width: 100%;
margin: 1px 0 5px 0;
clear: both;
overflow: hidden;
}
#events .eventbox {
width: 25%;
margin: 0;
background-color: #6a9b5a;
}
 
#events  > .eventbox:nth-child(2n+1)  {
    background-color: #32a3d0;
	}
#events  > a:nth-child(2n+1)  .eventbox {
    background-color: #35aed3;
	}
#events .eventbox:hover {
background-color: #faaa3d;
}	
#events .eventimg img:hover {
opacity: 0.5;
}	

.eventsnippet, .eventbox {
width: 50%;
margin: 0;
float: left;
height: 250px;
overflow: hidden;
}
/* stories */

#stories .eventbox {
width: 33%;
height:250px;
margin: 0 0.5% 5px 0;
    background-color: #f9be51;
color: #fff;
font-size:0.9em;
line-height:1.2em:
}
#stories .eventbox:nth-child(3n), #stories a:nth-child(3n) .eventbox { 
margin: 0 0 5px 0;
}

#stories  > .eventbox:nth-child(2n+1), #stories  > a:nth-child(2n+1) .eventbox  {
    background-color: #32a3d0; color: #FFFFFF;
	}
#stories  > .eventbox:nth-child(2n+1) a  {
    color: #FFFFFF !important;
	}
	
	
#stories .eventbox:hover {
background-color: #faaa3d;
}	
#stories a, .eventbox a {
font-weight:100 !important;
}	
#stories .eventimg img:hover {
opacity: 0.5;
}

.quote {font-style: italic;}
.auth {text-align: right; font-weight: bold;}	

.eventsnippet, .eventbox {
width: 50%;
margin: 0;
float: left;
height: 250px;
overflow: hidden;
}
.eventbox {
width: 49%;
margin: 5px 0 0 1%;
float: left;
height: 245px;
overflow: hidden;
}

#rightcol h2{
	padding-left: 30px; font-weight: bold;
}

#rightcol > .eventbox:nth-child(4n){
	background-color: #32a3d0;
	color: #ffffff;
}
#rightcol > .eventbox:nth-child(4n+1){
	background-color: #8ba384;
	color: #ffffff;
}
#rightcol > .eventbox:nth-child(4n) h3, #rightcol > .eventbox:nth-child(4n+1) h3{
	color: #ffffff;
}
#events > .eventbox  p, #rightcol > .eventbox:nth-child(4n) p, #rightcol > .eventbox:nth-child(4n) a, #rightcol > .eventbox:nth-child(4n+1) p, #rightcol > .eventbox:nth-child(4n+1) a{
	color: #ffffff;
}
#rightcol > .eventbox:nth-child(4n) a:hover, #rightcol > .eventbox:nth-child(4n+1) a:hover{
	color: #5d1d66;
}

.eventimg  {
width: 100%;
margin: auto;
height: 250px;
overflow: hidden;
text-align: center;
text-bottom: 0;
vertical-align: bottom;
}
.eventimg img  {
max-width: 100%;
margin: auto;
margin-bottom: 0;
}
.eventbox p  {
 width:80%;
margin: 6px auto;
font-size: 1.1em;
line-height: 1.6em;
}

.answerimg  {
width: 100%;
margin: 0;
height: 180px;
overflow: hidden;
}

.date
 {
float:left;	 
width: 85px;
 font-size:0.9em;
 line-height: 1.2em;
  font-weight: bold;  
 margin:5px 15px 5px 0px;
 border-right: 1px dotted #d0c5b1;
 }
.date2
 {
float:left;	 
width: 60px;
 font-size:0.7em;
  font-weight: bold;  
 margin:5px 5px 5px 10px;
 border-right: 1px dotted #d0c5b1;
 }
.date3
 {
width: 85px;
 font-size:1.1em;
 line-height: 1.2em;
 font-weight: 400;
padding:0px;
 margin:10px auto 0px;
 height:100%;
 text-align: center;
 }
 
 /* directory */

#dirfoot {clear: both;}
.dirbox {
width: 25%;
margin: 0;
float: left;
height: 230px;
overflow: hidden;
background-color:#ffffff;
}
 

.dirbox .eventimg img { min-width: 100%; }

.padder {padding: 10px 20px; }
 
.imagepadder img {padding: 10px 10px 15px; }

.headbox, .headboxtop, .headboxmore {
    background-color: #e27018;
    width: 80%;
	max-width: 250px;
	-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius:  0 20px 20px 0;
border-radius:  0 20px 20px 0;
-webkit-box-shadow: 2px 4px 5px 0px rgba(117,97,117,1);
-moz-box-shadow: 2px 4px 5px 0px rgba(117,97,117,1);
box-shadow: 2px 4px 5px 0px rgba(117,97,117,1);
background-image: url('arrowright.png');
background-repeat: no-repeat;
background-position: right;

}
.headbox:hover, .headboxtop:hover, .headboxmore:hover {
    background-color: #83358c;
    }

.headbox, .headboxmore {
    position: absolute;
    margin-top: 170px;
    }
	
.headboxtop  {
    margin-top: 10px;
	padding: 6px 8px;
   }
	
.circle, .circle2, .score {
position:absolute;
width: 90px;
height: 90px;
color: #ffffff;
text-align: left;
font-weight: bold;
padding: 0px;
border: 0px;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
border-radius: 10% 10% 30% 10%;
}

.score { margin: 10px 10px  0px 130px; width: 70px;
height: 70px; }
.circle2 { margin: 10px 0px  0px 10px; }
.circle p, .circle2 p  { padding:10px; font-size:1.3em; text-align:center; color: #FFFFFF; }
.score  p { padding:5px; font-size:1.3em; text-align:center; color: #FFFFFF; }

.headboxmore h3, .headboxtop h3, .headbox h3, .circle h3, .circle2 h3 { padding: 0px; margin: 10px;  color: #FFF; font-weight: 400; }

.blue { background-color: #20abe2 !important; color: #e6e1db; }
.red { background-color:#bd1f3c !important; color: #FFFFFF; }
.amber { background-color:#dc4822 !important; color: #FFFFFF; }
.orange { background-color:#e27018 !important; color: #FFFFFF; }
.yellow { background-color:#e1c16a !important; color: #FFFFFF; }
.green { background-color:#b1cc2f !important; color: #333333; }
.darkgreen { background-color:#69b652 !important; color: #FFFFFF; }
.pink { background-color:#fe9695; color: #FFFFFF; }
.white { background-color:#FFFFFF; color: #7a9575;}
.brusque  { background-color: #6f8887 !important; color: #FFFFFF; }
.clear { clear:both; height: 0px; width:100%;}
.clearFront { clear:both; width:100%; height: 10px;}
.large { font-size:2.6em; 	font-weight: 100; }
.medium { font-size:1.6em; 	font-weight: 100; }
.right { float: right; margin-top:2px; }
.center { text-align:center; }

.socialicon { width: 40px; float: right; margin: 5px 5px 0px 0px; }
.menuicon { width: 25px; float: left; margin: 0; }
.menuicon a { padding: 0 !important;}

.redbutton, .bluebutton, .greenbutton, .YCbutton  {
margin: 5px;
float: right;
width: auto;
height: auto;
text-align: center;
font-weight: bold;
font-size:1.3em;
padding: 7px 10px;
border: 0px;
color: #ffffff !important;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 3px 0 #255753;
-moz-box-shadow: 0 1px 3px 0 #255753;
box-shadow: 0 1px 3px 0 #255753;
}	

.redbutton    {
background-color: #bd1f3c;
}
.bluebutton    {
background-color: #00877f;
}
.greenbutton {
background-color:#b1cc2f;
}
.YCbutton {
background-image:url('YGbutton.png'); background-size: 110%, auto;
padding: 20px 30px;  margin: 15px 0 0 0; -webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}	

 a.bluebutton:link,  a.bluebutton:visited,   a.redbutton:link,  a.redbutton:visited  {
color: #ffffff !important;
padding: 5px 10px;
}	
a.greenbutton:link,  a.greenbutton:visited  {
color: #333333;
padding: 5px 10px;
}	

/* main page layout */

  #leftcol, #rightcol, #leftcolRight, #rightcolLeft {
	 height:auto; 
	 text-align:left;
	line-height:1.5em;
	 }
 
#leftcolRight {
	 width:35%; 
	 margin: -10px 0px;
	 float: right;
	 } 
 
 #rightcol {
	 width:65%; 
	 margin: 0px 0px;
	 float: right;
	 background-color:#FFFFFF;
	 }
.notwhite {
	background-color:#bab1ba !important;
}
#rightcolLeft {
	 width:60%; 
	 margin: -10px 0px;
	 float: left;
	 }
	 
#offers, #lisitings   {
	 width:100%; 
	 margin: 0px 0px;
	}
#leftcol {
	 width:35%; 
	 margin: -7px 0 0 0;
	 float: left;
	 } 	 
#widecol {  width:100%; 
	 margin: -10px 0px;}
	 
	 
.snippet h2, .snippet p {
margin:5px;
color: #fff;
}
.snippet {
width: 100%;
margin-bottom: 20px;
}
.snippet:hover {
background-color: #3d95a1;
}

#treatMore5 .redbutton  {
    float: left;
	}

	
/* picture formatting */
.gal_pic {
	padding: 0px;
	width:300px;
	background-image:url(small-frame.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:252px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	margin:0px;
background-size:100% 100%;
	}
.gal_pic2 {
	padding: 0px;
	width:200px;
	background-image:url(small-frame.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:200px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	margin:0px 10px 10p 0px;
	float:left;
	}
.galpadding	{
	padding: 20px;
	overflow:hidden;
	}
.galpic {float:left; margin:5px; width:170px; height:140px; 

padding: 8px auto;
border: 1px solid #c8cbc6;
margin-top: 5px;
-moz-box-shadow: 0px 0px 5px #c8cbc6;
-webkit-box-shadow: 0px 0px 5px #c8cbc6;
box-shadow: 0px 0px 5px #c8cbc6;
background-image: url('dark-linen.jpg');
}

.gallery {float:left; 
margin:5px; 
width:135px; 
height:110px; 
background-image: url('grey-linen.jpg');

padding: 12px;
 margin-top: 5px;
 text-align: center;
-moz-box-shadow: 0px 0px 5px #c8cbc6;
-webkit-box-shadow: 0px 0px 5px #c8cbc6;
box-shadow: 0px 0px 5px #c8cbc6;
 
}


#gallery { width:100%;
		margin:0px 10px;
	height:auto;
	overflow:hidden;
	}


.picture {margin: 0px 10px 10px 0px;
padding:0px;
text-align:center;
float:left;
}

.news-picture, .picture {margin: 0px 10px 10px 0px;
padding:0px;
text-align:center;
float:left;
}
.news-picture  {
max-width: 40%;
}

 .newsinner {
margin:5px; 
width:240px; 
height:260px; 
padding: 0px;
 text-align: center;
 overflow: hidden;
}	

.gallerypic {
	margin:5px; 
	overflow: hidden;
}

#Recipie_leftcol .gallerypic {
	height: 172px;
}
.halfpersonalitybox .personalityimg {
	max-height: 220px;
}	 
	 
/* social */	 

.horizontal {
float: right;
max-width:100px;

}

#recipe_socialbox {
	height:auto;
	width:96%;
	margin:0 0 10px 0;
	padding: 0 2% 0;
	overflow: hidden;
	
	}
#socialbox {
	height:190px;
	width:24%;
	margin:0px 0px 0 1%;
	padding: 0 1% 0;
	float:right;
	overflow: hidden;
	border: 1px dotted #cccccc;
	background-color: #FFFFFF;
	}
#socialcontainer {
	margin: 10px 10px 0px 20px;
}

 #addressbox {
	width: 180px;
	font-size:1.1em;
	line-height:1.5em;
	margin: 0px 0px 00px 10px;
	float:right;
}
#mailbox {
	padding: 10px 15px 0px 15px;
}
.facebook-like, .twitter-button, .google-plus {
margin: 15px 0px 15px 5px;
overflow: hidden;
max-height: 100px;
}  
#recipe_socialbox  .facebook-like, #recipe_socialbox  .twitter-button, #recipe_socialbox  .google-plus {
width: 33%; float: left;
margin: 3px 0px 8px 0px;
min-width:130px; 
} 

.facebook-like {
width: 140px;
}  
.google-plus {
width: auto;
}  
.twitter-button {
width: 140px;
} 
.fb-comments {
overflow: hidden;
margin:0 3%;
}


.TW-button  {
background: #76d2fc;
background-image: url('Twitter_logo_white.png');
background-position: 2px 10px;
background-repeat: no-repeat;
background-size: 40px;
}


.CM-button  {
background-color: #bd1f3c;
color: #FFF;
font-size: 1.4em;
height: auto;
margin: 8px 1% 8px 3%;
padding: 20px 0;
width: 89%;
text-align: center;
display: block;
clear: both;
border-radius: 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
cursor: pointer;
}

.FB-button  {
background: #3971B6;
background-image: url('Facebook_logo_white.png');
background-position: 2px 10px;
background-repeat: no-repeat;
}

.TW-button, .FB-button    {
color: #FFF;
font-size: 1.5em;
height: auto;
margin: 8px 1% 8px 3%;
padding: 20px 2% 20px 15%;
width: 25%;
float: left;
border-radius: 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

#mobileHalfshare .TW-button, #mobileHalfshare .FB-button {
padding: 20px 2% 20px 25%;
width: 70%;
}

#social-top .TW-button, #social-top  .FB-button {
padding: 4px 2% 4px 25px;
width: 80px;
background-size: 20px;
}




a.FB-button:link,  a.FB-button:visited,  a.FB-button:hover   {
color: #FFF;
}



.FB-button:hover {
background: #5A99E6;
}
 
/* foot */

#footer {
 width:100%; 
 padding: 30px 0;
clear: both;
  height:auto; overflow:hidden; 
 color: #FFFFFF;
  margin-top: 10px;
  background-color: #85368e;
background-image: url('background.png');
border-top: 3px solid #e28647;
 }
		

#footcontainer {
	width:100%; 
	max-width:1082px;
	margin: 0px auto;
	height:auto; 
	overflow:hidden; 
	min-height: 100px;
 }
#footLogo   { width: 25%; float: right; text-align: right; }
#mob_Utility   { width: 50%; float: left; }
#mob_Utility2   { width: 25%; float: left; }
#mob_Utility2  > ul, #mob_Utility  > ul {
	list-style: none;
	}
#mob_Utility  > ul li {
	float: left;
	width: 48%;
	padding: 8px 1%;
	}
#mob_Utility2  > ul li {
	padding: 8px 1%;
	}

#utility {
	clear:both;
     }
.footLogo {width: 130px; float: right; background-color: #91d0bb; text-align: center; margin-left: 5px;}	
.footLogo2 {width: 265px;
    margin: 140px 6px;
    padding: 1rem 3rem;
    box-sizing: border-box;
    clear: both;}	
.footLogo:last-child { background-color: #ffffff;  }	
.footLogo img {max-height: 100%;}
.footLogo.white {
    background: #FFF !important;
}
#commentscontainer	 {
margin:0 auto;

}

/* form help */
.helpcircle {
background-color: #639eca;
float: right;
clear: both;
height: 15px;
width: 15px;
color: #ffffff;
text-align: center;
font-weight: bold;
padding: 1px;
margin: 2px 2px 1px 2px;
border: 0px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 3px 0 #255753;
-moz-box-shadow: 0 1px 3px 0 #255753;
box-shadow: 0 1px 3px 0 #255753;
}

.help {
	width: 22px;
	height: 23px;
	overflow: hidden;
	float: left;
	clear: both;
	cursor: pointer;
	}
.help:hover .noshow {
	position: absolute;
	margin: 10px 0 0 0;
	width: 300px;
	height: auto;
	overflow: hidden;
	background-color:#FFF;
	border: 1px solid #ABA196;
	padding: 10px 20px; 
	line-height: 1.6em;
	}

	/*admin display */
.media_pic {
	width: 23%; 
	min-width: 200px;
	margin: 10px 1%;
	float: left;
	text-align: center;
}
.photochoicescroll {
	width: 100%; 
	height: 200px;
	overflow: scroll;

}
.photochoiceselect {
	width: 99%; 
	max-width: 240px;
	height: 50px;
	float: left;
	background-color: #fbc051;
	margin: 3px;
	padding:5px;
	overflow: hidden;
	}
.photochoiceselect label {
	width: 170px;
	float: left;
	}
.photochoiceselect img {
	max-height: 100%;
	float: left;
	margin-right: 10px;
	}
	
.photochoiceselect input {
	width: 20px;
	float: left;
	}

/*topmenu */

/*main menu*/
#mainmenu {  width:100%; padding:9px 0; background-color: #83358c; color: #FFFFFF; min-height:28px; }
#subnav  {  width:100%; padding:9px 0; background-color: #a066a8; color: #FFFFFF; min-height:28px; }
#mainmenu a { color: #FFFFFF;  padding: 5px 14px 5px 14px; font-size: 1.1em;line-height: 2em}
#mainmenu .YC a { background-color: #66b550;}
#subnav a{ color: #FFFFFF;  padding: 5px 4px; font-size: 1em;}
#mainmenu ul { width:100%; max-width: 1080px; list-style:none; margin: 0 auto; padding:0; }
#subnav ul { width:100%; list-style:none; margin: 0; padding: 0; }
#mainmenu li{ float:left; display: block; font-weight: 500; border-left: 1px solid #898077; }
#subnav li { float:left; display: block;  border-left: 1px solid #FFFFFF; }
#subnav  li:last-child, #mainmenu li:last-child , #mainmenu li:first-child { border-left: none; }
#subnav li :hover, #mainmenu li:hover { background: #e6e1db;}
#subnav li a:hover, #mainmenu li a:hover { color: #bd1f3c;	background: #ffffff;
   } 
 #minisiteLink  li { margin: 5px 0; }
 #minisiteLink a {  padding: 5px; color: #00877f; }
 
.sectionmenuLeft { width:30%; float: left; }
.sectionmenuLeft h3 { color: #FFFFFF;  font-size: 1.5em;  }

.sectionmenuRight { width:70%; float: right; margin: -10px 0 10px 0; overflow: hidden; }
#sectionmenu {background-color: #d0c5b1; padding: 10px 2%; overflow: hidden;  margin: -10px 0 10px 0; }

#sectionmenu  a {color: #00877f; }

/* archive format */
.archiverow  { width:96%; margin: 5px auto; border-bottom: 1px solid #d0c5b1; clear:left; overflow: hidden; color: #00877f;}
.archiverow:hover  { background-color: #d0c5b1;}
#rightcol.archiverow a, #rightcol.archiverow a:visited  { color: #eb0c0c !important; }
.archiveimg  { float: left; margin: 0 10px 10px 0;}
.archiverow h3  { background-color: #d0c5b1; color: #00877f; padding: 5px; margin: 0;}
.archsmallright {font-size: 0.8em; float: right;}

/*Directory format */
.dirBox { width:31%; float: left; height: 220px; margin: 10px 1%;  overflow:hidden;}
.advertBox h3, .dirBox h2 { text-align:center; }

.smallright { width: 17%; height: 205px; float: right; margin: 20px 0.5% 10px 0.5%; padding: 8px 1%;}

.treatment {
    display: none;
    width: 100%;
    margin: 10px auto;
    clear: both;
}

.CRPtext a {
color: #ffffff;
}
.CRPtext {
	font-size:1.5em;
    width: 40%;
    float: left;
    margin: 6px 2%;
    height: auto;
    text-align: center;
    padding: 5px 3%;
    border: 0px;
	color: #ffffff;
	    font-family: 'Montserrat', sans-serif;
		    background-color: #5d1d66;
	   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow: 0 1px 3px 0 #255753;
    cursor: pointer;
}

/* forms */
.ardluck {display: none;}
.choiceinput, .forminput, .WDforminput {width: 96%; max-width: 527px; overflow: hidden; clear: both; }
.quartchoiceinput {width: 24%; max-width: 125px; overflow: hidden; float: left; }
.formspace {width: 100%; clear: both; }
.WDforminput {margin: 10px 0; }
.smforminput {width: 46%; max-width: 260px; overflow: hidden; float: right; }
.halfchoiceinput, .halfforminput {width: 46%; max-width: 260px; overflow: hidden; float: left; }
.forminput input, .forminput textarea{width: 75%; max-width: 400px; float: right; padding: 3px 1%; }
.askinput  textarea{width: 98%; max-width: 400px;  padding: 3px 1%; margin-bottom: 20px; }
.smforminput input{width: 100%; max-width: 230px;  padding: 3px 1%; clear: both; }
.forminput label {width: 20%;  float: left; padding: 3px 1% 3px 0; text-align: right; }
.halfchoiceinput label, .quartchoiceinput label, .choiceinput label {width: 80%;  float: left; padding: 0 1% 3px 0; text-align: right; }
.halfforminput label, .WDforminput label {width: 98%;  float: left; padding: 3px 1% 3px 0; text-align: left; }
.halfforminput input, .WDforminput input {width: 96%;  float: left; padding: 5px 1%; text-align: left; }
.borderBlock {border: 1px solid #cccccc; padding: 10px; overflow: hidden; clear: both;}

.smforminput label {width: 100%;   padding: 0; text-align: left; }
.submitbutton {
	font-family: 'Montserrat', sans-serif;
    float: right;
    background-color: #f9be51;
    color: #000;
    border: 0;
    height: auto;
    text-align: center;
    font-size: 1.6em;
    padding: 3px 20px;
    width: auto;
    min-width:100px;
    margin: 3px 0px 3px 10px;
	 -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px 0 #255753;
    -moz-box-shadow: 0 1px 3px 0 #255753;
    box-shadow: 0 1px 3px 0 #255753;
    cursor: pointer;
}
input[type="radio" i], input[type="checkbox" i] {
    float: left;
}
.choiceinput {margin: 10px auto;}

/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow-color2, select#soflow-color {
   -webkit-appearance: button;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start:0;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   margin: 5px 5%;
   overflow: hidden;
    text-overflow: ellipsis;
   white-space: nowrap;
   width: 90%;
   max-width: 400px;
   float: left;
    font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
    background-color: #69b652;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding: 10px 5px 10px 15px;
}

input#name_Search {
       -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #AAA;
   margin: 0;
   overflow: hidden;
     width: 97%;
    font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #fff;
    background-color: #69b652;
   padding: 10px 1.5%;
}
.questionBox {width: 45%; height: 80px; float: left; padding: 20px 2%; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; }
.learningBox {padding: 20px;  border-bottom: 1px solid #bbbbbb; clear: Both; overflow: hidden;}
.learningBox img { float: left; margin: 0 20px 20px 0; }
/* events calendar */
table.cal { background-color:#e2dddd;  }
.cal table tr td {width: 14%; margin: 1px 0.1%; background-color:#FFFFFF; overflow: hidden; vertical-align: top; font-size: 0.9em;}
table.cal  tr td {width: 14%; margin: 1px 0.1%; background-color:#FFFFFF; overflow: hidden; vertical-align: top; font-size: 0.9em;}
.caldate {margin: 0 0 5px 5px;}
.off { background-color: #dddddd;}
#calnav  {
    list-style:none;  
    width:100%;  
    margin:0px auto 0px auto;  
    height:30px;  
    padding:0px 0px 0px 0px;  
   
}  
table a {color:#3f2d37 !important;}
#calnav li{  
    float:left;  
    display:block;  
    text-align:center;  
    position:relative;  
    padding: 6px 8px;  
    margin:0px 1px;  
} 
 li.on { font-weight: bold;
  background-color: #e8a554 !important; color: #FFFFFF;
    }