body 
{
	margin: 5px;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: white;
}


#wrapHead {
	margin-right: 5px;
	width:788px; 
	background: #b7c5c1 url(../images/corner-br.gif) no-repeat bottom right;
	height: 92px;
}	
#wrapRest {margin-right: 5px;
	width:788px; 
 	background: #edeeee;
}	

#content {
	padding: 40px 40px 20px 40px;
	line-height: 1.5em;	
}

#divider{
	background-image: url(../images/whiteLine.gif);
	background-color: white;
	padding-top: 0px;
	font-size: .5em;
}
#navContain{

}

p
{
	margin: 0 0 1.3em 0;	
}


p.special
{
	padding: 0 0 0 16px;
	background: url(../images/bullet3.gif) no-repeat left 3px;
}

p.special_ruleabove
{
	border-top: 5px solid #7790A1;
	background: url(../images/bullet3.gif) no-repeat left 30px;
	padding: 27px 0 0 16px;
}


sup, sub 
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: .7em;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

hr 
{
	border: none 0; 
	border-top: 1px dotted #AAA;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	color: #AAA;
	clear: both;
	margin: 0 0 1.5em 0;
}

div#content h2 {
border-bottom:5px solid #7790A1;
}

div#content h2 {
font-size:1.5em;
padding: 0 0 8px 0;
font-weight: bold;
margin-bottom:1.5em;
}



h3
{
	font-size: 1.4em;
	margin: 0 0 1.3em 0;
	font-weight: bold;
}

h3.meet_name
{
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 1.4em;
	margin: 0;
	font-weight: bold;
}

h4.meet_title
{
	font-size: 1.15em;
	margin: 0;
	font-weight: bold;
	color: #333;
}
	

#content a, #content a:visited 
{
color:#006400;
font-weight:bold;
}

#content a:hover
{
color:#000;
font-weight:bold;
}


	
.mp_prez_pic
{
	sswidth: 200px;
	float: left;
	margin: 0 40px 0 0;
}	
	
.mp_home_intro
{
	width: 500px;
	float: left;
	margin: 0 0 1em 0;
}	
	
.infoBox
{
	border: 1px #FFF solid;
	background: #C6C6C6;
	padding: 1.5em 1.5em 0;
	margin: 0 0 3em 0;
}

.infoBox table
{
	margin: 0 0 1.5em 0;
	width: 100%;
}

.infoBox table td, .infoBox table th
{
	padding: 7px;
}

.infoBox table th
{
	font-weight: bold;
	text-align: right;
	width: 38%;
}



	
#bottomWrap{
	
	width: 788px;
	padding: 0;
	margin: 0;
	height: 12px;
	background: url(../images/cornerGray-lr.gif) no-repeat bottom right;
}


#footer {
	clear: both;
	padding-top: 2px; /* top r/l bottom*/
	padding-right: 1em;
	background: #fff;
	height: 1%;
	}



/* HEADER */	
#headerRight {
	float: right;
	width: 400px; 
	}
	
#headerLeft 
{
	float: left;
	width: 250px;
	background: #b7c5c1;
	}	

#headerLeft h1 {	
	padding: 18px 0 0 18px;
	
}	




	


#headNav ul, #headNav ul li {
   list-style: none;
	margin-top: 70px;
 }

 #headNav ul {
   text-align: right;	
 }

 #headNav ul li {
   display: inline;
   margin-right: .75em;
	font-size: 10px;

}

 #headNav ul li.last {
     margin-right: 8px;
 }	
#headNav li a {
/*     padding: 5px .5em;*/
	padding: 5px 8px;/*5px 2px;*/
	text-decoration: none;
	color: #4d4c4c;
	font-weight: bold;
 } 
#headNav li a:hover {color: black;

 } 


/*end of headNav inside header*/
	

/*main nav menu starts here */
/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/



.nav {
	border-bottom: 1px solid #FFF; /* borders the top and bottom of the top nav */
	width: 788px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:  #8ba7bb url(../images/cornerGray-tr.gif) no-repeat top right;
}


.nav ul
{
	list-style: none;
}

.nav ul li
{
	display: block;
	float: left;
	line-height: 0px;
	margin: 0;
}

.nav ul li a
{
	display: block;
	float: left;
	padding: 20px 10px;
	line-height: 0px;
	margin: 0;
}

.nav ul li a:hover, .nav ul li.current
{

	background: #3E6178;
}




.floatfix {margin-right: -3px;}



/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

.nav a {
	color: #FFF;
	font-weight: bolder;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 0 5px 1px; /* 6px 0 5px 10px;  */
	display: block;
	border-right: 1px solid #FFF; /* makes the dividers between the top nav links; must be negated 
	for later links */ 

} 



.nav div div a {
	color: #fff;
	border-right: 0; /* negates right border for dropdowns */
	border-bottom: 1px solid #FFF;  /* borders the bottoms of the dropdowns */
	padding-left: 5px; /* a little left side padding */
}





.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}






#content h2
{
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.5em;
	color: black;
}

.bold
{
	font-weight: bold;
}
.italics
{
	font-style: italic;
}
#content .redText
{
	color: #ff0000;
}

/* be aware of the font size with the floated picture being shoved up */
.super 
{
vertical-align: super;
font-size: 0.5em;
} 
p .super 
{
vertical-align: super;
font-size: 0.75em;
} 
.subscript 
{
vertical-align: sub;
font-size: 0.5em;
}
	



/* xxxxxxxxxxxx          trailer stuff            xxxxxxxxxx*/
#footNav ul, #headNav ul li {
     list-style: none;
	  margin-top: 0px;
	  color: #007041;
 }

 #footNav ul {
    text-align: right;
	 line-height: 2;
 }

 #footNav ul li {
    display: inline;
	 font-size: .8em;
 }

 #footNav ul li.last {
    margin-right: 0;
	 padding-right: 0;
 }	
#footNav li a {
	padding: 5px 0px 10px 10px;
	text-decoration: none;
	color: #007041;
 } 

#footNav li a:hover {
	color: black; 
} 

.footerCopyText{
	 text-align: right;
	 font-size: .85em;
	 color: #A7A7A7;
}
.imgSpace{
	padding-left: 10px;
}

/* xxxxxxxxxx          end trailer stuff          xxxxxxxxxx */





/*xxxxxxxxxx           misc other items           xxxxxxxxxx */
.clearfloats{
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}

.clearfix {display: inline-table;}

/* xxxxxxxxxx          end misc stuff         xxxxxxxxxx */



/* xxxxxxxxxx          content area          xxxxxxxxxx */
#contentLists{
	float: right;
	width: 160px;
	z-index: 50;
	padding: 0;	
	padding-left: 15px;
/*	border-left: solid 2px red; for testing only
*/
}

#contentMain{
	float: left;
	width: 410px; /*	410px;this also works width: 70%;*/
	margin: 0 5px 10px 0;
}

/* xxxxx     right side content stuff     xxxxx */
#contentLists h3, h5{
	color: #475B54;
	padding-top: 5px;
}
.contentListBox{
/*	margin: 0 0 15px 0;*/
	padding-left: 5px;
	background: url(../images/long160_02.gif) no-repeat bottom left;
	width: 160px;
	margin-bottom: 15px;
}

#contentLists ul{
/*	margin: 5px 1.25em 5px 1.25em; */
	margin: 5px 1.25em 5px .25em;
	padding-left: 10px;
	list-style: none;
	list-style-image: url(../images/bullet2.gif);
	background:transparent;
}
#contentLists li{
	padding: .3em 0;
/*	text-indent: .5em;*/
}
#contentLists a, #contentLists a:visited{
	COLOR: #446175;
}
#contentLists a:hover, #contentLists li:hover{
	color: #000;
	list-style-image: url(../images/bullet3.gif);
}

 /* for David - is for a div, not as a class*/
#redDK a, #redDK a:visited{
	COLOR: #ff0000;
}
#redDK a:hover, #redDK li:hover{
	color: #000;
	list-style-image: url(../images/bullet3.gif);
}
#content .listNoBullet{
list-style-type: none;
	
}

.topofList{
	background: url(../images/long160_01.gif) no-repeat top left;
	margin-left: -5px;
	padding: 0 8px;
	line-height: 1.5;
}

#contentLists table td { 
font-size: 10px;
line-height: 1;
margin: 0;


}
#contentLists table th{ 
font-size: 10px;
text-align: left; 
line-height: 1;
margin: 0;
}
.extraHeight{
	padding: 0 0 4px 0;
}

.green{
	color: #475B54;
}
.reverseTH{
	background: #000;
	color: white;
	text-align: center;
}

/* xxxxx     end right side content stuff     xxxxx */

/* xxxxx     left side content stuff     xxxxx */
.toLeft100{
		float: left;
		width: 100px;
	}
.toLeft300{
	/*	float: left;*/
		width: 300px;
	}
.toRight100{
	float: right;
	width: 100px;
}
/* the next two go together
	having margin-left will push over a paragraph past an image left aligned
	also used to .toLeft100 on a img for the width of the image
	Notice that it also cascades the .toLeft300 above, which has the width
		*/
		
p.toLeft300{
	margin-bottom: 5px;
}
p.toLeft300alignImage{
	margin-bottom: 5px;
	margin-left: 100px;  
}

/*end of these two */


p.toLeft400{
	width: 400px;
	margin-bottom: 5px;
}

#contentMain a:link {
text-decoration: none;
color: #475B54;
font-weight: bold;
}

#contentMain  a:visited {
text-decoration: none;
color:  #475B54;
font-weight: bold;
}
#contentMain a:hover{
	color: black;
}
#contentMain h3 a:hover, #contentMain dt a:hover{
	text-decoration: none;
	background: #AEAEAE;
	border-top: solid 2px white;
	border-bottom: solid 2px white;
}

 /* xxxxx  gjg for link within content text xxxxx */
#contentMain  a.textLink:link{ 
text-decoration: underline;
color: #0000ff;
font-weight: bold;
}
#contentMain  a.textLink:hover{ 
text-decoration: underline;
color: #000000;
font-weight: bold;
}

#contentMain  a.textLink:visited {
text-decoration: underline;
color: #663399;
font-weight: bold;
}



div#content .boxbp ul{

 	margin-left: 1.5em;
	list-style: disc;
	margin-bottom: 1.2em;
	padding-bottom: 0;
	margin-top: -1.2em;
 }

/* xxxxx     bullet proof box    xxxxx */ 
.boxbp {
 /* width: 273px;*/
 	width: 420px;
 	margin-bottom: 10px;
 	background: url(../images/rounded520_02.gif) no-repeat bottom left; 
  }
  
 /* same markup as #contentMain dt */
.boxbp h3 {
  margin: 0;
  padding: 6px 12px 4px 10px;
  font-size: 1.5em;
  border-bottom: 1px solid #9093a8;
	background: url(../images/rounded520_01.gif) no-repeat top left;  
	color: #475B54;/* color: #68867c; */
  }
  
.boxbp ul, .boxbp p {
  padding: 5px 15px 14px 15px;
  list-style: none;
}

.boxbp_708 ul
{
	padding: 0 0 0 1.5em;
  	list-style: disc;
}
.boxbp_708 ul li
{
	padding: 0 0 .5em 0;
}


.boxbp_708 
{
 	width: 708px;
 	margin-bottom: 1.5em;
 	background: url(../images/rounded708_02.png) no-repeat bottom left; 
 }
  

  
 /* same markup as #contentMain dt */
.boxbp_708 h3 {
  margin: 0;
  padding: 6px 12px 4px 10px;
  font-size: 1.5em;
  border-bottom: 1px solid #9093a8;
	background: url(../images/rounded708_01.png) no-repeat top left;  
	color: #475B54;/* color: #68867c; */
  }
  
.boxbp_inner
{
 	padding: 20px 20px 0 20px;
}
   
.boxbp_inner_left
{
	width: 48%;
	float: left;
	border-right: 1px dotted #9093A8;
	margin: 0 0 1.5em 0;
}

.boxbp_inner_left span
{
	font-size: .9em;
}

.boxbp_inner_right
{
	width: 48%;
	float: right;
	margin: 0 0 1.5em 0;
}



.largerText {
  font-size: 1.2em;
}
  
.boxbp li {
  margin: 0 0 6px; 
} 
.boxbp .moveOverForImage100{
	padding-left: 108px;
}

.boxbp img{
	margin-left: 2px;
	margin-right: 8px;
}
.alt img{
 	margin-right: 2px;
 	margin-left: 5px;
 }