body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	/* Base font size is set to 100% for all elements
	and we set individual elements to em units - which
	are proportionate to the base font size -
	.9em is almost the same as saying 90% but is
	more stable cross-browser and platform. */
	font-size: 100%;
	color: #333333;
}
#header {
	height: 94px;
	width: 780px;
	background-color: #FFFFFF;
	padding: 0 1em 0.5em ;
	border-bottom: #999 solid 1px;
}
#header p {
margin: -10px; 
text-indent: -999px;
font: #FFFFFF; }

#header h1 {
	margin: 3px;
	padding: .2em 0 0 1em;
	color: #302839;
}

/* 	The parent container for the sidebar and maincontent DIVs */
#container {
	width: 780px;
	margin: 0px auto;
	padding: 0 12px;
}
#ptmlogo   {
	position: relative;
	margin: 0 0 0 10em;
	background-image: url(media/ptmSubHead.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 600px;
	z-index: 5;
 }
/* 	We float both the maincontent and sidebar DIVs right.
	Since sidebar comes first in the markup, it assumes
	the rightmost position. By floating both DIVs, we
	eliminate inherent bugs in IEPC and create a more
	stable layout.
	
	Width is calculated so that the sum of the sidebar and
	maincontent DIVs plus their left padding, right padding,
	left border, and (or) right borders is equal to the width
	of the mainwrapper DIV. */
#maincontent {
	float: left;
	width: 570px; /* 520 + 18 + 2 = 540 */
	margin: 2em 0 0 1em;
	padding: 0 0 18px 0px;
	border-right: 3px dotted #fff;
	text-align: justify;
	font-size: .9em;
}
#maincontent h2 {
 font: bolder 1.3em;
 color: #302839;
 width: 480px;
 padding: 0 0 0 0px;
}


#maincontent p, td, tr { 
	font-size: 0.9em;
	line-height: 1.2em;
}

#maincontent li {
	font-size: 0.9em;
	line-height: 1.2em;
	list-style: square;
}



#quotes
{ 
 border: 1px solid #9b9b88;
 padding: 6px 4px;
 margin: 1em 0 0 0;
 }
#quotes p {
	font-size: 0.8em;
	line-height: 1.1em;
	color:#666666;
	width: inherit;
	font-weight: normal;
	font-style: italic;
}
#quotes li {
	font-size: 0.9em;
	line-height: 1.3em;
	color:#FF6600;
	width: inherit;
	font-weight: bold;
	list-style: none inside;
 }
 
#emerg
{
border: 1px solid  #BD2929;
text-align: center;
padding: 6px;
margin: 1em 0;
color: #BD2929;
font-weight: bold;
line-height: 1.4em;
}

a  {
	color: #9b9b88;
	
	font-weight: bold;
	padding: 1px;
	display: inline;
}

a:visited {
	color: #9b9b88;
	text-decoration: none;
	padding: 1px;
	display: inline;
}

a:hover, a:active, a:focus {
	color: #ffffff;
	background-color: #D26900;
}
#sidebar {
	float: left;
	/* the width of the sidebar considers the sidebar padding
	and because of a calculation bug in IE5 Mac, also the
	borders on the links in the navbar */
	width: 160px; /* 160 + 18 + 2 = 180 */
	padding: 0 18px 0 0;
	font-size: 0.8em;
	margin: 2em 0 0 0;
}

/* 	We set the top margin on the UL that holds the navbar */
#nav {margin: 1em 0 0 0; padding: 0; text-align: left;}

/* 	We set the bottom margin of each list item to 1px and
	we turn off the default bullet character. */
#nav li {
	margin: 0 0 1px 0;
	padding: 0;
	list-style-type: none;
}

/* 	For navbar links only - We turn off underlines, assign
	3px padding, a border, a background color, a text color
	and we set the link to display block which makes it act
	like a "button" */
#nav a, #nav a:visited {
	text-decoration: none;
	padding: 3px;
	border: 1px solid #FFFFFF;
	background-color: #9b9b88;
	color: #ffffff;
	display: block;
}

/* 	the hover class is obvious. Active serves a dual purpose. In
	all browsers, it is triggered when the mouse is down and
	releases when the link loses focus. In IEPC it also is the
	state of the link when tabbed to using the keyboard. Focus
	is triggered when the link is tabbed to in browsers other
	than IEPC. */
#nav a:hover, #nav a:active, #nav a:focus {
	color: #ffffff;
	background-color: #D26900;
}

/* sidebar quotes*/
h2 {font-size: 1.2em; margin: 24px 0px 0px;}



#footer {
	/* Clearing permits the footer to "escape" the float and span the
	area below the sidebar and maincontent DIVs. */
	clear: both;
	background-color: #FFFFFF;
	font-size: 0.65em;
	padding: 1em;
	/* To set min-width for footer, take mainwrapper minus its
	left and right padding and subtract from that the left and right
	footer padding: 744-16=728  */
	width: 746px;
	border-bottom: 1px dotted #302839;
}
#footer p {
	margin: 1em 0;
	color: #cccccc;
}
#footer a  {
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	color: #cccccc;
	display: inline;
}

#footer a:visited {
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	color: #cccccc
	display: inline;
}

#footer a:hover {
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	color: #cccccc
	display: inline;
}
/* classes */
.parahead    {
	font-weight: bold;
	color: #BD2929;
	margin: 1em 0 -0.75em 0;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 1.1em;
}

.red {
font-weight: bold;
	color: #BD2929;
	
	}

.place {
text-align: center;
color:  #9b9b88;
font-variant: small-caps;
	text-transform: uppercase;

}

 /*** image placement ***/
.imageright {
  float: right;
  padding: 7px;
  margin-left: 10px;
  background-color: #FFFBF4;
  border: 1px solid #D26900;
	}

.imageleft {
  float: left;
  padding: 7px;
  margin: 4px 8px 4px 0;
  background-color: #FFFBF4;
  border: 1px solid #D26900;
	}


/* FormStep Divs - use with step.js */
#ptm1 { display: block; }
#ptm2 { display: none; }
#ptm3 { display: none; }
#ptm4 { display: none; }
#ptm5 { display: none; }
#ptm6 { display: none; }
#ptm7 { display: none; }
#ptm8 { display: none; }

/* 2 column boxes : used for index page training boxes */
.boxes {
margin: 0 1em;
}

.boxes p {
	font-weight: bold;
	color: #D26900;
	margin: 0 0 -1em 0;
	text-align: center;
	font-variant: small-caps;
	text-transform: lowercase;
	
}

  .leftbox {
	width: 226px;
	height: 140px;
	float:left;
	padding: 10px 6px 6px 6px;
	margin: 5px 0 5px 0.5em;
	background-color: #ffffff;
	border: 2px solid #D26900;
	text-align: left;
	
}
.leftbox ul {
	font-size: 0.85em;
	list-style: square outside;
  margin: 1.5em 0.3em 0;
  padding: 1em 0 0.5 0;
}

.rightbox {
	width: 226px;
	height: 140px;
	float:right;
	padding:0;
	text-align: left;
	margin: 5px 0 5px 0.5em;
	padding: 10px 6px 6px 6px;	
	background-color: #ffffff;
	border: 2px solid #D26900;
	
}
.rightbox ul { 
  font-size: 0.85em;
  list-style: square inside;
  margin: 1.5em 0.3em 0;
  padding: 1em 0 0.5 0;
}
.clear {
clear: both;
}

/* 2 column lists */
 ul.left {
	float: left;
	width: 230px;
	margin: 0px;
	padding: 15px 0px;
	border: 0px none;
	list-style-position: inside;
	list-style-type: square;
	position: relative;
	text-align: left;
  }
  
  ul.right {
    float: right;
    width: 300px; 
    margin: 0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
  }