body {
  color: #332222;
  font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size: 75%;
  background-color: #f1f5d4;
 border-top:0px;
  background-image: url('../images/bp.gif');
  /* clear:both; */

}



html, div, map, dt {
  display: block;
}



ul, menu, dir {
  padding:0px;
  margin: 0px;
  list-style-type:none;
}


a { 
  color: #555555;
  text-decoration: none;
}



li {
  display: list-item;
}



h3, h2 {
  display: block;
  color: #f63757;
}

#wrapper {
  Float:left;
  width: 960px;
  padding: 0px 0px 0px 0px;
  text-align: left;

  margin-left: 50px;
  background-color: #ffffff;
  position:relative;
}

#top {
    float: right;
    position: relative;

}





/* Header Css Settings */


#head {
  height: 158px;
  width: 958px;
  border: 1px solid #dee9d1;
  margin-bottom:5px;
  background-color: #ffffff;
  background-image: url('../images/clachnaben-.gif');
 /* background-image: url('../images/strapcal.gif'); */
}



#foot {
  float: left;
  width: 960px;
  margin-top:5px;
  background-color: #ffffff;
}

/*  Main body section */


#menuleft {
  float:left;
  background-color: #ffffff;
  width: 193px;
  min-height:470px;
  margin: 0px 5px 0px  0px;
}

#menuright {
  float: right;
  width: 182px;
  min-height:470px;
  background-color: #ffffff;
}

#calwrap {
  Float: left;
  width: 950px;
  background-color: #ffffff;
  padding: 5px;
}

/*   Weekend Settings  */ 

#weekend  {
    background-color: #fee5c1;
    height: 100px;
}

#weekend  p {
    color: #ffffff;
    float: right;
}

#we-li li {
    text-align: center;
    color: #000000;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    display: block;
    border-bottom: 1px solid #ffffff;
}

#we-li ul {
    margin: 10px 0px 0px 0px;
}

/*   Weekend Settings end */ 

/*   Weekday Settings  */ 

#weekday  {
    background-color: #ffffff;
}

#weekday  p {
   color: #aaaaaa;
    float: right;
}

#wd-li li {
    text-align: center;
    color: cccccc;
    font-weight: normal;
    display: block;
    margin: 5px 0px 0px 0px;
    border-bottom: 1px solid #fee5c1;
}

#wd-li ul {
    margin: 10px 0px 0px 0px;
}
/*   Weekday Settings end */ 



/*   New Month Settings  */ 

#newmonth {
  background-color: #fef7ee;
}


#newmonth  p {
    color: #cccccc;
    float: right;
}

/*   New month Settings end */ 


#wp p {
  padding: 0px 5px;
  text-align: left;
    color: #ffffff;
}

#calendar h3{
  float: left;
  font-weight:normal;
  margin: 0px;
}

#calendar th {
  width: 135px;
  height: 30px;
  padding: 5px 0 5px 0;
  text-align: center;
  border-right: 1px solid #cccccc;
}

#calendar td {
  border: 1px solid #dee9d1;
  text-align: left; 
  width: 135px;
  min-height: 100px;
  vertical-align: top;
}

#calhead {
  width: 950px;
  height: 35px;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
}

#calbody {
  float:left;
  border:1px solid #444444;
}






#contentbox {
  float: left;
  width: 575px;
  min-height:470px;
  margin: 0px 5px 0px 0px;
}

#contentbox-head, #contentbox-body p {
    line-height: 150%;
}

#contentbox-head {
  float: left;

  background-color: #ffffff;
  margin: 5px 0px 2px 0px;
}

#contentbox-body {
      float: left;
      background-color: #ffffff;
       margin: 5px 5px 20px 5px;
         padding:0px 10px 5px 10px;
}

.community1 {
  Float: left;
  width: 260px;
  height: 57px;
  background-color: #ffffff;
  padding:0px 2px 5px 2px;
  border: 1px solid #dee9d1;
  border-top:0px;
  border-left: 0px;
  margin-top:5px;
  margin-right: 5px;
}

.community1:hover ,.community2:hover {
    background-color:#fef5e9;
}

#community-team a:link, #community-team a:hover, #community-team a:visited {
    color:#ffffff;
}

.community2 {
  Float: left;
  width: 268px;
  height: 57px;
  background-color: #ffffff;
  margin:5px;
  border: 1px solid #dee9d1;
 padding:0px 2px 5px 2px;
  border-top:0px;
  border-left: 0px;
}


.cook1 {
  Float: left;
  background-color: #fffff8;
  padding:0px 2px 5px 2px;
  border: 1px solid #dee9d1;
  border-top:0px;
  border-left: 0px;
  margin: 5px 5px 5px 20px;
}

.cook1:hover ,.cook2:hover {
    background-color:#f1f5d4;
}

.cook2 {
  Float: left;
  width: 268px;
  height: 200px;
  background-color: #fffff8;
  margin-top:5px;
  border: 1px solid #dee9d1;
  padding:0px 2px 5px 2px;
  border-top:0px;
  border-left: 0px;
}

#FDWC1 {
	Float: left;
	width: 318px;
	height: 100px;
	background-color: #f1f5d4;
	padding:0px 2px 5px 2px;
	border: 1px solid #dee9d1;
	border-top:0px;
	border-left: 0px;
	margin-top:5px;
	margin-right: 5px;
}


#FDWC2 {
	Float: left;
	width: 208px;
	height: 100px;
	background-color: #f1f5d4;
	margin-top:5px;
	border: 1px solid #dee9d1;
	padding:0px 2px 5px 2px;
	border-top:0px;
	border-left: 0px;
}

#fdwcc-noteshead {
        font-weight: bold;
        float: left;
        background-color: #f1f5d4;
	display: block;
        width: 550px;
}

#fdwcc-noteshead p {
        margin: 0px 0px 2px 0px;
        padding: 6px 0px 0px 6px;
}

#fdwcc-notesbody {
        float: left; 
        background-color: #ffffff;
        margin: 5px 0px 5px 0px;
        width: 550px;
}

#fdwcc-notesbody p {
        margin: 0px 0px 5px 0px;
        padding: 6px 6px 0px 6px;
        line-height:150%;
}

#fdwcc-notesbody li {
        width: 550px;
        list-style-image:none;
        list-style-position:none;
        list-style-type:disc;
        padding:5px 0px 10px 5px;
        border-bottom: 1px solid #cccccc;
}


#fdwcc-subnoteshead {
        float: left; 
        background-color: #ffffff;
        margin: 0px 5px 10px 0px;
        font-style: italic;
        font-weight: bold;
}


#fdwcc-subnotesbody {
        margin: 0px 5px 10px 0px;
	font-style: italic;
	font-weight: bold;
}


#fdwcc-notesaction {
        float: right; 
        margin: 5px 10px 5px 5px;
        font: italic;
        font-weight: bold;
        border-bottom: 1px solid #cccccc;
	padding: 0px 0px 0px 3px;
}


#fdwcc-announcement {
        margin:5px;
        padding:10px;
        background-color: #fefbf8;
        border: 1px solid #dee9d1;  
}

#tagimage {
        float:left;
        width: 50px;
        height: 50px;
        margin-right: 5px;
        margin-top: 5px;
}

#schimage {
        float:left;
        width: 25px;
        height: 25px;
        margin-right: 5px;
}

.deeside {
        background-image: url('../images/deeside.gif');
        background-repeat: no-repeat; 
}

.football {
        background-image: url('../images/fbboots.jpg');
        background-repeat: no-repeat; 
}

.vhall {
        background-image: url('../images/clachnaben.jpg');
        background-repeat: no-repeat; 
}

.bowling {
        background-image: url('../images/bowling.jpg');
        background-repeat: no-repeat; 
}

.tent {
        background-image: url('../images/tent.jpg');
        background-repeat: no-repeat; 
}

.me {
        background-image: url('../images/me.jpg');
        background-repeat: no-repeat; 
}

.cr {
        height: 25px;
        background-image: url('../images/cr.jpg');
        background-repeat: no-repeat; 
}

.book2 {
        position:relative;
	left:170px;
	bottom:20px;
	background-image: url('../images/dreams.jpg');
	background-repeat: no-repeat; 
}

.book1 {
        background-image: url('../images/book1.gif');
        background-repeat: no-repeat; 
}

.schoolbooks {
	background-image: url('../images/schoolbooks.jpg');
	background-repeat: no-repeat; 
}

.dancing {
	background-image: url('../images/joscotssmall.gif');
	background-repeat: no-repeat; 
}


.camppic1 {

background-image: url('../images/ps-img1.gif');

background-repeat: no-repeat; 

height: 100px;

}

.camppic2 {

background-image: url('../images/ps-img2.gif');

background-repeat: no-repeat; 

height: 100px;

margin-top: 5px;

}

.camppic3 {

background-image: url('../images/ps-img3.gif');

background-repeat: no-repeat; 

height: 100px;

margin-top: 5px;

}

.camppic4 {

background-image: url('../images/ps-img4.gif');

background-repeat: no-repeat; 

height: 100px;

margin-top: 5px;

}

.camppic5 {

background-image: url('../images/ps-img5.gif');

background-repeat: no-repeat; 

height: 150px;

margin-top: 2px;

}



.waves {
	background-image: url('../images/waves.jpg');
	background-repeat: no-repeat;
	float: right;
	margin-top: 2px;
}


#tagtext {
	margin-right: 5px;
	margin-top:0px;
}



#tagtext a {
	float:left;
	height: 15px;
	margin-right: 5px;
	margin-top:0px;
}

#tagtitle    {
	font-weight: bold;
	color: #f63757;
	height: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}



#tagbook2    {
	float: right;
	font-weight: bold;
	color: #f63757;
	height: 10px;
	margin-right: 50px;
	margin-top: 20px;
}



p {
    margin: 0px;
    color: black;
}

#boxhead-home  a {
    float: right;
    color: Black;
}

#boxlist {
  padding: 0px 5px 0px 5px;
    /* border: 1px solid #dee9d1; */
}



#boxlisttext {
    margin:5px;
   padding:10px;
    border: 1px solid #dee9d1;
}


#boxlist-items {
    list-style-image:none;
   list-style-position:none;
    list-style-type:none;
    margin:0;
    padding:5px 0px 5px;
}


#boxlist-items li {
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin-left:5px;
	padding-top:5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

#secondboxlist-items li {
	font-style: italic;
	padding-left:10px;
}



#menu-head li {
  font-size: 100%;
}

#boxlist-community li {
  list-style-image:none;
  list-style-position:none;
  list-style-type:none;
}



#boxlist-items li a:hover {
    display: block;
    background-color:#f1f5d4;
    padding-top: 0px;
    padding-bottom: 0px;
    text-decoration:none;
    
}

#boxlist-items li a:visited {

    color: #000000;
  
}


#newsbox {
  float: left;
  width: 180px;
  background-color: #ffffff;
}



#eventsbox {
  float: left;
  width: 180px;
  margin: 5px 0px 5px 0px;
  background-color: #ffffff;
}

#photobox {
  float: left;
  width: 180px;
  margin: 5px 0px 5px 0px;
  background-color: #ffffff;
 }

#boxhead {
  border: 1px solid #dee9d1;
  background: #f1f5d4;
  margin: 5px;
  font-weight: bold;
}


#boxhead  p {
    margin: 5px;
    color: #f63757;
}

#boxprofile {
  border: 1px solid #dee9d1;

  margin: 5px;
  font-weight: bold;
}
#boxprofile li a:visited {

    color: #ffffff;
  
}







/* -----------------------   New Letter   ------*/

#newslettercontent {
    position: relative;
    float: left;
    min-height: 200px;
    margin: 0px 0px 20px 5px;
    width: 570px;
}

#newsletter-article {
    position: relative;
    float: left;
    border-bottom: 1px solid #dee9d1;
    border-right: 1px solid #dee9d1;
    width: 560px;

}

#newsletterbox-head {
    
    float: left;
    min-height: 200px;
    font-weight: bold;
    margin: 0px 5px 20px 5px;
}


#newsletter-head img {
    position: relative;
    float: left;
    padding: 10px 15px 20px 0px; 
 
}

#newsletter-head  p {
    margin: 0px 0px 15px 0px;
    color: #f63757;
    line-height: 150%;
    font-size: 150%;
}

#newsletter-body {

    margin: 5px 0px 15px 0px;
    font-weight: normal;
    float: left;
    
}

#newsletter-body  p {
    color: #f63757;
    line-height: 150%;
    padding: 0px 5px 10px 0px;
}


#leftbox{
    position: relative;
}

#rightbox{
    position: relative;
    top: 0;
    right: 0;
    display: block;
}
    
    /* --------- Newletter end-------------- */

/*   -----------   Navagation    --------  */
#navboxhead {
  border: 1px solid #dee9d1;
  background: #f1f5d4;
  margin: 5px;
  font-weight: bold;
}

#navboxhead  p {
    margin: 5px;
    color: #f63757;
}

#navboxbody  {
    margin: 0px 5px 20px 5px;
    color: #f63757;
}

#navboxbody a {
    text-indent: 5px;
}

#navboxlist {
        font-size:12px;
        background-image: url(../images/right.gif);
        background-repeat:no-repeat;
}

#navboxlist-items li {
        list-style-image:none;
        list-style-position: none;
        list-style-type:none;
        border-bottom: 1px solid #cccccc;
}

#navboxlist-items a {
        padding: 8px 0px 8px 0px;
        display: block;
}

#navboxlist-items li a:hover {
    background-color:#f1f5d4;
    text-decoration:none;
}



/*  News Box  */

#newsboxhead {
    border: 1px solid #dee9d1;
    background: #f1f5d4;
    margin: 5px;
    font-weight: bold;
}

#newsboxhead  p {
    margin: 5px;
    color: #f63757;
}

#newsboxbody  {
    margin: 0px 5px 20px 5px;
    color: #f63757;
}



#newsboxbody a {
  text-indent: 5px;
}

#newsboxlist {
        font-size:12px;
        background-image: url(../images/right.gif);
        background-repeat:no-repeat;
}

#newsboxlist-items li {
        list-style-image:none;
        list-style-position: none;
        list-style-type:none;
        border-bottom: 1px solid #cccccc;
}

#newsboxlist-items a {
    padding: 8px 0px 8px 0px;
        display: block;
}

#newsboxlist-items li a:hover {
    background-color:#f1f5d4;
    text-decoration:none;
}

#cooking-directions{
    margin: 5px;
}

#float-right {
  float: right;
}
#float-left {
  float: left;
}







/* ======================================= */

/*   ---------   Photo       ------------- */

/* ======================================= */

/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menu/lightbox.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* common styling */



a {color:#000;}

a:hover {text-decoration:none;}

a:visited {color:#000;}



/* slides styling */



.photo {



  text-align:left; 

  position:relative; 

  margin:0 

  auto;

  }



.photo ul.topic {

  padding:0; 

  margin:0; 

  list-style:none; 

  width:635px; 

  height:auto; 

  position:relative; 

  z-index:10;

  }



.photo ul.topic li {

  display:block; 

  width:108px; 

  height:31px; 

  float:left;

  border:1px solid #fff; 

  }



.photo ul.topic li a.set {

  display:block; 



  width:115px; 

  height:30px; 

  text-align:center; 

  line-height:30px; 

  color:#000; 

  text-decoration:none; 

  border:1px solid #fff; 

  border-width:1px 1px 0 0; 

  background:#ccc; 

  font-family:verdana, 

  arial, sans-serif;

  }



.photo ul.topic li a ul, 

.photo ul.topic li ul {

  display:none;

  }



.photo ul.topic li.active a {

  color:#000; 

  background:#bbb;

  }



.photo ul.topic li a:hover,

.photo ul.topic li:hover a {

  color:#fff; 

  background:#ccc;

  }



.photo ul.topic li.active ul {

  display:block; 

  position:absolute; 

  left:0; 

  top:31px; 

  list-style:none; 

  padding:0; 

  margin:0; 

  height:375px; 

  background:#fff; 

  width:464px; 

  padding:5px 40px 0px; 

  border:5px solid #ccc; 

  z-index:1;

  }



.photo ul.topic li a:hover ul, 

.photo ul.topic li:hover ul {

  display:block; 

  position:absolute; 

  left:0; 

  top:31px; 

  list-style:none; 

  padding:0; 

  margin:0; 

  height:375px; 

  background:#fff; 

  width:464px; 

  padding:5px 40px 0px; 

  border:5px solid #ccc; 

  z-index:100;

  }



.photo ul.topic li ul li {

  display:inline; 

  width:112px; 

  height:87px; 

  float:left; 

  border:1px solid #fff; 

  margin:1px;

  }



.photo ul.topic li ul li a {

  display:block; 

  width:110px; 

  height:85px; 

  cursor:default; 

  float:left; 

  text-decoration:none; 

  background:#444; 

  border:1px solid #ccc;

  }



.photo ul.topic li ul li a img {

  display:block; 

  width:100px; 

  height:75px; 

  border:5px solid #eee;

  }



.photo ul.topic li a:hover ul li a:hover, 

.photo ul.topic li:hover ul li a:hover { 

  white-space:normal; 

  position:relative;

  }



.photo ul.topic li a:hover ul li a:hover img, 

.photo ul.topic li:hover ul li a:hover img {

  position:absolute; 

  left:-50px; 

  top:-32px; 

  width:200px; 

  height:150px; 

  border-color:#fff;

  }

  

/* ======================================= */

/*   ---------   Photo End  ------------- */

/* ======================================= */

  

  

  

  

/* ======================================= */

/*   ---------   Nav Menu  ------------- */

/* ======================================= */



.menucolor1 {

  

  background-color: #fee5c1;

  

}



  

.menucolor2 {

  text-align: left;

  padding-left: 20px; 

  background-color: #fee7c6;


} 

  

.menucolor3 {
  background-color: #fee9cb;
}



.menucolor4 {
  background-color: #feebd0;
}

.menucolor5 {
  background-color: #feedd5;
}

.menucolor6 {

        text-align: left;

        padding-left: 20px;   

  background-color: #feefda;

}

.menucolor7 {

  

  background-color: #fef1df;

}

.menucolor8 {

  

  background-color: #fef3e4;

}

.menucolor9 {

  

  background-color: #fef5e9;

}

.menucolor10 {

  

  background-color: #fef7ee;

}

.menucolor11 {

  

  background-color: #fef9f3;

}



.menucolor11 {

  

  background-color: #fefbf8;

}

  

.menucolor12 {

  

  background-color: #fefbf3;

}

.menucolor13 {

  

  background-color: #fefdfd;

} 

.menucolor14 {

  

  background-color: #fefefe;

} 
  

/* ======================================= */

/*   ---------   Nav Menu End ------------- */

/* ======================================= */