/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html 
{
  height: 100%;
  margin-bottom: 1px;
}

body 
{
  margin: 0px;
  padding:0px;
  width: 100%;
  font-family: "Trebuchet MS";
  display: table;
}

body, td
{
  font-size: 13px;
  color: #333;
  line-height:1.3em;
}

a:link, a:visited 
{
  text-decoration: none;
  color:#993333;
  font-weight: normal;
}

a:hover 
{
  text-decoration: none;
  font-weight: normal;
}

img 
{ 
  border: 0 none; margin:0px; 
}

/* Banner pos */
div#main_bg
{
  top:-53px;
  position:relative;
  margin:0px auto;
  width: 985px;
  text-align:left;
}

div#main_top 
{
  height:100px;
  padding:30px 30px 30px 15px;
}

div.banner
{ 
  background: #FFF url(/GIF/banner3b.jpg) top center no-repeat; 
}

.textstyle
{
  text-align:justify;
  float:left;
  position:relative;
  width:100%;
  font-size:15px;
}

/* Used with Branch officials and Reps pages */
.mbody , .mbodyofficials
{
  position:relative;
  top:-70px;
  width:975px;
  margin-left:auto;
  margin-right:auto;
}

/* Grey section section divider used in Photo gallery */
.pg1
{
  position:absolute;
  color:#000;
  font-weight:bold;
  font-size:20px;
  left:8px;
  font-family:Arial;
  line-height:29px;
  background-color:#eeeeee;
  border-style:solid;
  border-width:5px 5px 5px 5px;
  border-color:#cccccc #cccccc #cccccc #cccccc;
  width:950px;
  text-align:center;
  z-index:-1;
}



/* Black section dividers used in rosters for XLS or PDF */

.ptitleX
{
  color:#00FF00;
  font-weight:bold;
  font-size:24px;
  font-family:Arial;
  line-height:29px;
  background-color:#000000;
  border:1px;
  width:100%;
  text-align:center;
}

/* Coloured section dividers used in rosters to show WEF */
.ptitleW
{
  color:#FF0000;
  font-weight:bold;
  font-size:24px;
  font-family:Arial;
  line-height:29px;
  background-color:#000000;
  border:1px;
  width:100%;
  text-align:center;
}

.voteBox1
{
  text-align:center;
  font-size:35px; 
  font-weight:bold;
  background-color:#eeeeee;
  border-width:10px;
  position:relative; 
  border-style:solid;
  border-color:#cccccc;
  padding-top:15px;
  padding-bottom:15px;
}


#start
{
  width:930px; 
  margin-left:auto; 
  margin-right:auto; 
  text-align:justify; 
  top:-60px;
  left:0px;
  position:relative; 
}


/* WNE text placement */

.headertext
{
  color:black;
  font-size:1.5em;
  font-weight:bold;
  text-decoration:none;
  font-family: "Trebuchet MS";
  top:35px;
  left:0px;
  width:100%;
  text-align:center;
  position:absolute;

}

#heading
{
  z-index:1;
  position:absolute;
  text-align:center;
  font-size:2em; 
  font-weight:bold;
  color:#993333;
  top:-130px;
  left:0px;
  width:100%;  
  
}


#headingtxt
{

  text-align:center;
  font-family:Arial;
  font-weight:bold;
  font-size:100%;
  background-color:#993333;
  color:#fff;
  border-style: double;
  padding:10px;
  border-radius:15px;
  display:inline-block;
}
#headingb
{
  z-index:1;
  position:absolute;
  text-align:center;
  /*text-decoration:underline;*/
  font-size:2em; 
  font-weight:bold;
  color:#993333;
  top:-110px;
  left:0px;;
  width:100%; 
}

#headingtxtb
{
}



/*------------------------------------------------------	    
 DROP DOWN MENU
 CSS modified from original script found here ; 
 http://csswizardry.com/demos/css-dropdown/ 
 Many thanks due to Harry for creating it.
--------------------------------------------------------*/
.nav , .navx

{
  font-weight:bold;
  float:left;
  position:relative;
  text-decoration:none;
  z-index:5;

}

.nav li , .navx li
{
  float:left;
  margin-right:10px;
  position:relative;
  text-decoration:none;
  list-style:none;
  width:205px;

}


.nav a , .navx a
{
  color:black;
  text-decoration:none;
  display:block;

}


.nav a:hover , .navx a:hover
{

}

nav a:visited , .navx a:visited
{
  text-decoration:none; 
      
}


.nav ul
{
  list-style:none;
  position:absolute;
  width:198px;
  left:-9999px; 

}


.navx ul
{
  list-style:none;
  position:absolute;
  width:198px;
       
}


.nav ul li , .navx ul li
{
   margin:5px; 
}


.nav ul li a , .navx ul li a
{
}

.nav li:hover ul 
{ 
  /* Brings menu into focus */
  left:0px; 
}

.navx li:hover ul
{
}

.nav li:hover .bf, .navx li:hover .bf
{
  background: #7D7D7D url(/GIFJ/bg_h3g.gif) top center no-repeat;
}

.nav li:hover a
{ 
  color:white;
}
.navx li:hover a

{ 
  color:yellow;
}

.nav span , .navx span
{
  padding-left:15px;
  font-size:14px;
  font-family: "Trebuchet MS";
}

.nav li:hover ul h3 a , .navx li:hover ul h3 a
{ 
  text-decoration:none;
  color:white;     
}

.nav li:hover ul a , .navx li:hover ul a
{ 
   text-decoration:none;
   color:black;      
}

.nav li:hover ul li a:hover, .navx li:hover ul li a:hover

{ 
  background:#ccc;
  background:#ccc url(/GIFJ/menu-ra-green.gif) center left no-repeat;*/
  float:left;
  width: 185px;
  font-family: "Trebuchet MS";
}

.nav h3
{
  width: 205px;
  text-align:center;
  color: #00ffff;
  line-height: 21px;
  margin:0px;
  font-weight:normal;
  font-size:18px;	
  font-family: "Trebuchet MS";
  background: #7D7D7D url(/GIFJ/bg_h3h.gif) top center no-repeat;
}

.nav h3:hover 
{
  background: #7D7D7D url(/GIFJ/bg_h3g.gif) top center no-repeat;
}

.navx h3
{
  width: 205px;
  text-align:center;
  color:white;
  background:#000;
  line-height: 21px;
  margin:0px;
  font-weight:normal;
  font-size:18px;	
  font-family: "Trebuchet MS";
  background: #7D7D7D url(/GIFJ/bg_h3g.gif) top center no-repeat;
}

.nav ul li .na
{
  color:yellow;

}

.navx h3 a
{
  color:yellow;
  font-size:18px;
}

.bd{
     background: url(/GIFJ/MenuBottom.png) center bottom no-repeat;
     border:1px solid #0A296E;
     background:#fff;
     width:203px;
     margin:0;
     text-decoration:none;
     padding:2px;
}

.bd h3  
{
  left:-2px;
  top:-22px;
  list-style:none;
  position:absolute;
  width: 205px;
  text-align:center;
  color:green;
  line-height: 21px;
  margin:0px;
  font-weight:normal;
  font-size:18px;	
  font-family: "Trebuchet MS";
  background: #7D7D7D url(/GIFJ/bg_h3g.gif) top center no-repeat;
}

.tmenu
{
  top:-14px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}


li.red
{
   background:url(/GIFJ/menu-dot-red.gif) 0% 5px no-repeat;
}

li.green, li.greenb, li.greenc
{
  background:url(/GIFJ/menu-dot-green.gif) 0% 5px no-repeat;  
}
li.blue
{
  background:url(/GIFJ/menu-dot-blue.gif) 0% 5px no-repeat;
}
li.dark
{
  background:url(/GIFJ/menu-dot-dark.gif) 0% 5px no-repeat;
  font-weight:lighter;
}

li.ra
{
  background:url(/GIFJ/menu-ra.gif) 0% 5px no-repeat;
}


li.green a , li.greenc a , li.blue a
{ 
  color:black; 
}

li.dark span 
{ 
  color:grey;  
}

li.ra span 
{ 
  color:black; 
  font-weight:bold;
  font-style:oblique;
  border-left:15px;
  border-right:15px;
  text-transform: uppercase;
}


a.menudm 
{
  background-color:#AAAAAA; 
  border:1px;color:#000000;
  width:198px;
}

.menudm 
{
  background-color:#222222; 
  border:1px;color:#000000;
  width:198px;
}

a.menudm span 

{
  color:black;
  text-decoration:none;
  font-size:14px;
  text-align: justify;
  text-justify: inter-word; 
}


/*------------------------------------*\
	 END OF DROP DOWN MENU
\*------------------------------------*/