body {
        margin:0;
        padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#2f2f2f;
    }
	/*********************************************************** header styles *************************************************/
    #header {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;	
		border-bottom:1px solid #ccc;

		background: url(../images-of-presentation-skills-training/tellingpeoplebackground_header.gif) bottom center no-repeat;
		height:100px;
		border-right:55px;
    }

#header h1 {

		background: url(../images-of-presentation-skills-training/logo.gif) right no-repeat;
		height:90px;
		margin-top:5px;
}
	#header p,
	#header h1,
	#header h2 {
		clear:left;
		float:left;
		width:96%;
		margin:0;
		padding:.4em 2% .1em 2%;
		font: 2.2em Georgia, Times, serif ultra-condensed;
		letter-spacing:0.1em;
	       	margin-bottom: 0.5em;
		color:#3f3f3f;

	}
	#header ul {
		clear:left;
		float:left;
		width:96%;
		margin:.7em 0 0 2%;
		padding:0;
		list-style:none;
	}
	#header ul li {
		display:inline;
	}
	#header ul li a {
		display:block;
		float:left;
		list-style:none;
		padding:.2em .5em;
		text-decoration:none;
		margin-right:10px;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
	}
	#header ul li a.active {
		font-weight:bold;
		color:#fff;
		background:#000;
		border-top:1px solid #000;
		border-left:1px solid #000;
		border-right:1px solid #000;
	}
	/*********************************************************** column container **************************************************/
	.colmask {
		clear:both;
		float:left;
		width:100%;				/* width of page */
		overflow:hidden;
	}
	/*********************************************************** common column settings *********************************************/
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:.5em 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/*********************************************************** 3 Column settings ***********************************************/
	.threecol {
		background:#CECEE7;			/* right column background colour */
	}
	.threecol .colmid {
		right:18%;				/* width of the right column */
		background:#fff;			/* center column background colour */
	}
	.threecol .colleft {
		right:64%;				/* width of the middle column */
		background:#CECEE7;			/* left column background colour */
	}
	.threecol .col1 {
		width:60%;				/* width of center column content (column width minus padding on either side) */
		left:102%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:14%;				/* Width of left column content (column width minus padding on either side) */
		left:24%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:14%;				/* Width of right column content (column width minus padding on either side) */
		left:92%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


	/*********************************************************** col 1 styles*****************************************************/



	.col1 h1, .col1 h2, .col1 h3, .col1 h4 {	
		clear:left;
		float:left;
		/*width:96%;*/
		width:100%;
		margin:0;
		padding:.1em 2% .1em 0;
        padding:0;
		font-family: Georgia, Times, serif;
	       	margin-bottom: 0.5em;
		margin-top:0.7em;
		color:#E58015;
	}

	 
	.col1 h1 {
		font-size:3em;
		font-style:italic;
		font-weight:normal;
        padding:0.2em;
        margin:0;
    }

	.col1 h2 {
		font-size:1.8em;
		font-weight:normal;
		letter-spacing:0.03em;
	}

	.col1 h3 {
		font: bold 0.9em Verdana, sans-serif;
  		text-transform: uppercase; 
		letter-spacing: 2px;
   		margin-left: 0.25em;
   	}

	
	.col1 a {
		color:#4747b3;
	}

	.col1 p, li {
		line-height:180%
	}

	.dropcap:first-letter {
		font-size:250%;
		font-family: Georgia, Times, serif;
		color: #e58015;
	
	}
	

	.boxout {
		background:#E58015;
		padding:3px;
		border:3px solid #E58015;
		margin:3px;
	
		color:#f5f5f5;
		line-height:150%;
		font-weight:bold;  
	}

	.boxout a {
		color:#ccccff;
	}



	/*********************************************************** Col 2 styles******************************************************/

	div#links img, div#links img a {

	 	margin:0;
		padding:0;
		text-decoration:none;
		border-style: none;
	}


	div#links a {
		display: block; 
		text-align: center; 
		font: bold 1em sans-serif; 
   		padding: 0; 
		margin: 0; 
   		text-decoration: none; 
   	}

	div#links a:hover { 
	   	background: #cfcfcf;
   	}

	div#links a span {
		display: none;
	}

	div#links a:hover span {
		display: block;
   		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 125px;
   		padding: 5px; 
		margin: 10px; 
		z-index: 100;
   		color: #AAA; 
		background: black;
   		font: 10px Verdana, sans-serif; 
		text-align: center;
	}


	/*********************************************************** Col 3 styles******************************************************/
	div#sideblurb {
		background:#E58015;
		padding:3px;
		border:3px solid #E58015;
		margin:3px;
	}

	div#sideblurb p {
		color:#f5f5f5;
		line-height:150%;
		font-weight:bold;
	}

	div#sideblurb a {
		color:#ccccff;
	}


	/*********************************************************** Footer styles******************************************************/
	#footer {
        clear:both;
        padding:0;
		border-top:1px solid #ccc;
		text-align:center;
		border-bottom:1px solid #ccc;
		margin-bottom:30px;
		background: url(../images-of-presentation-skills-training/tellingpeoplebackground_footer.gif) center no-repeat;
    }

    #footer p {
        background: url(../images-of-presentation-skills-training/tellingpeople_footer.gif) left no-repeat;
        height:50px;
        padding:0;
        margin:0;
    }

	/***********************************************************   Nav styles  *****************************************************/

	#navcontainer {
		margin:10px 10px 10px 0;
	} 

	#navcontainer ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-family: verdana, arial, Helvetica, sans-serif;
	}

	#navcontainer li { 
		margin: 0 0 1px 0;
	}

	#navcontainer a {
		display: block;
		width: 100%;
		color: #999;
		text-align: left;
		padding: 4px 0 4px 10px;
		background: #fff;
		text-decoration: none;
		font-size:0.9em;
		border-left: 5px solid #aaaabb;
		border-bottom: 1px solid #e1e1e1;
	}

	#navcontainer a.selected {
		display: block;
		width: 100%;
		color: #fff2fb;
		text-align: left;
		padding: 4px 0 4px 10px;
		background: #E58013;
		text-decoration: none;
		font-size:0.9em;
		border-left:5px solid #E58013;
		border-bottom:1px solid #E58013;
	}

	#navcontainer a.selected:hover	{
		display: block;
		width: 100%;
		color: #fff000;	
		text-align: left;
		padding: 4px 0 4px 10px;
		background: #E58013;
		text-decoration: none;
		font-size:0.9em;
		border-left:5px solid #ffd400;
		border-bottom:1px solid #E58013;
	}		

	#navcontainer a.subselected {
		display: block;
		width: 100%;
		color: #E58013;
		text-align: left;
		padding: 4px 0 4px 10px;
		border-left: 5px solid #E58013;
		border-bottom: 1px solid #e1e1e1;
		background: #fff;
		text-decoration: none;
		font-size:0.85em;
	}

	#navcontainer a.subselected:hover {
		color: #999;
		background-color: #fff;
		text-decoration: none;
		border-left: 5px solid #aaaabb;
	}

	#navcontainer a:hover {
		border-left: 5px solid #E58013;
		border-bottom: 1px solid #e1e1e1;
		color: #E58013;
		text-decoration:none;
		background: #fff;
	}

	#navcontainer ul ul li { 
		margin: 0 0 0 10px;
 	}

	#navcontainer ul ul a {
		display: block;
		width: 94%;
		color: #E58013;
		text-align: left;
		padding: 4px 0 4px 10px;
		border-left: 6% solid #E58013;
		border-bottom: 1px solid #e1e1e1;
		background: #fff;
		text-decoration: none;
		font-size:0.85em;
	}

	#navcontainer ul ul a.pick {
		display: block;
		width: 94%;
		color: #E58013;
		text-align: left;
		padding: 4px 0 4px 10px;
		border-left: 6% solid #E58013;
		border-bottom: 1px solid #E58013;
		background: #fff;
		text-decoration: none;
		font-size:0.85em;
	}

	#navcontainer ul ul a.pick:hover {
		display: block;
		width: 94%;
		color: #fff;
		text-align: left;
		padding: 4px 0 4px 10px;
		border-left: 6% solid #ffd400;
		border-bottom: 1px solid #e1e1e1;
		background: #E58013;
		text-decoration: none;
		font-size:0.85em;
	}

	#navcontainer ul ul a:hover {
		color: #999;
		background-color: #fff;
		text-decoration: none;
		border-left: 6% solid #aaaabb;
	}