/* 
Author(s): Beth Budwig
Date Created: July 09
Notes: 
History:
*/

/* top-level containers */
#mainContent {padding-top:8px;}
#homepageContainer{background-color:#fff; border:1px solid #CDCDCC; float:left; margin:0; padding-bottom:5px; position:relative; width:748px;}
#homeTopBar{margin:8px 8px 6px; float:left;}
#linkBelt{margin:0 5px 6px; clear:both; float:left;}
#homeBottomArea{margin:0 0 8px; clear:both; float:left; padding:0; width:748px;}

/* welcome text */
#welcomeText{float:left; padding:4px 4px 7px 2px; width:500px;}
#welcomeText h1 {line-height:1.15em;}
#welcomeText h2 {font: normal normal .75em/1.4em Verdana, Arial, Helvetica, sans-serif; padding:0 5px; color:#666;}
#welcomeText h2 a{color:#666; text-decoration:none;}
#welcomeText h2 a:hover {text-decoration:underline;}

/* front and center */
#frontCenter{width:467px; padding: 11px 0 0 16px; /*height:15em;*/ margin-left:1px; border:1px solid #bcbcbc; float:left; clear:left; position:relative;/* background: #c6dff8 url(blue-sky-bg.png) bottom center no-repeat;*/}
#frontCenter h3{line-height:1.25em;}
#frontCenter form{height:34px; padding-top:1px; vertical-align:top;}
#frontCenter form div *{font-size:.75em; float:left;}
#frontCenter form select {height:1.8em; padding:1px 0 0; width:210px; margin-right:15px; margin-top:1px;}
#frontCenter form select option{font-size:1em}
#frontCenter form #searchNear {padding:2px 3px 2px; width:150px; margin-right:10px; }
#frontCenter form #lawyerSearchSubmit {margin-top:-1px;}
#frontCenter .browseBox{font-size:.7em; float:left;}
#frontCenter .browseBox h4{color:#666; font-weight:bold; line-height:1.5em; padding-bottom:3px;}
#frontCenter .browseBox ul{line-height:1.45em; list-style:none; float:left; padding-bottom:4px;}
#frontCenter .browseBox ul a {color:#333; text-decoration:none;}
#frontCenter .browseBox ul a:hover {text-decoration:underline;}
/*#frontCenter .browseBox ul a:visited {color:#666;}*/
#frontCenter .browseBox ul a.viewAll{font-style:italic;}
#frontCenter #browseTopic {width:225px; padding-left:3px;}
#frontCenter #browseTopic #topicList1{width:90px;}
#frontCenter #browseTopic #topicList2{width:130px;}
#frontCenter #browseLocation {width:229px; float:left; clear:none;}
#frontCenter #browseLocation ul{width:78px;}
#frontCenter #browseLocation ul.locList3{width:83px;}
#frontCenter #browseLocation #locList1 {width:63px;}
#frontCenter #browseLocation #locationTop{float:left; clear:both; border-bottom:1px #b2c7d9 solid;}
#frontCenter #browseLocation #locationBottom{width:166px; float:left; padding:4px 0 0 63px; clear:both;}
#frontCenter #browseLocation #locationBottom ul{float:left; clear:none; padding:0;}
#frontCenter #getListedButton{position:absolute; bottom:7px; left:323px;}

/* quick links */
#quickLinks{width:233px; height:17.7em; float:left; margin:-1.85em 0 0 9px; /*background:transparent url(corners_offwhite_bot.gif) no-repeat scroll left bottom;*/}
#quickLinks h3{padding:.7em 10px .25em 21px; font-weight:bold; font-size:1em; color:#dd7918; font-family: Helvetica, Arial, sans; font-style: normal; background:#FFFFFF url(corners_offwhite_top.gif) no-repeat scroll left top}
#quickLinks h3 a{text-decoration:none; color:#dd7918;}
#quickLinks h3 a:hover{text-decoration:underline;}
#quickLinks h3 a:visited{color:#dd7918}
#quickLinks ul{margin:2px 0 0 11px; border:1px solid #ccc; border-bottom:0px; padding:0; width:208px;}
#quickLinks li{display:block; list-style:none; clear:both; border-bottom:1px solid #ccc; background: #fff url(quicklinks_item_bg.gif) repeat-x top; padding:0; margin:0;}
#quickLinks li a {display:block; padding:6px 9px 6px 12px; line-height:1em; text-decoration:none; font-weight:bold; color:#666;}
#quickLinks a:hover {text-decoration:underline;}
#quickLinks span {font-weight:normal; float:right;}
#quickLinks h6 {height:.7em; margin:0; padding:4px 12px 0; font-size:.7em; text-align:right; clear:both;}
#quickLinks h6 a.textLinks{clear:both; font-size:1em;}

/* link belt */
#linkBelt ul{clear:both; float:left; width:736px; background-color:#FEF5D8; border:1px solid #ccc; padding:0; margin:0;}
#linkBelt li{float:left; display:block; width:183px; border-left:1px solid #ccc; margin:0; padding:1px 0;}
#linkBelt #legalUpdates{border-left:none 0;}
#linkBelt li a {display:block; font-size:.7em; font-weight:bold; color:#5C762C; text-decoration:none; margin: 0 0 0 20px; padding:4px 0;}
#linkBelt #legalUpdates a {padding-left: 20px; background:transparent url(home_legal_updates.gif) no-repeat center left;}
#linkBelt #dictionary a {padding-left: 28px; background:transparent url(home_dictionary.gif) no-repeat center left;}
#linkBelt #calculators a {padding-left: 20px; background:transparent url(home_calculator.gif) no-repeat center left;}
#linkBelt #legalResearch a {padding-left: 22px; margin-top:1px; margin-bottom:2px; padding-top: 3px; padding-bottom: 2px; background:transparent url(home_legal_research.gif) no-repeat bottom left;}

/* bottom area - general */
.homeCol{width:249px; float:left; border-top:1px solid #ccc; background: transparent url(tile_prod_box_header.gif) repeat-x top; }
#freeArea {width:248px;}
.homeColContent{padding:0 15px 5px 15px;}
.homeCol h3 {margin:0 8px 8px; border-bottom:1px solid #F6D28E; padding:6px 5px 5px; clear:both; color:#7A6D5C; font-size:0.7em; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; display:block;}
.homeCol h3 a {text-decoration: none;}
.homeCol h3 a:hover {text-decoration: underline;}
.homeCol h3 a, .homeCol h3 a:visited, .homeCol h3 a:hover, .homeCol h3 a:active {color:#7A6D5C;}
.homeCol h4{color:#7A6D5C; font-size:0.7em; font-weight:bold; letter-spacing:0.1em; margin:0; padding:1.3em 0 .3em; text-transform:uppercase; clear:both;}
.homeCol h4 span {text-transform:lowercase;}
.homeCol .more{display:block; clear:both; text-align:right; padding:0 0 3px;}
.homeCol .allLink{display:block; clear:both; padding:6px 0 3px; font: normal bold .8em/1.3em Helvetica, Arial, sans-serif;}
#homepageContainer .homeCol li {margin:0 0 0 12px; list-style:disc outside; font-size:12px;}
#homepageContainer .homeCol li .textLinks {font-size:1em;}
.homeCol a.articleLinkBold, .homeCol a.productLinkBold, .homeCol a.lawyerLinkBold {display:block; line-height:1.2em; padding:4px 0;}
.homeCol img {border:1px solid #999;}
.homeCol img.adImg{border:0; border-bottom:1px dashed #ccc; margin:0 0 5px -1px;}
.homeCol img.leftTopImg {float:left; margin: 2px 6px 6px -2px;}
.homeCol img.bottomCenterImg {clear:both; margin: 15px 2px 5px;}
.homeCol img.centerImg {clear:both; margin: 15px 2px 0px; border:0;}
.homeCol img.bottomBigImg {clear:both; margin: 6px 0 0 8px;}
.homeCol  p {color:#666;}
#homepageContainer .homeCol .bottBorder{padding-bottom:6px; margin-bottom:4px; border-bottom:1px dashed #ccc;}
	
/* freeArea - article styles */
.articleLinkBold {color:#5C762C; font-weight:bold; font-size:.75em; text-decoration:none;} 
.articleLinkBold:hover {text-decoration:underline;}
.featArticle{margin-top:4px; padding: 4px 0 1px; border-top:1px dashed #ccc;}
.featArticle p{margin-bottom:3px;}
.featArticle .allLink {color:#5C762C;}

/* productsArea - product styles */
#productsArea {border-left:1px solid #ccc; border-right:1px solid #ccc;} 
#productsArea .allLink, #productsArea .textLinks {color:#C63C05;}
#productsArea div.shadowContainer{margin:0 6px 2px 5px; float:left; width: 62px;}
#productsArea img.shadow {border:1px solid #999;}
.featProduct {margin-top:4px; padding: 14px 3px 1px 5px; border-top:1px dashed #ccc; clear:both; float:left; width: 200px;}
.featProduct p{margin-bottom:3px; display:none; float:left;}
.featProduct h5{float:left; display:inline; width:85px;}
.featProduct h5 a{float:left; display:inline;}

/* ldirArea - lawyer styles (well, now answer styles) */
#ldirArea .homeColContent{padding-left:13px;}
#ldirArea #firstHeader{padding-top:5px;}
#ldirArea ul.questions, #ldirArea p.section {margin:4px 0 0; padding: 7px 0 3px; border-top:1px dashed #ccc;}
#ldirArea ul.questions li {list-style:none; margin:0; padding:3px 0; font-size:1em; line-height:.85em; }
#ldirArea ul.questions li a {font-size:.7em; color:#5C762C; font-weight:normal; }

#legalQuestion{color:#069; margin-top:11px;}
#ldirArea form div{padding:14px 0 8px 18px;}
#ldirArea a.allLink {color:#069; margin:6px 0 6px;}
#ldirArea #whyUse {color:#069; font-weight:bold; font-size:.75em; margin-top:6px; padding: 4px 0 1px; clear:both;} 
#ldirArea ul.LDIRchecklist {margin:4px -10px 2px 0; padding:0 0 0 15px;}
#ldirArea ul.LDIRchecklist li {padding:2px 0 3px; margin:0; color:#333; font-size:.7em; list-style:outside url(blue_check.gif);}

/* stripped-down LDIR widget */
/*#homeLDIRWidget {margin:9px -8px 0 -6px; padding:0 0 8px; clear:both;}
#homeLDIRWidget h3 {border:0; letter-spacing:0; margin:0; text-transform:none;}
*/


/* ldir links tucked away at bottom of the entire page, for SEO*/
div#ldirLinksTop {margin-top:10px; float:left; border:1px solid #CDCDCC; padding:5px 10px; background-color:#FFFFFF; width:729px;} /* top part container */
#ldirLinksTop h2 {float:left;} /* ldir heading */
a#viewldcatlabel {float:right; font-size:0.7em; color:#7A6D5C; text-decoration:none;} /* hide/show arrow */
div#lawyerDirectoryBlockLinks {float:left; border:1px solid #CDCDCC; padding:8px 10px 12px; background-color:#FFFFFF; width:729px;} /* bottom container div */
div#lawyerDirectoryBlockLinks .linkListContainer {width:100%; float:left; margin-bottom:0px; margin-top:10px;}
div#lawyerDirectoryBlockLinks a {color:#006699;}
div#lawyerDirectoryBlockLinks #row1 {margin-top:1px;}
div#lawyerDirectoryBlockLinks ul {width:33%; float:left; font-size:0.7em; list-style-type:none;}  /* list for each link section */
div#lawyerDirectoryBlockLinks h2 {margin-bottom:3px;}