/* -- Main layout styles -- */

body {
  margin: 1em 1em 1em 1em;
  padding: 0px;
  font-family: "Century Gothic", Arial, "Times New Roman", "Trebuchet MS", Verdana, Tahoma;
  color:#fff;
  background: #000 url(../images/background3.gif) repeat-y;
  font-size:14px;
  letter-spacing: 0.3px;
}


#siteBox {
  float: left;
  width: 975px;
  background: #FFF url(../images/leftborder2.gif) left top repeat-y;
}

#Container {
	float:right;
	margin-left:5px;
	width:600px;
	}
	
#columns{
	float: left;
	margin: 5px 0px 0px 5px;
	width:330px;
	line-height:15px;
	color:#444444;
}
#columns a{color:#fff;}	

#columns a.areas, #columns a.attys {
  display: block;  
  padding: 5px 0 5px 54px;
  background: /*url(../images/Arrow.gif)*/ url(../../images/boxes2.gif) no-repeat center left;
  border: 0px;
}

#columns a:hover.areas, #columns a.attys{ 
  color: #fff;
  background: #ddd /*url(../images/icn_plus_on.gif)*/ url(../../images/boxes2.gif) no-repeat center right;
  border: 0px;
}
#columns a:link.areas {color:#fff;}

.search{
	padding:10px 0px 10px 38px;
	background: url(../images/search.gif) left center no-repeat;
	border-bottom:1px solid #ddd;
	}



/* -- Header layout/display styles -- */

#header {
  margin-left:10px;
  width: 965px;
  height:150px;
  background: #bbb /*url(../images/header.jpg) no-repeat bottom left*/;
  border-bottom: 5px solid #aa0000;
}
/*
#header a {
  float: right;
  width: 105px;
  padding: 5px 5px 5px 5px;
  font-size: 0.6em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.05em;
  color: #FFF;
  background-color: #666;
  border-bottom: 2px solid #b7c76e;
  border-right: 1px solid #b7c76e;
  border-left: 1px solid #b7c76e;
}

#header a:hover, #header a.active {
  padding-top: 5px;
  letter-spacing: 0.05em;
  background-color: navy;   --This is the color for the sub-menus -- */

/*
#header a.lastMenuItem {
  background-image: url(../images/corner_tr.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 0px;
  letter-spacing: 0.05em;
}/*

a .desc {
  display: none;
  color: #b7c76e;  
}

a:hover .desc, .active .desc {
  display: block;
}


/* -- Header title and subTitle layout/display styles -- */

.title {
  float: left;
  padding: 0.75em 15px 0 0;
  font-size: 1.4em;
  font-weight: bold;
  text-align: right;
  line-height: 0.9em;
  letter-spacing: -0.05em;
  color: #a00;
}

.subTitle {
  display: block;
  font-size: 0.6em;
  line-height: 1.2em;  
  letter-spacing: 0.01em;
}


/* -- Content layout/display styles -- */

#content {
  margin-left:10px;
  float: right;
  width: 965px;
 /* padding: 1em 0 1em 0;*/
 background: #ffffff;
}

#contentLeft {
  margin:0 0 1em 0px;
  float: left;
  width: 210px;
  margin-bottom: 1em;
  background: #ddd /*url(../images/menuback2.gif) repeat-y*/; 
}

#contentRight {
  float: right;
  width: 75%;
  background: #ddd url(../images/corner_sub_tl.gif) no-repeat top left;
  color:#555;
  padding-right: 10px;
  
}

#contentRight a {  
  text-decoration: none;
  color: #221f5f;
  text-decoration:underline;
	background-color: #ccc;
}
#contentRight a:hover{background:#aaa;
color: #a00}

#indented{
	margin-left: 15px;
	margin-right: 30px;
}

#content p {  
  margin: .5em 1.5em 1em 1.5em;
/*  font-size: 0.8em;*/
  line-height: 1.4em;
}

#contentLeft a {  
  text-decoration: none;
  color: #221f5f;
  border-bottom: 1px solid #fff;
}

#contentLeft a:hover {
  color: #221f5f;
  background-color: #aaa;
  border-bottom: 1px solid #EEEEEE;
  font-weight:bold;
}


.captions {
  display: block;
  clear: both; 
  font-size: 2em;
  color: #93c8e0;
  border-bottom: 1px solid #AAA;
  background: url(../images/cptnboxes.gif) center right no-repeat;    
}


.header, .subHeader, .menuheader, .menubrief, .menuareas{
  display: block;
  clear: both;  
  font-weight: bold;
  font-size: 1em;
  color: /*#b7c76e;*/#aa0000;
  border-bottom: 1px solid #AAA; 
  padding-left:10px;
  margin-top:5px;   
}
.header{color:#a00;
/*background:#aaa;
border-top:1px solid #ccc; border-bottom:1px solid #ccccff;*/
	font-family: Georgia, "Times New Roman";
	font-size: 150%;
}

.menubrief, .menuareas{padding-left:50px; background: url(../images/icons/brief.gif) left center no-repeat; margin-top:20px;color:#444; font-weight:100;}

.menuareas{background: url(../images/icons/court.gif) left center no-repeat; padding-left:50px;}

.menuheader{margin-top:20px;color:#221f5f; font-weight: 200; font-size:125%}

.subHeader {
  border: 0px;
}


/* -- Left Content -- */

#content a.menuItem, #content a.lastitem, #content a.menuItemCal, #content a.menuItemBrief, #content a.menuItemQuote, #content a.menuItemQuoteOn, #content a.menuItemCalOn, #content a.menuItemBriefOn{
  display: block;  
  padding: 1px 0 1px 5px;
  background: /*url(../images/Arrow.gif) url(../images/mailoff.gif) no-repeat center left*/;
  border: 0px;
  color:#93c8e0;
}


#content a.lastitem{background: url(../images/corner_sub_br.gif) bottom right no-repeat;}

#content a:hover.menuItem, 
#content a:hover.menuItemCal, 
#content a:hover.menuItemBrief,
#content a:hover.menuItemQuote{ 
  color: #a50;
  background:#ddd url(../images/Arrow.gif) no-repeat center right;
    border: 0px;
    border-left: #fff solid 4px;}
    
#content a:hover.menuItemCal, #content a.menuItemCalOn{background: #ddd url(../images/icons/calendar.gif) no-repeat center right;}
#content a:hover.menuItemBrief, #content a.menuItemBriefOn{background: #ddd url(../images/icons/brief.gif) no-repeat center right;}
#content a:hover.menuItemQuote, #content a.menuItemQuoteOn{background: #ddd url(../images/icons/quote.gif) no-repeat center right;}

#content a.active, #content a:hover.active {
  display: block;  
  padding: 5px 0 5px 5px;
  background: #fff url(../images/Arrow.gif) no-repeat center right;
  border: 0px;
  color:#93c8e0;
}


/* -- Footer layout/display styles -- */

#footer {
  float: left;
  width: 100%;
  height: 3em;
  font-size: 85%;
  padding-top: 7px;
 /* text-transform: lowercase;*/
  text-align:center;
  line-height: 3.2em;
  color: #221f5f;
  background: #221f5f url(../images/footer.gif) repeat-y top left;
}

#footerLeft {
  float: left;
  width: 60%;
  height: 3em;
  text-align: left;
  background: url(../images/corner_bl.gif) no-repeat bottom left;
}

#footerRight {
  float: right;
  width: 35%;
  height: 3em;
  text-align: right;
  background: url(../images/corner_br.gif) no-repeat bottom right;
}

#footer a {
  color: #221f5f;
}

#footer a:hover {
  color: #666666;
}

/* -- Display formatting styles -- */

.grey {
  font-size: 0.9em;
  color: #AAA;
}

.white {
  color: #FFF;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #AAA;
}


/* -- <ul> tag styles -- */

ul{
  padding-top: 5px;
  padding-bottom: 5px;
  /*list-style-image: url(../images/li_bullet.gif)*/;
  
}

#indented ul li{
	list-style: inside;
	line-height: 1.4;
	margin-left: 35px;	
}

ul .areas {
	list-style-type: square;
}
ul .text{
	margin-top: -2px;
	margin-right: 10px;
	padding-right: 35px;
}
.ul li ul li{
	margin-left: 15px;
}

li .text{
	line-height: 2px;
	padding-right:20px;
}

li {
  margin-left: 5px;
  padding-top:2px;
  padding-left:5px;
  line-height: 1.1;}

li .areas {list-style-image:url(../images/Arrow.gif);}


li .docs {list-style-type: square;}
   
.areas, .attys{font:"Times New Roman", Times, serif; font-weight: bold;color:#fff; line-height:20px; list-style-type: square;font-size: 115%;}

.docs, .docslist{list-style-image:url(../images/icons/bullet-doc.gif)}

.docslist, .pdflist{
	margin-left: 35px;
}

.pdfs, .pdflist
	{list-style-image:url(../images/icons/pdfsml.gif);
	line-height: 22px;
}

.areas{font-style:italic; }

a:link .areas {color:#fff;}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
  margin: 5px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
  margin-right:35px;
  line-height:18px;
  color:#a00;
  font-weight:bold;
  text-align:right;
  font-size:14px;
}

.img a, img a:hover, img a:link{margin:0;padding:0;}

.imgRight {
  float: right;
  margin-right: 0px;
  margin-left:10px;
}


/* -- Utility classes to create the bottom rounded corners -- */

.bottomCorner {
	margin-top: -8px;
  text-align: right;
}



.bottomCornerL {
  text-align: left;
}

.vBottom {
  vertical-align: bottom;
  clear: both;
}

/*--JDC add-ons*/

.text, .clients, .expt, .quotes, .notes, .info{font-family: "Century Gothic", "Trebuchet MS", Tahoma, Verdana, "Times New Roman"; font-size:14px;line-height:13px; text-align:justify;
	letter-spacing: 0.3px;
}

.text a, .text a:hover, .clients, .expt {color:#669999;}

.clients{background:url(../images/clients.gif) center no-repeat;
color: #ccccff;}

.expt{background:url(../images/expertise.gif) center no-repeat;
color: #ccccff;}

#dates, #datesoff{float:left; width:83px; height:83px; margin-left:5px; margin-top:5px; padding:5px; border: 1px dashed #fff; text-align:right; line-height:14px;}

#dates a, #datesoff a{color:#a20;}

#datesoff{background:#666; border:1px solid #666;}

.tenwhite, .tenwhitea{color:#FFFF99; font-size:11px;}

.tenwhitea{
	line-height: 8px;
	font-size: 80%;
}

.quotes{padding-left:40px;background: url(../images/icons/bluequote.gif) left top no-repeat;}

.notes{padding-left:40px;background: url(../images/icons/greennote.gif) left top no-repeat;}

.info{padding-left:40px;background: url(../images/icons/goldinfo.gif) left top no-repeat;}

.spotarea{
	width: 45%;
	padding:10px;
	float: left;
}

#contentRight .spotarea p{
	line-height: 1.2em;
	color: #555555;
	text-align:justify;
}


.feed, contentLeft a .feed{
	font-size: 95%;
	color: #221f5f;
	font-weight: bold;
	background: url(../images/icons/feed.gif) top left no-repeat;
	margin-top: 4px;
	padding: 3px 0px 5px 32px;
	}
#contentLeft a:hover .feed {
	color: #222;
}

#resources, #resourcesL{
	border: 1px dashed #ccc;
	padding:0px 5px 10px 10px;
	margin: 0px 5px 10px 10px;
	float: right;
	width: 420px;
}

#resourcesL{
	float: none;
	width: 80%;
}

#resources li{
	margin-left: 20px;
}

h2{
	color: #a91e22;	
}

.email, .print{
	line-height: 35px
	color:#ccccff;
}
.email{
	background: url(../images/icons/email.gif) center left no-repeat;padding: 5px 10px 5px 40px;
}
.print{
	background: url(../images/icons/printer.gif) center left no-repeat;padding: 5px 10px 5px 40px;
}

/* My Comment */