/* Version updated on April 2010 - Laurie Causton */

/* text and image formatting */

p
{ 
font-family: Helvetica,Arial,sans-serif; 
padding: 0px 0px 1px 0px;
margin: 0px 5px 0px 0px;
font-size: 10pt;
color: #000080;
}

p.backtotop
{
padding: 0px 0px 10px 0px;
}

p.copyright
{
font-size: 7.5pt;
color: #666666;
font-family: Helvetica,Arial,sans-serif;
background-color: #b3b3b3;
height: 20px;
width: 100px;
}

p.copyright img
{
float: right;
}

table
{
margin: 10px 10px;
}

tr
{
height: 40px;
}

td
{
border: 1px solid silver;
font-family: Helvetica,Arial,sans-serif;
font-size: 10pt;
color: #000080;
padding: 0px 10px 0px 10px;
}

td.details
{ 
width: 550px;
}

td.contactaddress
{
width: 150px;
font-weight: bold;
}

h1
{
font-family: Helvetica,Arial,sans-serif;
padding: 0px 0px 1px 0px;
margin: 10px 5px 0px 0px;
font-size: 11pt;
font-weight: bold;
color: #000080;
}

h2
{
font-family: Helvetica,Arial,sans-serif; 
padding: 0px 0px 1px 0px;
margin: 10px 5px 0px 0px;
font-size: 10pt;
font-weight: bold;
color: #000080;
}

li
{ 
font-family: Helvetica,Arial,sans-serif; 
padding: 0px 0px 1px 0px;
margin: 0px 5px 0px 0px;
font-size: 10pt;
color: #000080;
}

/* WILL RETURN TO THIS ONE LATER, TO TRY TO MAKE IT WORK...
a:hover
{
font-weight: bold;
text-decoration: underline;
background-color: #b3b3b3;
} */

/* div formatting */

#allcontent
{
width: 900px;
padding: 5px 5px 5px 5px;
/* remove the next two lines to left-align pages*/
margin-right: auto;
margin-left: auto;
}

#main
{
display: inline-block;
padding-bottom: 5px;

/*this is part of the fix to ensure that the vertical panel border always extend the full height,
whatever the height of the two home page panels*/
overflow-y: hidden;
/*end of fix*/
}

#header 
{
width: 854px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;	
}

#homesidepanel
{
float: left;
width: 217px; 
padding-right: 5px;
}

#homemainpanel 
{
float: right;
padding-left: 5px;
width: 625px;
border-left: 1px solid silver;
/*this is part of the fix to ensure that the vertical panel border always extend the full height,
whatever the height of the two home page panels*/
margin-bottom: -3000px;
padding-bottom: 3000px;
/*end of fix*/
}

#homesignature
{
float: left;
width: 180px; 
/*padding-right: 0px;*/
}

#homesponsor 
{
float: left;
width: 610px;
border: 1px solid silver;
padding: 2px;
margin-top: 20px;
}

#homesponsorname 
{
float: left;
width: 450px;
vertical-align: middle;
padding-top: 5px;
}

#homesponsorlogo 
{
float: right;
width: 100px;
vertical-align: middle;
padding-top: 5px;
}

#footer
{
margin: 2px 0px 0px 0px;
width: 854px;
clear: right;
}

#copyright
{
float: left;    
font-size: 7.5pt;
color: #666666;
font-family: Helvetica,Arial,sans-serif;
background-color: #b3b3b3;
position: relative;
top: 8px;
height: 11px;
width: 200px;
margin: 0px;
padding: 3.9px 0px;
display: inline;
}

#image
{
width: 45px;
display: inline;
}

/* navigation bar */

ul#nav,ul#nav ul{
	margin:0;
	list-style:none;
	padding:0;
	}

ul#nav ul{
	display: none;
	position: absolute;
	left: -1px;
	top: 100%;
	padding: 0 5px 0px 5px;
}

ul#nav li:hover>*{
	display:block;
	}

ul#nav li:hover{
	position:relative;
	}

ul#nav ul ul{
	position:absolute;
	left:98%;top:-10px;
	}

ul#nav{
	}

ul#nav li{
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
	}

ul#nav>li,ul#nav li{
	margin: 0;
}

ul#nav a:active, ul#nav a:focus{
	outline-style:none;
  }

ul#nav a{
	display: block;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	font: 8pt Verdana;
	color: #ffffff;
	cursor: pointer;
	padding: 5px 13px 5px 13px;
	background-color: #666666;
	background-position: 0 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #C0C0C0;
}

ul#nav a.first{
	padding: 5px 17px 5px 17px;
}

ul#nav ul li{
	float: none;
	margin: 0 0 0;
}

ul#nav ul a{
	text-align:left;
	padding:6px;
	background-color:#666666;
	border-width:0;
	font:8pt Verdana;
	color:#ffffff;
	text-decoration:none;
  }

ul#nav li:hover>a{
	border-color:#C0C0C0;
	border-style:solid;
	font:8pt Verdana;
	color:#ffffff;
	text-decoration:underline;
	background-position:0 100%;
	}

ul#nav ul li:hover>a{
	border-color:#C0C0C0;
	border-style:solid;
	font:8pt Verdana;
	color:#ffffff;
	text-decoration:underline;
	background-position:0 100%;
	}

ul#nav span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	}

/* --you-are-here effect-- */

body#home a#menu-home, 
body#news a#menu-news, 
body#aboutus a#menu-aboutus,
body#elections a#menu-elections,
body#aboutpmi a#menu-aboutpmi,
body#membership a#menu-membership,
body#certifications a#menu-certifications,
body#events a#menu-events,
body#previousevents a#menu-events,
body#contact a#menu-contact

{
background-color: #afc3e8;
color: #000000;
}

div#bar
{	
width: 854px; 
margin-bottom: 3px;
}

/* end of navigation */
