body {
	width: 774px;
	background-color: #999;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	behavior: url(css/csshover.htc);
	margin-top: 20px;
	}

* {
	margin: 0;
	padding: 0;
	}

p {
	font: 1.0em verdana, arial, helvetica, sans-serif;
	text-align: left;
	}

h1 {
	font: 1.5em  Times, "Times New Roman", serif;
	font-style: bold;
	color:  rgb(0, 89, 156);
	text-align: left;
	padding: 0 0 0 20px;
	letter-spacing: .1em;
	}
	
#mainwrap {
	width: 774px;
	background-color: #fff;
	/*background-image: url(../images_pres/devollHeader3_709x38.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;*/
	}

#header {
	width: 774px;
	background-color: #fff;
	height:75px;
	margin-left: 0px;
	background-image: url(../images_pres/devollHeader3.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;*/
	}

#contentarea {
	width: 774px;
	background-color: #fff;
	background-image: url(../images_pres/deVollBckgrnd.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	padding-bottom:20px;
	height: 600px;
}

	
#leftCol {
	width:125px;
	/*background-color:rgb(0,69,124);*/
	float: left;
	}
	
#center {
	width: 420px;
	float: left;
	/*background-color: rgb(227,242,251/*193,222,243188,211,235*/);*/
	text-align: left;
	}
	
#center p {
	font: 1.1em/180% Times, "Times New Roman", serif;
	padding: 10px 20px 0px 20px;
	}


#center img {	
	float: left;
	padding: 0px 5px 20px 0;
	border: 0px;
	}

#center_inner {
	width: 420px;
	float: left;
	background-image: url(../images_pres/group403x600.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	}
	
#center_wkshp p {
	font: 1.0em/180% Times, "Times New Roman", serif;
	padding: 10px 20px 0px 20px;
	}

#center_practice {
	width: 420px;
	float: left;
	/*background-image: url(../images_pres/sofa420x401.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;*/
	text-align: left;
	}	
#center_practice p {
	font: 1.1em/180% Times, "Times New Roman", serif;
	padding: 10px 20px 0px 20px;
	}

#right {	
	width: 229px;
	float: left;	
	/*background-color: rgb(0, 89, 156);
	border-right: 10px, solid,  #fff;*/
	}
	
#right p {
	font:   .7em/170% Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 10px 20px 0 20px;
	letter-spacing: .1em;
	}	

#table {
	width: 420px;

	border-collapse: collapse;
	/*border: 8px solid #9C0;*/
	float: left;
	text-align: left;
	 }

caption {
	margin: 0;
	padding: 20px 0 20px 5px;
	color:  rgb(0, 89, 156);	
	line-height: 2em;
	text-align: left;
	font: 1.5em  Times, "Times New Roman", serif;
	font-style: bold;
	/*font-size: 1.5em;*/
	}
	
td {
	padding: 3px 5px;
	text-align: left;
	 }

thead {
	border-bottom: 1px solid #FFF;
	text-align: left;
	 }

tbody {
	font:  .8em/150% Verdana, Helvetica, Arial, sans-serif;
		}
	
tfoot {
	text-align: left;
	padding-bottom: 20px;
 }
	 
tr.even {
	padding: 2px 4px;
	text-align: left;
	width: 210px;
	}
	
th {
	padding: 2px 4px;
	}
	
#footer {
	width: 774px;
	height: 20px;
	background-color: #333/*rgb(0, 89, 156)*/;
	border-top: 2px solid #333;
	}

#footer p {
	font:   .65em/150% Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 0px 0px 0 125px;
	letter-spacing: .1em;
	}	

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
	
/*sideNavigation*/
#navigation {
	position: relative;
	float: left;
	width: 125px;
	/* makes the div full width */
	font: .65em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/* SET FONT-SIZE HERE 
	background-color: #fff;*/
	/* colors the div */
	margin: 0px 0px 0 0px;
	padding: 0px;
	/* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	/*cursor: default;*/
	text-align: right;
	}
	
#navigation ul {
	list-style-type: none;
	margin: 30px 20px 0px 0;
	padding: 0px 0 0px 0px;
	/*cursor: default;*/

	/* indents ul from edge of container */
	}

#navigation li {
	position: relative;
	/* positioning context for the absolutely positioned drop-down */
	list-style-type: none;
	/* removes the bullet off each list item */
	/*background-color: #fff;*/
	/*sets the background of the menu items */
	margin: 10px 0 0 0;
	padding: .3em 0px;
	color: rgb(53,53,52);
	/*cursor: default;*/

	}

#navigation li:first-child {
	border-left: 0px solid #666;
	}
	/*the first vertical line on the menu */

#navigation ul li a:hover {
	color: rgb(0, 89, 156);
	/*cursor: default;*/
	}
/* removes the hover color and pointer - there is no choice to click so we disguise it */

#navigation ul li ul li a:hover {
	color: #C93;
	/*cursor: default;*/
	}
/* restores the hover color and pointer on the "drop-down" choices */

#navigation li:hover{
	/*background-color: #999;*/
	/*sets the background of the menu items */
	}

#navigation a {
	display: block;
	/*makes list items in drop down highlight and wrapped lines indent correctly */
	padding: 0 0px;
	/*creates space each side of menu item's text */
	margin: 0px;
	text-decoration: none;
	/* removes the underlining of the link */
	color: #333;
	/* sets the type color */
	}

#navigation a:hover { 
	color: #900; 
	}