/* CSS Document */
          p {font-family: "Trebuchet MS"; font-size:80%; color:#000000; line-height:110%; text-align:left;}
		  a {color: #990000;}
          #header1 {font-family: "Trebuchet MS"; font-size:60%; font-weight:bold; color:#FFFFFF; line-height:110%; text-align:center}
          #header2 {font-family: "Trebuchet MS"; font-size:80%; font-weight:bold; color:#FFFFFF; line-height:110%; text-align:center}
		  h1 {font-family: "Trebuchet MS"; font-size:120%; font-weight:bold; color:#990000; line-height:110%; padding-top:20px}
          h3 {font-family: "Trebuchet MS"; font-size:80%; font-weight:bold; color:#FFFFFF; line-height:110%;}
		  h3 a {color:#ffffff; text-decoration:none;}
		  h5 {font-family: "Trebuchet MS"; font-size:80%; font-weight:bold; color:#000000; line-height:110%;}

 		 ul {font-family: "Trebuchet MS"; font-size:80%; color:#000000; line-height:110%; text-align:left;}
          #marquee {font-family: "Verdana"; font-size:70%; font-weight:bold; color:#FF0000; padding:10px}
          #menu {font-family: "Trebuchet MS"; font-weight:bold; font-size:70%; color:#000000; line-height:12px}
          #menu a {font-size:100%; color:#000000; text-decoration:none}
          #menu a:hover {color:#D90000; text-decoration:underline}
		  #text {font-family: "Trebuchet MS"; font-size:80%; color:#000000; line-height:110%; text-align:left;}
          #text1 {font-family: "Trebuchet MS"; font-size:70%; color:#000000; line-height:110%; padding:5px}
          #text2 {font-family: "Trebuchet MS"; font-size:80%; color:#000000; line-height:110%; text-align:justify; padding:10px}
          #text1 a {color:#000000; font-weight:bold}
          #text1 a:hover {color:#D90000}
          #help {font-family: "Trebuchet MS"; font-size:80%; color:#000000; line-height:120%; padding:20px}
          #help a {color:#000000; font-weight:bold}
          #help a:hover {color:#D90000}
          #title {font-family: "Trebuchet MS"; font-size:80%; font-weight:bold; text-align:center; padding:10px}
          #title a {color:#000000}
          #title a:hover {color:#D90000}
          #caption {font-family: "Trebuchet MS"; font-size:70%; font-weight:bold; text-align:center}
          #caption a {color:#000000; font-size:80%; text-decoration:none}
          #caption a:hover {color:#D90000; text-decoration:underline}
          #age {font-family: "Trebuchet MS"; font-size:100%; color:#000000; text-align:center}
          #footer {font-family: "Trebuchet MS"; font-size:70%; font-weight:bold; color:#000000; text-align:center; padding:10px; line-height:110%}
          #footer a {color:#000000}
          #footer a:hover {color:#CC0000}
          #right {font-family: "Trebuchet MS"; font-size:70%; line-height:110%; font-weight:bold; text-align:center}
          #right a {color:#000000; text-decoration:none; line-height:100%}
          #right a:hover {color:#D90000; text-decoration:underline}
          #bottom {font-family: "Trebuchet MS"; font-size:80%; font-weight:bold; color:#FFFFFF; text-align:center; padding:10px; line-height:110%}
		  
		  .newtable 
		  {border-top: 1px solid #C1DAD7;
			border-left: 1px solid #C1DAD7;
			background: #fff;
			padding: 6px 6px 6px 12px;
			color: #333;}

		  .newtable td {font-family: "Trebuchet MS";
			border-right: 1px solid #C1DAD7;
			border-bottom: 1px solid #C1DAD7;
			text-align:center;
			font-weight: normal;}
			
		.td_dark 
			{font-family: "Trebuchet MS";
			font-weight: bold;
			background: #919191;
			color: #fff;}
			
		#boxMPL {background: #E6E6E6;
			color: #990000;
			font-family: "Trebuchet MS";
			font-weight: bold;
			font-size: 100%;
			padding: 6px 6px 6px 6px;
			text-align: center;}
			
		#boxMPL2 {background: #8E8F8A;
			color: #FFFFFF;
			font-family: "Trebuchet MS";
			font-weight: bold;
			font-size: 100%;
			padding: 6px 6px 6px 6px;
			text-align: center;}
			
		#boxMPLtext {background: #FFFFFF;
			color: #8E8F8A;
			font-family: "Trebuchet MS";
			font-weight: bold;
			font-size: 70%;
			padding: 6px 6px 6px 6px;
			text-align:center;}
			
		#boxMPLtext1 {width: 190px;
			color: #990000;
			font-family: "Trebuchet MS";
			font-weight: bold;
			font-size: 80%;
			text-align: center;}
			
		#boxMPLchamp {background: #CC0000;
			color: #FFFFFF;
			font-family: "Trebuchet MS";
			font-weight: bold;
			font-size: 120%;
			padding: 6px 6px 6px 6px;
			text-align: center;}
			
		#style6 {font-size: 70%}
		
		#style7 {color: #990000}
		
		
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Trebuchet MS;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font: 12px Trebuchet MS;
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}


/*gallery CSS*/

.gallerycontainer{
position: relative;
height: 205px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1710px;
left: 520px; /*position where enlarged image should offset horizontally */
z-index: 50;
}