/* Layout Stylesheet */ 

body {
	margin:10px;
	background:#4275b0 url(images/gradient.jpg) repeat-y;
	color: #333366;
	text-align:center;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	 }
/* basic elements*/  
a {color: #66CCFF; text-decoration: none;}
a:hover {color: #333366; text-decoration: none;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help;}
p {
	color: #FFFFFF;
	margin-top: 0px;
	font-size: 12px;
	padding-left: 10px;

}
h1 {
	color: #333366;
	font-size: 36px;
	padding-left: 10px;
}
h2 {
	color: #333366;
	font-weight: normal;
	font-size: 20px;
	padding-left: 10px;
}
h3 {
	color: #333366;
	font-size: 16px;
	padding-left: 10px;
}
#l-col h3 {
	color: #333366;
	font-size: 16px;
	padding-left: 10px;
	margin-bottom:5px;
}
h4 {
	color: #333366;
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 10px;


}
blockquote {
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}
table {width:100%; border:0; padding: 5px; margin:5px;}
td { font-size: 12px; color: #ffffff;}
hr {
	border-bottom: 1px dotted #333366;
	height: 1px;
}
img {border: 0px none;}

#outer {
	text-align:left;
	border:1px solid #000000;
 	background:#4275b0 ;
	width:750px;
	margin:auto;
 }

#hdr {
 height:111px;
 background:#ffffff;
 color: #333333;
 background:#FFFFFF url(images/pmm.jpg) no-repeat right;
  width:750px;
 }

#bar {
	height:22px;
	background:#336699 url(images/pmm_R.jpg) no-repeat right;
	border:solid #375787;
	border-width:2px 0 3px 0;
	 width:750px;
 }

#bodyblock {
 	position:relative;
  	color: #333333;
	background:#4275b0 url(images/bg.jpg) no-repeat right 0px;
 	width:750px;
	 padding:0;
	 margin: 0;
	 }



#l-col {
	float:left;
	background:#4880c1;
	color: #333333;
	width:455px;
	padding: 0 0 15px 0;
	border-right: 1px dotted #375787;
}
 #l-col ul {
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 25px;
	color: #333366;
	list-style-image: url(images/list_bullet.gif);
 }
  #l-col li {
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 5px;
	font-size: 12px;
 }

#r-col {
	margin: 0px 0px 0px 492px;
	width:255px;	
	color: #333333;
	text-align:left;
	padding: 5px 0 0 0;
	 }
* html #l-col{margin-right:-3px}/* reduce the right margin to account for 3pixels*/
* html #r-col {height:1%;margin-left:489px}/* fix 3 pixel jog and account for 3 pixels extra padding*/

 		.panel {background: url(images/sidebar-panel-t.gif) 0 0 no-repeat; margin: 15px 20px;}
		.panel p {margin: 0; font-size: 16px; font-weight: bold; color:#333366; padding: 10px 0px 5px 15px; border-bottom: 2px dashed #97b6d9; margin: 0 22px 0 0; }
		.panel p.extra {padding: 5px 8px 7px 8px; background: none;}
		.panel hr {height: 1px; border: 0; background: #333333; margin: 5px 5px;}
		.panel .flLeft {float: left; margin: 10px 8px 5px 8px;}
.panel ul {list-style: none; padding: 5px 0 10px 15px; margin: 0 0 0 0; background: url(images/sidebar-panel-b.gif)  no-repeat left bottom;}
.panel li {	margin: 0px 0 0px 10px;	padding: 0px;	text-align: left;}

.panel li a, .panel li a:visited
{	
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	color: #3399CC;
	background-image: url(images/bullet_panel.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 5px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:2.5em;
	voice-family: inherit;
	font-weight: bold;
}
.panel li a:hover
{	
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	color: #333366;
	background-image: url(images/bullet_panel_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: inherit;
	font-weight: bold;
}
#ftr {
 clear: both;
 background:#f6f6f6;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 padding: 0 0 10px 0;
 }
 #ftr p {
	margin: 10px 0px 10px 10px;
	font-size: 10px;
	padding: 0;
	color: #333366;
	}
 
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
	float: left;
	margin: 0px 0 0px 5px;
	padding: 0px 0 0 0;
	text-align: center;
}

#nav-menu li a{
	float: left;
	display: block;
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	color: #66CCFF;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: inherit;
	font-weight: bold;
}
#nav-menu li a:hover{
	float: left;
	display: block;
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	color: #003366;
	background-image: url(images/bullet_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	 voice-family: inherit
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */

#nav-menu
{
width:100%
} 
#r-col img{
	margin: 5px;
	text-align: center;
	border: 1px solid #333366;
}
#l-col img{
	border-top: 1px solid #333366;
	border-right: 1px solid #333366;
	border-bottom: 1px solid #333366;
}
.img-border {
	border: 1px solid #333366;
}
#david {

	margin-top: 350px;
}
.title {
	font-size: 10px;
	color: #003366;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333366;
	margin-top: -20px;
	width: 200px;
}
.clearer{
 height:1px;
 overflow:hidden;
 margin-top:-1px;
 clear:both;
}
#text-box{
background: #d7dee6;
margin: 5px;
}