@charset "utf-8";

/* CSS Document */
/* sets a width for the body. a set width is needed for the topnav postioning and the content floats*/

body {
	width:975px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

/* additional width setting for the positioning and floats in the page */

#pagewrapper {
	width:975px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

/* sets the block for the topnav links */

#topnav {
	width:974px;
	height:16px;
	margin:0 1px 0 0;
	padding:4px 0 6px 0;
	}

/* set up for the topnav list - prevents line wrapping - positions and draws the left vertical line */
/* IE does not work with the list item vertical line so it's added here */

#topnav ol {
	margin:0 0 0 176px;
	padding:0 0 0 0;
	display: block;
	border-left:solid #219FD1 1px;
	white-space:nowrap;
	}

/* makes the list layout horizontally and adds the vertical line */

#topnav li.first {
	display:inline;
	border-right:solid #219FD1 1px;
	}

/* removes the vertical line from the right-most side */

#topnav li.last {
	display:inline;
	border:none;
	}

/* makes the list layout horizontally and adds the vertical line */

#topnav li {
	margin:0 0 0 30px;
	padding:0 30px 0 0;
	display:inline;
	border-right:solid #219FD1 1px;
	}

/* the three style below add roll-over and position awareness elements */

#topnav li a {
	text-decoration:none;
	color:#848484;
	font:11px/1em Arial, Helvetica, sans-serif;
	}



#topnav li a:hover {
	text-decoration:none;
	color:#219FD1;
	font:11px/1em Arial, Helvetica, sans-serif;	
	}

#topnav li a.here {
	color:#219FD1;
	}


/* set-up for the logo and masthead section */

#branding {
	width:975px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height: 127px;
	}

#logo {
	width:175px;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	float:left;
	}

#logo img {
	display:block;
	margin:0 auto 0 auto;
	border:none;
	}

#masthead {
	width:800px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	}



/* set-up for the main content area */
/* the content area has 2 floated elements - the link menu and the editable content area */
/* the editable content area has 2 floated elements - the primary and secondary content areas */
/* the background image is the thin gray line towards the right side */

#content {
	width:975px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#F4F4F4;
	background-image:url(../images/contentBackground.gif);
	background-position:left;
	background-repeat: repeat-y;
	}

	#linkmenu {
	width:160px;
	margin:0 0 0 0;
	padding:22px 0 0 15px;
	float:left;
	overflow:hidden;
	background-color:#FFFFFF;
	color:#737373;
	font:12px Arial, Helvetica, sans-serif;
		}
		

/* all menu items are links */
/* changes font color to light gray */	

  	#linkmenu a {
			font:12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#737373;
		}

/* roll-over effect - changes text to light blue */ 

  	#linkmenu a:hover {
			text-shadow:#0099CC;
			text-decoration:none;
			color:#219FD1;
		}

/* removes all margins, padding and list bullets */

  		#linkmenu ul {
				margin:0 0 0 0;
				padding:0 0 0 0;
				list-style-type:none;
			}

			#linkmenu ul li {
				margin:0 0 0 0;
				padding:0 0 0 0;
				font:12px Arial, Helvetica, sans-serif;
				color:#737373;
			}

/* ----------------------------- */
/* top-level practice area links */
/* use class -here- to color the links for the currenly displayed page */

			#linkmenu ul li.here {
				margin:4px 0 8px 0;
			}

			#linkmenu ul li a.here {
				color:#219FD1;
			}

			#linkmenu ul li.first {
				color:#737373;
			}


/* removes the top margin of the first -top- practice area link to maintain the formatting of the page */
/* all others have a top and bottom margin to separate them from the rest of the list */


			#linkmenu ul li.first.here {
				margin:0 0 8px 0;
				font:12px Arial, Helvetica, sans-serif;
			}

			#linkmenu ul li.last.here {
				margin:4px 0 0 0;
				font:12px Arial, Helvetica, sans-serif;
			}

			#linkmenu ul li.top.here {
				margin:0 0 0 0;
				font:12px Arial, Helvetica, sans-serif;
			}

/* ---------------------------- */
/* lower level contectual links */


/* hide all except the sub-list with class - here -- the current practice area sub-list */


				#linkmenu ul li ul {
					display:none;
				}

/* show the current practice area sub-list */
/* use ul class=here to show the list */

				#linkmenu ul li ul.here {
					display:block;
					list-style-position:inside;
					list-style-image:url(../images/discBK.gif)
				}			

					#linkmenu ul li ul li {
						color:#737373;
					}

					#linkmenu ul li ul li.here {
						margin:0 0 0 0;
						padding:0 0 0 0;
						color:#737373;
						list-style-image:url(../images/discBL.gif)
					}
	

	#editablecontent {
		width:800px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:right;
		}
	
		#primarycontent {
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#737373;
			width:505px;
			margin:0 0 0 0;
			padding:22px 35px 0 90px;
			float:left;
			}

			#primarycontent a {
				text-decoration:underline;
				color:#219FD1;
			}

			#primarycontent a:hover {
				text-decoration:underline;
				color:#219FD1;
			}

			#primarycontent .first {
				margin:0 0 0 0;
				padding:0 0 0 0;
			}

			#primarycontent h1 {
				margin:45px 0 .2em 0;
				font:bold 18px Arial, Helvetica, sans-serif;
				color:#219FD1;
				}

			#primarycontent h1.youarehere {
				margin:0 auto .2em auto;
				font:bold 18px Arial, Helvetica, sans-serif;
				color:#219FD1;
				}

			#primarycontent h2 {
				margin:45px 0 .2em 0;
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#219FD1;
				}
				

			#primarycontent h3 {
				margin:.4em 0 .2em 0;
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#219FD1;
				}

			#primarycontent h4 {
				margin:.4em 0 .2em 0;
				font:bold 11px Arial, Helvetica, sans-serif;
				color:#219FD1;
				}

			#primarycontent h5 {
				margin:.4em 0 .2em 0;
				font:bold 10px Arial, Helvetica, sans-serif;
				color:#219FD1;
				}

			#primarycontent h6 {
				margin:.4em 0 .2em 0;
				font:bold 10px Arial, Helvetica, sans-serif;
				color:#219FD1;
				}

			#primarycontent p {
				margin-top:0;
				font:normal 12px/1.5em Arial, Helvetica, sans-serif;
				color:#737373;
				}

			#primarycontent p.listIntro {
				margin:1.75em auto 0 auto;
				font:normal 12px/1.5em Arial, Helvetica, sans-serif;
				color:#737373;
				}
				
			#primarycontent ul {
				margin-left:8px;
				padding-left: 8px;
			}

			#primarycontent li {
				font:normal 12px/1.3em Arial, Helvetica, sans-serif;
				color:#737373;
				list-style-image:url(../images/discBK.gif);
				margin-left: 0px;
				padding-left: 0px;
				margin-top:.75em;
				margin-top:.5em;
				}

			#primarycontent ul.linklist {
				margin-top:.75em;
				}			

			#primarycontent li.linklist {
				margin-top:.5em;
				}

			#primarycontent li.linklist:hover {
				text-decoration:underline;
				color:#219FD1;
				list-style-image:url(../images/discOR.gif)
			}

			#primarycontent img.pullquote {
				margin:0 3px -11px -90px;
				padding:0 0 0 0;
				float: left;
				}

			#primarycontent img.piechart {
				margin:5px 5px 0 -90px;
				padding:0 0 0 0;
				float: left;
				}

			#primarycontent img.portrait {
				margin:-5px 3px 0 8px;
				padding:0 0 0 0;
				float: right;
				clear: right;
				}

		#secondarycontent {
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#737373;
			width:165px;
			margin:0 0 0 5px;
			padding:0 0 0 0;
			float:right;
			}

			#secondarycontent a {
				text-decoration:none;
				color:#737373;
			}

			#secondarycontent a:hover {
				color:#219FD1;
			}

			#secondarycontent img {
				border:none;
				margin:0 0 0 11px;
				padding:0 0 0 0;
				}

			#secondarycontent p{
				margin:0 .5em 2em 1em;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#737373;
				}


#footer {
  margin:0 0 0 0;
	padding:94px 170px 60px 0;
	border-left:#FFFFFF solid 175px;
	font:10px Arial, Helvetica, sans-serif;
	color:#737373;
	text-align:center;
	}

 /* ----------------------------------*/
 /* this class should be placed       */
 /* on a div or break element and     */
 /* should be the final element       */
 /* before the close of a container   */
 /* that should fully contain a float */

.clearfloat {
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
	}