/* CSS Document */
html
{
/*height: auto; !important; /* FF and compliant browsers should automatically size the body/html */
/*height: 100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
/*min-height: 100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}


body 
{
background: url(/images08/gradient.jpg) #103f74 top left repeat-x;
padding: 0;
text-align: center; /* Makes IE happy centered */
margin-left:auto; /* Makes Firefox happy centered */
margin-right:auto; /* Makes Firefox centered */
margin-top:0; 
margin-bottom:0; 
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
color: #103f74;

}


#bodycontainer 
{
position:relative;
text-align: center; /* Makes IE happy centered */
margin-left:auto; /* Makes Firefox happy centered */
margin-right:auto; /* Makes Firefox centered */
margin-top:0; 
margin-bottom:0; 
padding: 0;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
color: #000000;
width: 760px;
}

#bodyphotoone {
position: relative;
float: left;
left:-40px;
top:30px;
margin-bottom:120px;
}

#bodyphototrain {
position: relative;
float: left;
left:-40px;
top:30px;
margin-bottom:125px;
}

#bodyphotofacts {
position: relative;
float: left;
left:-40px;
top:30px;
margin-bottom:75px;
}

#bodyphotonews {
position: relative;
float: left;
left:-40px;
top:30px;
margin-bottom:20px;
}

#bodyphotoworks {
position: relative;
float: left;
left:-40px;
top:30px;
margin-bottom:50px;
}

#bodyphotodiff {
position: relative;
float: left;
left:-40px;
top:30px;
margin-bottom:70px;
}

#bodyphotoright {
position: relative;
float: right;
left:60px;
top:20px;
margin-bottom:30px;
}

#bodyphotoparagraph {
float: right;
width:440px;

}


#body 
{
background: url(/images08/PPMDHomepageHeader.gif) #fff top center no-repeat;
text-align: center; /* Makes IE happy centered */
margin-left:auto; /* Makes Firefox happy centered */
margin-right:auto; /* Makes Firefox centered */
margin-top:0; 
margin-bottom:0; 
padding: 0;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
color: #000000;
width: 760px;


}

#body2
{
background: #e9eef4;
margin: .6em 1.95em;
padding: 0;
text-align: left;
font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
font-size: .80em;
color: #000000;
width: 722px;
}


#body p
{
margin: 1.75em;
}

#body2 p
{
margin: 1.75em;
}

#body h1
{
text-align: left;
font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
font-size: 1.5em;
font-style: italic;
color: #103F74;
margin: 1.30em;

}

#body h2
{
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: .90em;
font-style: bold;
color: #103F74;
margin: 1.70em;

}

#body h3
{
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: .75em;
font-style: bold;
color: #103F74;
margin: 1.70em;

}

#body h4
{
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: .75em;
color: #103F74;
margin-left: 1.75em;

}

#skiplink
{
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: .5em;
font-style: normal;

}

#skiplink a
{
color: #ffffff;

}



#leftcolumn { /* 3 column layout */
 text-align: center;
 font-family: Verdana, Arial, sans-serif;
 font-size: .7em;
 font-style: normal;
 margin: 0px 0px 0px 0px;
 padding: 10px;

 width: 345px;
 float: left;
}
#rightmiddle { 
 text-align: left;
 font-family: Verdana, Arial, sans-serif;
 font-size: .7em;
 font-style: normal;
 margin: 0px 0px 0px 0px;
 padding: 10px;

 width: 190px;
 float: left;
}
#rightcolumn { 
 text-align: left;
 font-family: Verdana, Arial, sans-serif;
 font-size: .7em;
 font-style: normal;
 margin: 0px 0px 0px 0px;
 padding: 10px;

 width: 160px;
 float: left;
}



#copyright { 
 text-align: left;
 font-family: Verdana, Arial, sans-serif;
 font-size: .60em;
 font-style: normal;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 380px;
 float: right;
}


/*MUST GET FLOAT CLEARED ON BLANK DIV IMMEDIATELY AFTER COLUMNS IN ORDER TO SUCCESSFULLY FILL BROWSER WINDOW WITH 100% DIV */

#address
{
float: right;
margin: 0 2em;
padding: 0;
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: .75em;
color: #000000;
width: 300px;

}

.title_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000066;
	text-decoration: none;
	
}

.italic_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0099FF;
	text-decoration: none;
}

#workshopbox
{
margin: 0.75em 0;
padding: 3em;
text-align: left;
width: 500px;

border: 0.1em solid #000000;
}