/* -------- CSS File for Halifax Camerata Singers */

body				
   {
   background-image:url('images/backgroundContinue.gif');
   background-position: left top;
   background-repeat:repeat-y;
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 10pt;
   color: #333333;
   margin:0px;
   background-color: #00659C
   }




/* -------- Styles for calling and positioning the background images */

#bannerContainer	
   {
   background-image:url('images/background.gif');
   width:900px;
   height:400px
   }

#topImage			
   {
   position:absolute;
   left:167px;
   top:26px;
   width:700px;
   height:150px;
   background-image:url('images/header.gif');
   border-right:1px solid black;
   }





/* -------- Styles for positioning the content */

#mainContent   
   {
   position:absolute;
   left:205px;
   top:200px;
   padding-right:20px;
   }
   
#sidebarContent   
   {
   position:absolute;
   left:10px;
   top:200px;
   padding-right:10px;
   }
       
#sidebarImage   
   {
   position:absolute;
   left:0px;
   top:400px;
   z-index:1
   }
 
 #topNavLinks
   {
   position:absolute;
   left:205px;
   top: 170px;
   padding-right:20px;
   }
 
 #leftContent   
   {
   position:absolute;
   left:205px;
   top:200px;
   padding-right:20px;
   }
   
   #rightContent   
   {
   position:absolute;
   left:655px;
   top:200px;
   padding-right:20px;
   }
 /* -------- Styles for formatting text */
 
.bodytext
   {
   color: #333333;
   font-size: 10pt;
   font-family: Arial,Helvetica,Sans-serif;
   font-weight: normal;
   }


.tinytext 
   {
   color: #333333;
   font-size: 8pt;
   font-family: Arial,Helvetica,Sans-serif;
   }
   
.pagetitle 
   {
   color: #0080C0;
   font-size: 16pt;
   font-family: Arial,Helvetica,Sans-serif;
   }

.bold 
   {
   color: #333333;
   font-size: 10pt;
   font-family: Arial,Helvetica,Sans-serif;
   font-weight: bold;
   }

.italic 
   {
   color: #333333;
   font-size: 10pt;
   font-family: Arial,Helvetica,Sans-serif;
   font-style: oblique;
   }


/* -------- Style for links in the left sidebar */

a.nav:link 
   {
   font-family: Times New Roman,Times,Serif;
   font-size: 11pt;
   text-decoration: none;     
   color: #993333;
   font-weight: bold;
   }

a.nav:active 
   {
   font-family: Times New Roman,Times,Serif;
   font-size: 11pt;
   text-decoration: none;     
   color: #993333;
   font-weight: bold;
   }
  
a.nav:hover 
   {
   font-family: Times New Roman,Times,Serif;
   font-size: 11pt;
   text-decoration: underline !important;     
   color: #0080C0 !important;
   font-weight: bold;
   }
  
a.nav:visited 
   {
   font-family: Times New Roman,Times,Serif;
   font-size: 11pt;
   text-decoration: none;     
   color: #993333;
   font-weight: bold;
   }		
   
   
   
/* -------- Style for links in main content area */

a:link 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 10pt;
   text-decoration: none;     
   color: #993333;
   font-weight: normal;
   }

a:active 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 10pt;
   text-decoration: none;     
   color: #993333;
   font-weight: normal;
   }

a:hover 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 10pt;
   text-decoration: underline !important;     
   color: #0080C0 !important;
   font-weight: normal;
   }

a:visited 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 10pt;
   text-decoration: none;     
   color: #993333;
   font-weight: normal;
   }   
   
   

/* -------- Style for tiny text links */

a.tinylink:link 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 7pt;
   text-decoration: none;     
   color: #993333;
   font-weight: normal;
   }

a.tinylink:active 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 7pt;
   text-decoration: none;     
   color: #993333;
   font-weight: normal;
   }

a.tinylink:hover 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 7pt;
   text-decoration: none;     
   color: #993333;
   font-weight: normal;
   }

a.tinylink:visited 
   {
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 7pt;
   text-decoration: none;     
   color: #993333;
   font-weight: normal;
}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: none;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
   font-family: Times New Roman,Times,Serif;
   font-size: 11pt;
   text-decoration: none;     
   color: #993333;
   font-weight: bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;
z-index:3;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
z-index:3;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid white;
}

.glossymenu div.submenu ul li a{
display: block;
   font-family: Times New Roman,Times,Serif;
   font-size: 11pt;
   text-decoration: none;     
   color: #993333;text-decoration: none;
padding: 2px 0;
padding-left: 10px;
z-index:3;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}