/* 64 */

#64nav {
  float:right;
  width:150px;
  padding:10px;
  border:1px  #000000;
  border-style: dotted;
  margin-left: 5px;
  margin-bottom: 5px;
  font-size: 9pt;
  line-height: 1.25em;
}

#64nav .subhead {
  font-weight:bold; 
  margin-bottom: .25em;
}


#64nav .title {
  font-size: 9.5pt; 
}

#64nav ul {
  margin-top: 0;
  margin-left: 2em;
  margin-bottom: 1em;
  padding-left: 0;

}

#tmcblock { 
    border: #2657B3 1px solid;
    width:250px;  /*** 190px for old main page (there's already an inline rule on main page)**********/
    font-size: 10pt; 
    margin: 10px 4%;
    padding: 0 12px;
    text-decoration: none; 
    font-family: sans-serif;
    background-image:url(/public/resources/tmc-video-block.png); 
    background-position:center;
    color: #FFFFFF; 

}

#tmcblock h1
{
	font-size:20px;
	
	
}

#tmcblock h2
{
	font-size:16px;
	text-align:right;
}

#tmcblock h3
{
	font-style:italic;
	font-size: 14px;
}


#tmcblock h5
{
	font-size:12px;

}

#tmcblock a
{
	text-decoration: none;
	color: #FFFFFF;
}

#tmcvideoposter
{
	background-image:url(/public/resources/tmc-video-poster.jpg);
	background-position:center; 
	max-width:460px; 
	max-height:660px; 
	color:#FFFFFF;
	padding:20px;
	text-shadow:#000000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;

}

#tmcvideoposter h1
{
	font-size: 28px;
	text-align:right;
        line-height: 1.25em;


}

#tmcvideoposter h2
{
	font-size: 22px;
        line-height: 1.25em;

}
#tmcvideoposter h3
{
	font-size: 18px;
        line-height: 1.25em;


}




/**** 64banner  *************/


#64banner {
        padding: 20px 20px 20px 20px; 
        background-position: center center; 
        background-repeat: no-repeat; 
        color: #FFFFFF; 
        font-size: x-large; 
        font-weight: bold; 
        vertical-align: middle; 
        height: 40px; 
        min-height: 40px; 
        max-height: 40px;

}


/*************************** june4menublock ****************************************************************/

#june4menublock {

		width: 400px;
	max-width: 600px;
	font-size: 1.5em;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;

	


}

/**** june4menublock ul only ******/

#june4menublock ul {
	list-style: none;
	position:relative;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
}

#june4menublock li {
	margin-bottom: 0;
}


.june4menuitemlevel1  {
	text-indent: 2em;
	height: 50px;
	margin-bottom: 0;
}


.june4menuitemlevel2 {
	text-indent: 4em;
	height: 40px; 
	margin-bottom: 0;
}

.june4menutext {
	margin-left: -99999px;
}

/**** common #june4menublock <a> css rules ***************/

#june4menublock a  {
	display: block;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(/public/resources/64menu.png);   /***** img reference here *****/

}


/****  #june4menublock <a> image offsets ***************/

a#june4menuitem1 {
	background-position: 0px 0px;
	
}

a#june4menuitem1:hover {
	background-position:  -405px 0px;
}


a#june4menuitem2 {
	background-position: 0px -55px;
}

a#june4menuitem2:hover {
	background-position: -405px -55px;
}

a#june4menuitem3 {
	background-position: 0px -110px;
}

a#june4menuitem3:hover {
	background-position: -405px -110px;
}

a#june4menuitem4 {
	background-position: 0px -165px;
}

a#june4menuitem4:hover {
	background-position: -405px -165px;
}

a#june4menuitem5 {
	background-position: 0px -220px;
}

a#june4menuitem5:hover {
	background-position: -405px -220px;
}


a#june4menuitem6 {
	background-position: 0px -265px;
}

a#june4menuitem6:hover {
	background-position: -405px -265px;
}


a#june4menuitem7 {
	background-position: 0px -310px;
}

a#june4menuitem7:hover {
	background-position: -405px -310px;
}


a#june4menuitem8 {
	background-position: 0px -355px;
}

a#june4menuitem8:hover {
	background-position: -405px -355px;
} 

a#june4menuitem9 {
	background-position: 0px -400px;
}

a#june4menuitem9:hover {
	background-position: -405px -400px;
}


a#june4menuitem10 {
	background-position: 0px -445px;
}

a#june4menuitem10:hover {
	background-position: -405px -445px;
}

a#june4menuitem11 {
	background-position: 0px -500px;
}

a#june4menuitem11:hover {
	background-position: -405px -500px;
}


a#june4menuitem12 {
	background-position: 0px -555px;
}

a#june4menuitem12:hover {
	background-position: -405px -555px;
}

a#june4menuitem13 {
	background-position: 0px -610px;
}

a#june4menuitem13:hover {
	background-position: -405px -610px;
}
/******************************************************************* #june4menublock ends ***************/



#tmcblock2 { 
    border: #2657B3 1px solid;
    width:250px;  /*** 190px for old main page (there's already an inline rule on main page)**********/
    font-size: 10pt; 
    margin: 10px 4%;
    padding: 0 12px;
    text-decoration: none; 
    font-family: sans-serif;
    background-image:url(/public/resources/64eventblock.jpg); 
    background-position:center;
    color: #FFFFFF; 

}

#tmcblock2 h1
{
	font-size:20px;
	
	
}

#tmcblock2 h2
{
	font-size:16px;
	text-align:left;
}

#tmcblock2 h3
{
	font-size: 14px;
}


#tmcblock2 h5
{
	font-size:12px;

}

#tmcblock2 a
{
	text-decoration: none;
	color: #FFFFFF;
}