/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //------------ */
body {
margin:10px;
padding:0;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
}

p {
margin:4px 0px 10px 0px;
}

/* not great css, but the .italic and .bold classes carry over from Brincefield.com -AR */
.italic {
font-style:italic;
}
.bold {
font-weight:bold;
}

.date {
color: #999999
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h3, h4 {
font-weight:bold;
margin:10px 0px 0px 0px;
}

h1 {
	font-size:20px;
	line-height:28px;
	color:#4CB9C1;
	font-weight:bold;
	margin:0px 0 10px 0;
}

h2 {
font-size:12px;
color:#4CB9C1;
font-weight:bold;
margin:0px 0 4px 0;
border-bottom:2px dotted #666666;
}

h3 {
font-size:18px;
	color:#4CB9C1;
	font-weight:bold;
	margin:0px 0 -15px 0;
}

h4 {
font-size:12px;
color:#4CB9C1;
font-weight:bold;
margin:0px 0 0px 0;
}

.publicationsfeature {
	font-size:18px;
	margin:0px 0 0px 0;
	line-height:28px;
}

a:link, a:visited {
color:#4CB9C1;
text-decoration:none;
border-bottom:1px dotted;
}

a:hover, a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:1px dotted;
}

ul {
margin:0px 0px 0px 20px;
padding:0px;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0px;
list-style-type:decimal;
}

ul li, ol li {
margin:1px 0px 1px 0px;
padding:0px;
}

img.rightwrap {
float:right;
margin: 0px 0px 10px 10px;
}
img.leftwrap {
float:left;
margin: 0px 10px 10px 0px;
}

/* << ----------------// Outer container that holds all the columns //------------ */
#mainContainer {
margin:0px auto;
padding:0px;
width:760px;
background-color:#FFFFFF;
}

/* << ----------------// Header //------------ */
#header {
margin:0px;
padding:25px 0px 0px 30px;
width:730px;
height:110px;
background:url(images/homepage-header.jpg);
}

/* << ----------------// Subheader //------------ */
#subheader {
margin:0;
padding:20px 30px 20px 30px;
width:700px;
height:240px;
}
/* << ----------------// Subheader //------------ */
#subheader-test {
margin:0;
padding:20px 30px 20px 30px;
width:700px;
height:389px;
}

/* << ----------------// Subpage header //------------ */
#subpageheader {
margin:0px 0px 0px 30px;
padding:20px 0px 0px 0px;
width:700px;
height:35px;
border-bottom:2px dotted #4CB9C1;
font-family: Tahoma, sans-serif;
font-size:30px;
}

/* << ----------------// Subpage header Publications //------------ */
#subpageheadernews {
margin:0px 0px 0px 30px;
padding:20px 0px 5px 0px;
width:700px;
height:35px;
}

/* << ----------------// Subpage header Publications Feature //------------ */
#subpageheadernewsfeature {
margin:0px 0px 0px 30px;
padding:15px;
width:670px;
background-color:#E9F5F3;
}

#subpageheadernewsfeature a{
font-size:12px;
color:#4CB9C1;
}

/* << ----------------// Publications Left Column //------------ */
#subcolumnLeftPublications {
float:left;
margin:20px 0px 0px 0px;
padding:0px 20px 0px 30px;
width:470px;
background-color:#ffffff;
}

/* << ----------------// Publications Right Column//------------ */
#subcolumnRightPublications{
float:left;
margin:20px 0px 20px 0px;
padding:0px 15px 0px 20px;
width:160px;
background-color:#ffffff;
border-left:2px dotted #4CB9C1;
}

#subcolumnRightPublications a:link, #subcolumnRightPublications a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subcolumnRightPublications a:hover, #subcolumnRightPublications a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// About Us Subcolumns //------------ */
#subcolumnAbout {
	float:left;
	margin:0px;
	padding:15px 20px 10px 0px;
	width:150px;
}
#subcolumnAbout2 {
	float:left;
	margin:0px;
	padding:20px 0px 0px 30px;
	width:150px;
}
#subcolumnRightPublications ul {
padding:0;
}

#subcolumnRightPublications ul li {
padding:0;
line-height:16px;
}

#subcolumnRightPublications ul li a:link, #navVertical ul li a:visited {
color:#000000;
text-decoration:none;
}

#subcolumnRightPublications ul li a:hover, #navVertical ul li a:active {
color:#4CB9C1;
text-decoration:none;
}

/* << ----------------// Subpage full body //------------ */
#subpagefullbody {
margin:0px 0px 0px 30px;
padding:20px 0px 0px 0px;
width:700px;
}

/* << ----------------// Subpage contact us //------------ */
#subpagecontactleft {
float:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 30px;
width:500px;
}

#subpagecontactright {
float:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 20px;
width:200px;
}

#subpagecontactright a:link, #subpagecontactright a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subpagecontactright a:hover, #subpagecontactright a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Horizontal navigation //------------ */
#navHorizontal {
	margin:0px 30px 0px 30px;
	padding:0px;
width:700px;
height:30px;
line-height:30px;
background-color:#333333;
}

#navHorizontal ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:7px 15px 8px 15px;
color:#ffffff;
text-decoration:none;
border-bottom:0px;
}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
color:#ffffff;
text-decoration:none;
background-color:#4CB9C1;
border-bottom:0px;
}

#home #navHorizontal li.home,
#aboutus #navHorizontal li.aboutus,
#ourpeople #navHorizontal li.ourpeople,
#practiceareas #navHorizontal li.practiceareas,
#publications #navHorizontal li.publications, 
#careers #navHorizontal li.careers,
#contactus #navHorizontal li.contactus {
background-color:#4CB9C1;
}

#home #navHorizontal li.home a,
#aboutus #navHorizontal li.aboutus a,
#ourpeople #navHorizontal li.ourpeople a,
#practiceareas #navHorizontal li.practiceareas a,
#publications #navHorizontal li.publications a, 
#careers #navHorizontal li.careers a,
#contactus #navHorizontal li.contactus a {
background-color:#4CB9C1;
}


/* << ----------------// Left column //------------ */
#columnOne {
float:left;
margin:20px 0px 0px 0px;
padding:0px 18px 10px 30px;
width:210px;
background-color:#ffffff;
}

/* << ----------------// Middle column //------------ */
#columnTwo {
float:left;
margin:20px 0px 0px 0px;
padding:0px 18px 10px 15px;
width:210px;
/*height:150px;*/
background-color:#ffffff;
}

/* << ----------------// Right column //------------ */
#columnThree {
float:left;
margin:20px 0px 0px 0px;
padding:0px 0px 10px 15px;
width:210px;
background-color:#ffffff;
}

/* << ----------------// Sub-Left column //------------ */
#subcolumnOne {
float:left;
margin:0px 0px 0px 30px;
padding:20px 15px 0px 0px;
width:160px;
background-color:#ffffff;
}

/* << ----------------// Sub-Middle column //------------ */
#subcolumnTwo {
float:left;
margin:0px 0px 0px 0px;
padding:20px 20px 0px 0px;
width:370px;
background-color:#ffffff;
}

/* << ----------------// Sub-Middle column 2 //------------ */
#subcolumnTwo-B {
float:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
width:525px;
}

/* << ----------------// Sub-Middle column 3 //------------ */
#subcolumnTwo-C {
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 0px 8px 10px;
	width:155px;
	background-color: #E9F5F3;
	height:177px;
}

/* << ----------------// Sub-Middle column 4 //------------ */
#subcolumnTwo-D {
	float:left;
	margin:0px;
	padding:15px 10px 10px 0px;
	width:155px;
}

#subcolumnTwo-D a:link, #subcolumnTwo-D a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subcolumnTwo-D a:hover, #subcolumnTwo-D a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Sub-Middle column 5 //------------ */
#subcolumnTwo-E {
float:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
width:410px;
}
/* << ----------------// Sub-Right column //------------ */
#subcolumnThree {
float:left;
margin:20px 0px 0px 0px;
padding:10px 10px 10px 10px;
width:115px;
background-color:#eeeeee;
}#subcolumnThree.subcolumnThreePA {
background-color:#FFFFFF;
padding:10px 0px 0px 0px;
width:130px;
}

#subcolumnThree a:link, #subcolumnThree a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#subcolumnThree a:hover, #subcolumnThree a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Sub-Right column 2 //------------ */
#subcolumnThree-C {
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 10px 8px 10px;
	width:330px;
	background-color: #E9F5F3;
	height:177px;
}

/* << ----------------// Sub-Right column 3 //------------ */
#subcolumnThree-D {
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 10px 10px 10px;
	width:330px;
}

/* << ----------------// Sub-Right column 4 //------------ */
#subcolumnThree-E {
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 10px 8px 10px;
	width:505px;
	background-color: #E9F5F3;
	height:177px;
}

/* << ----------------// Vertical navigation //------------ */
#navVertical {
float:left;
margin:0px 0px 0px 0px;
padding:20px 15px 0px 30px;
width:160px;
background-color:#ffffff;
}

#navVertical a:link, #navVertical a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#navVertical a:hover, #navVertical a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}


#navVertical ul {
margin:0px 0px 10px 0px;
padding:0;
list-style:none;
}

#navVertical ul li {
margin:0px 0px 10px 0px;
padding:0;
list-style:none;
line-height:16px;
}

#navVertical ul li a:link, #navVertical ul li a:visited {
color:#000000;
text-decoration:none;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#4CB9C1;
text-decoration:none;
}

.navVisited {
color: #4CB9C1
}

#navVertical.navVerticalAboutus {
width:130px;
}
/* << ----------------// Vertical navigation 2//------------ */
#navVertical-B {
float:left;
margin:0px 0px 0px 0px;
padding:20px 15px 0px 30px;
width:160px;
background-color:#ffffff;
}

#navVertical-B a:link, #navVertical-B a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#navVertical-B a:hover, #navVertical-B a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

#navVertical-B ul {
padding:0;
}

#navVertical-B ul li {
padding:0;
line-height:16px;
}

#navVertical-B ul li a:link, #navVertical-B ul li a:visited {
color:#000000;
text-decoration:none;
border-bottom:0px;
}

#navVertical-B ul li a:hover, #navVertical-B ul li a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}

/* << ----------------// Vertical navigation Sitemap//------------ */
#navVertical-C {
float:left;
margin:0px 0px 0px 0px;
padding:20px 15px 0px 30px;
width:145px;
background-color:#ffffff;
}

#navVertical-C a:link, #navVertical-C a:visited {
color:#333333;
text-decoration:none;
border-bottom:0px;
}

#navVertical-C a:hover, #navVertical-C a:active {
color:#4CB9C1;
text-decoration:none;
border-bottom:0px;
}


#navVertical-C ul {
margin:0px 0px 10px 0px;
padding:0;
list-style:none;
}

#navVertical-C ul li {
margin:0px 0px 10px 0px;
padding:0;
list-style:none;
line-height:16px;
}

#navVertical-C ul li a:link, #navVertical-C ul li a:visited {
color:#000000;
text-decoration:none;
}

#navVertical-C ul li a:hover, #navVertical-C ul li a:active {
color:#4CB9C1;
text-decoration:none;
}

.navVisited {
color: #4CB9C1
}

#pub_weblinks {
width:600px;
clear:both;
margin:0px 0px 20px 20px;
padding:10px;
background-color: #E9F5F3;
}
/* << ----------------// Footer //------------ */
#footer {
margin:0px;
padding:2px 0px 2px 0px;
width:760px;
font-size:12px;
color:#ffffff;
background-color:#4CB9C1;
clear:both;
}

#footer a:link, #footer a:visited {
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:underline;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //------------ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

