/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { margin: 5px 0pt 0pt;
    padding: 0;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 86%;
    font-size-adjust: none;
    font-stretch: normal;
    color: rgb(0, 0, 0);
    font-family: verdana,geneva,arial,hevetica,sans-serif;
    line-height: 1.5;
    background-color: rgb(255, 255, 204);
    text-align: center;
    background-image: url(images/sandy_pbg.jpg);
    }

  #page { border-style: solid;
    border-color: rgb(153, 153, 153) black black rgb(153, 153, 153);
    border-width: 1px 3px 3px 1px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: rgb(255, 255, 255);
    width: 730px;
    padding-top: 5px;
    }

  #header { background-color: transparent;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding-right: 15px;
    padding-left: 15px;
    clear: both;
    height: 120px;
    }

  ul#submenu { padding: 0pt;
    margin-top: 5px;
    list-style-type: none;
    clear: none;
    text-align: center;
    width: 380px;
    margin-left: auto;
    font-family: arial,sans-serif;
    }

  ul#submenu li { font-size: 0.8em;
    height: 1.5em;
    display: inline;
    margin-top: 5px;
    margin-right: 5px;
    }

  ul#submenu li a, ul#submenu li a:visited { border-style: none;
    text-decoration: none;
    color: rgb(54, 43, 22);
    }

  ul#submenu li a:hover { border-style: none;
    color: rgb(102, 102, 204);
    text-decoration: underline;
    }

#submenu a#topnavmarker  { color: rgb(255, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: bold;
text-decoration: none;
cursor: default;

    }

#submenu .current { color: rgb(255, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: normal;
    }


  #navbar { border-bottom: 3px double rgb(114, 97, 75);
    text-align: center;
    background-color: rgb(255, 255, 255);
    }


 #navbar { border-bottom: 3px double rgb(114, 97, 75);
    text-align: center;
    background-color: rgb(255, 255, 255);
    }

  ul#topmenu { margin: 0pt auto;
    padding: 0pt;
    clear: both;
    list-style-type: none;
    z-index: 10;
    display: inline;
    }

  ul#topmenu li { padding: 0pt;
    display: inline;
    }

   ul#topmenu a, ul#topmenu a:visited { border-style: solid;
    border-color: rgb(114, 97, 75) rgb(114, 97, 75) rgb(255, 255, 255);
    border-width: 1px 1px 2px;
    margin: 0pt 0.2em;
    padding: 0pt 4px 3px;
    background: rgb(237, 237, 255) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    text-decoration: none;
    text-align: center;
    color: rgb(0, 0, 102);
    font-weight: normal;
    font-size: 1.4em;
    font-family: Arial,Helvetica,sans-serif;
    }

  ul#topmenu a:hover, ul#topmenu a:active, ul#topmenu a:focus { border-bottom: 3px solid rgb(204, 204, 255);
    background: rgb(51, 51, 153) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    text-decoration: none;
    padding-bottom: 2px;
    color: rgb(255, 255, 255);
    }


 ul#topmenu { margin: 0pt auto;
    padding: 0pt;
    clear: both;
    list-style-type: none;
    z-index: 10;
    display: inline;
    }

 
  #leftcol { border-style: none;
    border-width: 1px;
    float: left;
    background-color: transparent;
    width: 205px;
    }


/********** side menu formatting ****************/

  #sidemenu dl { border: 2px none rgb(216, 216, 255);
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    margin-top: 7px;
    width: 190px;
    margin-left: 15px;
    }

  #sidemenu dt { margin: 0pt;
    border-bottom-style: solid;
    border-bottom-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    text-align: right;
    font-size: 0.8em;
    background-color: transparent;
    padding-right: 10px;
    font-weight: bold;
    }

  #sidemenu dd { border-bottom: 1px solid rgb(255, 255, 255);
    margin: 0pt;
    padding: 0pt 10px 0pt 0pt;
    background: transparent none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(0, 0, 0);
    text-align: right;
    line-height: 0.7;
    font-size: 75%;
    font-weight: bold;
    }

  #sidemenu  a, #sidemenu  a:visited { border: 1px solid rgb(255, 255, 255);
    background: transparent url(arrow.gif) no-repeat scroll 10px 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    display: block;
    padding-right: 5px;
    font-weight: bold;
    }

 dd.purplelink a, dd.purplelink a:visited { color: rgb(102, 0, 204);
    }

 dd.pinklink a, dd.pinklink a:visited { color: rgb(204, 51, 204);
    }

    #sidemenu dd.purplelink a:hover { border: 1px solid rgb(0, 0, 0);
    position: relative;
    text-decoration: underline;
    background-color: rgb(255, 255, 204);
    margin-left: 60px;
    }

    #sidemenu dd.pinklink a:hover  { border: 1px solid rgb(0, 0, 0);
    position: relative;
text-decoration: underline;
	border: 1px solid rgb(0, 0, 0); 
	background-color: rgb(255, 255, 204);
    	margin-left: 5px;
    }


/********** navigation markers ****************/

#sidemenu a#currentpage 
{border-style: none;
    border-color: rgb(255, 0, 0);
    font-weight: bold;
    background-repeat: no-repeat;
    text-decoration: none;
    line-height: 1.4;
    color: red;
    background-color: transparent;
    position: relative;
    font-size: 110%;
    left: 20px;
    cursor:default;
}


/***********end of side menu formatting************/

  #content { border-style: none none none dotted;
    border-left: 1px dotted rgb(102, 51, 102);
    float: right;
    background-color: rgb(255, 255, 239);
    padding-left: 15px;
    padding-right: 20px;
    width: 475px;
}
  

  #content a, #content a:visited { text-decoration: none;
    color: rgb(51, 51, 255);
    }

  #content a:hover { text-decoration: underline;
    }





  #spacer { border-style: none none dotted;
    border-bottom: 1px dotted rgb(102, 51, 102);
    clear: both;
    background-color: rgb(255, 255, 255);
    height: 1px;
    }

  #footer { border-style: dotted none none;
    border-top: 1px dotted rgb(153, 51, 153);
    clear: both;
    background-color: transparent;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    }

  #menu .menuheader { background-position: center top;
    background-repeat: no-repeat;
    padding-top: 3px;
    line-height: 16px;
    text-align: right;
    padding-bottom: 4px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 117%;
    color: rgb(0, 0, 102);
    background-color: rgb(237, 237, 255);
    }

  .photo-card, .photo-card-r, .photo-card-200, .photo-card-200-r  { border-style: solid;
    border-color: rgb(192, 192, 192) -moz-use-text-color -moz-use-text-color rgb(192, 192, 192);
    border-width: 1px 2px 2px 1px;
    padding: 0px;    
    font-style: normal;
    color: rgb(0, 0, 0);
    text-align: center;
    font-weight: bold;    
    font-size: 10px;
    background-color: rgb(255, 255, 204);
    }

.photo-card-200, .photo-card-200-r {width: 250px;
}

.photo-card, .photo-card-r {width:160px;
}

.photo-card, .photo-card-200 {float:left;
margin-right:10px;
}

.photo-card-r, .photo-card-200-r  { float: right;
margin-left: 10px
}


  .photos { padding: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    }

  h1 { font-weight: bold;
    font-size: 150%;
    font-family: verdana,geneva,arial,hevetica,sans-serif;
    margin-top: 1px;
    color: rgb(102, 51, 102);
    }

  h4 { font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 130%;
    line-height: 1.3;
    margin-top: 1px;
    color: rgb(102, 51, 102);
    }

  h6 { font-size: 80%;
    font-weight: normal;
    }

  

  .hide { visibility: hidden;
    }

  #links img { float: left;
    margin-right: 15px;
    }

 .backwards {unicode-bidi:bidi-override; direction: rtl;}

  h3 { font-weight: bold;
    font-size: 120%;
    }

  


  h2 { font-family: Arial,Helvetica,sans-serif;
    font-size: 122%;
    font-weight: bold;
    color: rgb(0, 0, 0);
    }

  #content h1, h2, h3, h4, h5, h6 { margin-top: 0pt ! important;
    margin-bottom: 0.4em ! important;
    }

  .red { color: rgb(255, 0, 0);
    font-style: italic;
    }



/********** updates box formatting ****************/
 

#updates { float: right;
    margin-top: 5px;
    width: 160px;
    }


  #updates dl { border: 1px solid rgb(153, 51, 153);
    margin: 0pt 0pt 10px 5px;
    float: right;
    width: 150px;
    clear: right;
    }

  #updates dt { margin-left: 0pt;
    margin-right: 0pt;
    background-color: rgb(204, 204, 255);
    font-weight: bold;
    padding-left: 5px;
    }

  #updates dd { margin-right: 0pt;
    margin-left: 0pt;
    padding-left: 5px;
    padding-right: 3px;
    font-size: 0.8em;
    background-color: rgb(237, 237, 255);
    }
 #updates dd.img {
    padding-left: 0px;
    padding-right: 0px;    
    }

  #updates dd a { text-decoration: none ! important;
    color: rgb(51, 51, 153) ! important;
    }

  #updates dd a:hover { text-decoration: underline ! important;
    }

/********** end of updates box ****************/

/********** photo gallery formatting ****************/

a.gallery, a.gallery:visited { border: 1px solid rgb(0, 0, 0);
margin: 4px;
display: block;
color: rgb(0, 0, 0);
text-decoration: none;
width: 75px;
height: 47px;
float: left;
z-index: 50;
}

a.gallery em, a.gallery span { display: none;  
}
a.gallery:hover { border: 1px solid rgb(255, 255, 255);
}
#container_top { border: 1px solid rgb(164, 145, 136);
margin: 1em auto;
background: rgb(209, 200, 195) none repeat scroll 0% 50%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
position: relative;
height: 455px;
width: 430px;
}
#container_top img { border: 0pt none ;
}
#container_top #thumbs { position: absolute;
left: 0pt;
top: 0pt;
}
#container_top a.gallery:active, #container_top a.gallery:focus { border: 1px solid rgb(0, 0, 0);
}
#container_top a.gallery:active em, #container_top a.gallery:focus em { border: 1px solid rgb(61, 51, 15);
padding: 3px;
display: block;
position: absolute;
width: 402px;
left: 10px;
color: rgb(0, 0, 0);
z-index: 50;
height: 300px;
top: 140px;
}
#container_top a.gallery:hover span, #container_top a.gallery:active span { padding: 5px;
display: block;
position: absolute;
width: 402px;
top: 110px;
left: 10px;
z-index: 100;
color: rgb(0,0,0);
text-decoration: none;
}
#container_top a.gallery:hover span {
z-index: 200;
background: rgb(209, 200, 195);
text-decoration: none;
left: 10px;

}

#container_top h1 { margin: 0pt;
clear: both;
padding-top: 200px;
text-align: center;
font-family: georgia,"times new roman",serif;
font-size: 3em;
font-weight: normal;
color: rgb(255, 255, 255);
}
#container_top h1 em { font-size: 0.6em;
color: rgb(0, 0, 0);
}

/********** end of photo gallery formatting ****************/

/*** Thought for the Day formatting ***/

#thought { border: 2px solid rgb(102, 102, 102);
    width: 135px;
    float: right;
    font-weight: bold;
    text-align: center;
display: block;
    
    margin-bottom: 10px;
    }

  #thought a.thought { border-style: solid;
    border-color: rgb(229, 229, 255) rgb(122, 122, 204) rgb(122, 122, 204) rgb(229, 229, 255);
    border-width: 3px;
    padding: 5px;
    background-color: rgb(204, 204, 255);
    display: block;
    width: 120px;
    color: rgb(204, 40, 100);
text-decoration: none;
    }

  #thought a:hover { border-style: solid;
    border-color: rgb(122, 122, 204) rgb(229, 229, 255) rgb(229, 229, 255) rgb(122, 122, 204);
    border-width: 3px;
    padding: 7px 3px 3px 7px;
    background-color: rgb(178, 178, 238);
    color: rgb(51, 0, 153);
    text-decoration: none;
    }


/** =Programme List Syling **/

 dl.table-style-list { margin: 20px 0 0 0;
    }

  .table-style-list dt { border-top: 1px solid;
    margin: 0pt 0pt 0.5em;
    padding: 0.5em;
    font-weight: bold;
    float: left;
    clear: left;
    width: 160px;
    text-transform: capitalize;
    }

  .table-style-list dd { border-top: 1px solid;
    margin: 0pt 0pt 0.5em 160px;
    padding: 0.5em;
    text-transform: lowercase;
    }

  .table-style-list dd:first-line { font-weight: bold;
    text-transform: capitalize;
    }