body{
margin-top: 0px;
text-align:center;
background-color:#000000;
}

#ruler {
height: 5px;
text-align:left;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #222222;
margin-bottom: 0px;
font-family: arial, helvetica, sans-serif;
}

#maindiv {
width: 780px;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
background-image:url('images/home-back.jpg');
background-repeat:no-repeat;
}

#maindiv2 {
width: 780px;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
background-image:url('images/background2.jpg');
background-repeat:no-repeat;
}

#maindiv3 {
width: 780px;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
background-color:#000000;
}

#maindiv4 {
width: 780px;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
background-image:url('images/background4.jpg');
background-repeat:no-repeat;
}

#maindiv5 {
width: 780px;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
background-image:url('images/background5.jpg');
background-repeat:no-repeat;
}

#maindiv6 {
width: 780px;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
background-image:url('images/contact-back.jpg');
background-repeat:no-repeat;
}


#header {
width: 780px;
text-align:left;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-bottom: 8px;
font-family: arial, helvetica, sans-serif;
}

#diary {
width: 780px;
height: 13.75px;
background-color:#FFFFFF;
text-align:left;
border: 0px solid #EBEBEB;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

#menu {
width: 780px;
text-align:left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

#slidemenu {
width: 780px;
text-align:left;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

#copyright {
width: 780px;
text-align:left;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

.pagetext {
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; COLOR: #000000; 
LINE-HEIGHT: 11px; 
FONT-FAMILY: Verdana, Geneva, Arial
}

.link { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #5D6055; text-decoration: none; text-align: justify}

a:link.link { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #5D6055; text-decoration: none; text-align: justify}
a:hover.link { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #FFCC33; text-decoration: none; text-align: justify}
a:visited.link { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #5D6055; text-decoration: none; text-align: justify}

a:link.subheading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #000080; text-decoration: none; text-align: justify}
a:hover.subheading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #587FB6; text-decoration: none; text-align: justify}
a:visited.subheading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #000080; text-decoration: none; text-align: justify}

.box {font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;color: #000000; border:solid 1px #080808;}
.box2 {font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;color: #000000; border:solid 1px #282828;}
.ruler {font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;color: #000000; border-bottom:dotted 1px #222222;}

a:link.title { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #FFCC33; text-decoration: none; text-align: justify}
a:hover.title { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #FFCC33; text-decoration: underline; text-align: justify}
a:visited.title { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #FFCC33; text-decoration: none; text-align: justify}


.righta { float:right; border:1px solid #2f303f; padding:5px; margin:4px 0 15px 15px; }
.alignleft { float:left; border:1px solid #2f303f; padding:5px; margin:4px 15px 15px 0; }

a .alt { display: none; }

hr {
	color:#141414;
	border:dotted 1px;
	height: 1;
   }

.datehead {
color: #FFFFFF;
font-size:13px;
font-weight:bold; 
font-family:Arial, Helvetica, sans-serif; 
}

.location {
color: #FFFFFF;
font-size:12px;
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
}

.title {
color: #FFCC33;
font-size:11px;
font-weight:bold; 
font-family:Arial, Helvetica, sans-serif; 
}

.title2 {
color: #FFCC33;
font-size:13px;
font-weight:bold; 
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none;
}

.detail {
color: #5D6055;
font-size:12px;
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
}

.bodytext {
color: #CFCFCF;
font-size:12px; 
font-family:Arial, Helvetica, sans-serif; 
}

.bodytextl {
color: #CFCFCF;
font-size:11.5px; 
font-family:Arial, Helvetica, sans-serif; 
}

.bodytext_lg {
color:#595959; 
font-size:12px; 
font-family:Arial, Helvetica, sans-serif; 
}

.bodytextb {
color: #CFCFCF;
font-size:12px; 
font-weight: bold; 
font-family:Arial, Helvetica, sans-serif; 
}

.copyright {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #5D6055;
text-decoration: none;
}

#memoryticker{
background-color: #000000;
width:390px;
height:75px;
font: 11px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0)
}

#memoryticker2{
background-color: #E6E6E6;
width:405px;
height:500px;
font: 11px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0)
}

#memoryticker3{
background-color: #EBEBEB;
width:780px;
height:305px;
font: 11px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0)
}

#memoryticker5{
background-color: #FFFFFF;
width:610px;
height:506px;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0); font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana
}

#memoryticker4{
background-color: #FFFFFF;
width:610px;
height:506px;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0); font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana
}

   
a#logo {
    display: block;
    width: 338px;
    height: 150px;
    margin-left: 5px;
    background-image: url('images/Canticum.jpg');
    background-position: 0 0;
    background-repeat: no-repeat

}
a:hover#logo {
    background-position: 0 -150px;
}

a#home {
    display: block;
    width: 42px;
    height: 17px;
    text-align: left;
    background-image: url('images/home.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#home {
    background-position: 0 -17px;
}

a#concerts {
    display: block;
    width: 62px;
    height: 17px;
    text-align: left;
    background-image: url('images/concerts.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts {
    background-position: 0 -17px;
}

a#choirconductor {
    display: block;
    width: 135px;
    height: 17px;
    text-align: left;
    background-image: url('images/choir-conductor.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#choirconductor {
    background-position: 0 -17px;
}

a#reviewstestimonials {
    display: block;
    width: 160px;
    height: 17px;
    text-align: left;
    background-image: url('images/reviews-testomonials.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#reviewstestimonials {
    background-position: 0 -17px;
}

a#recordings {
    display: block;
    width: 77px;
    height: 17px;
    text-align: left;
    background-image: url('images/recordings.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#recordings {
    background-position: 0 -17px;
}

a#hireus {
    display: block;
    width: 48px;
    height: 17px;
    text-align: left;
    background-image: url('images/hire-us.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#hireus {
    background-position: 0 -17px;
}

a#supportus {
    display: block;
    width: 77px;
    height: 17px;
    text-align: left;
    background-image: url('images/support-us.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#supportus {
    background-position: 0 -17px;
}

a#contact {
    display: block;
    width: 55px;
    height: 17px;
    text-align: left;
    background-image: url('images/contact.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#contact {
    background-position: 0 -17px;
}

a#members {
    display: block;
    width: 67px;
    height: 17px;
    text-align: left;
    background-image: url('images/members.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#members {
    background-position: 0 -17px;
}

a#previousconcerts {
    display: block;
    width: 75px;
    height: 21px;
    text-align: left;
    background-image: url('images/previous-concerts2.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#previousconcerts {
    background-position: 0 -21px;
}

a#forthcomingconcerts {
    display: block;
    width: 117px;
    height: 21px;
    text-align: left;
    background-image: url('images/forthcoming-concerts2.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#forthcomingconcerts {
    background-position: 0 -21px;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 5px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 10px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
FONT-SIZE: 9pt; 
COLOR: #587FB6; 
font-weight: bold; 
FONT-FAMILY: Arial;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0px none;
padding: 0
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0px none;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000080;
background-color: #FFFFFF;
}

a#concerts2002 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2002.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2002 {
    background-position: 0 -14px;
}

a#concerts2003 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2003.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2003 {
    background-position: 0 -14px;
}

a#concerts2004 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2004.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2004 {
    background-position: 0 -14px;
}

a#concerts2005 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2005.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2005 {
    background-position: 0 -14px;
}

a#concerts2006 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2006.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2006 {
    background-position: 0 -14px;
}

a#concerts2007 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2007.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2007 {
    background-position: 0 -14px;
}

a#concerts2008 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2008.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2008 {
    background-position: 0 -14px;
}

a#concerts2009 {
    display: block;
    width: 39px;
    height: 14px;
    text-align: left;
    background-image: url('images/concerts-2009.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#concerts2009 {
    background-position: 0 -14px;
}