﻿/************************************************
	Katz, Sapper & Miller, LLP (www.ksmcpa.com)
	CSS Definition File
	Created in 2006 by Aiden Bordner for Cassis 
	(www.cassisdesign.com)
	
	Jova: May 15, 2008
	added header styles
	added .copyList class for ul lists
	
	Jova: May 16, 2008
	added classes: imgFloat copyList teamProfiles
************************************************/

html, body {
 border: 0;
 margin: 0;
 padding: 0 0 14px 0;
}

body {
 background: #ffffff;
 font: 10px Verdana, Helvetica, Arial, sans_serif;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	}

h1 {
	font-size: 130%;
	}

h2 {
	font-size: 120%;
	}

h3 {
	font-size: 110%;
	}

h4 {
	font-size: 100%;
	}

h5 {
	font-size: 90%;
	}

h6 {
	font-size: 80%;
	}

.copyList ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.copyList li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	}


/***********************************
newly added
***********************************/
div.infotext {
	padding-right:0px;
	border:0px;
}

div.persons-container {
	margin-bottom:20px;
	border: 0px;
}

div.persons-info {
	/*float:left;*/
	width:450px;
	margin-right:10px;
	border: 0px;
	text-align: left;
	padding-bottom: 30px;
	margin-bottom: 20px;
	margin-left:210px;
}

div.persons-picture {
	/*float:left;*/
	width:250px;
	border:0px;
	padding-left: 10px;
	margin-left:200px;
}

div.infotext hr {
	width:100%;
	height:1px;
	border:0px;
}

.clear {
	clear:both;
	border:0px;
}

.sectionHeader {
	padding: 20px 0px 8px 0px;
	margin: 0px 20px 0px 20px;
	border-bottom: 1px solid;
	}
/************************************************
	STRUCTURAL DIVS
************************************************/

#container {
 width: 812px;
 margin: 0 auto;
 background: #ffffff url(../images/bg_pageblock.gif) 0 0 repeat-y;
}

#head {
 height: 96px;
 width: 800px;
 margin: 0 auto;
 background: #ffffff url(../images/ksmlogo.gif) 16px 32px no-repeat;
 border-bottom: 1px solid #821910;
}

#topphotos {
 height: 75px;
 width: 800px;
 margin: 0 auto;
 background: #ffffff url(../images/newhead.jpg) 0 0 no-repeat;
 border-bottom: 1px solid #821910;
}



#content {
 width: 760px;
 margin: 32px 26px;
}

#copyright {
 width: 800px;
 margin: 10px auto 10px auto;
 font-size: 10px;
 line-height: 1.3em;
 letter-spacing: -1px;
 text-align: center;
 color: #b1b1b1;
}

#copyright a {
 font-size: 9px;
 line-height: 1.3em;
 text-decoration: underline;
 color: #b1b1b1;
}

#copyright a:hover {
 text-decoration: underline;
 color:#b1b1b1;
}

#footer {
 height: 14px;
 width: 812px;6
 margin: 0;
 padding: 0;
 line-height: 0;
 font-size: .1em;
 background: #ffffff url(../images/foot_pageblock.gif) bottom no-repeat;
}

#sidebar {
	float: left;
	width: 165px;
	border-right: thin solid #3e3e3e;
	border-bottom: thin solid #3e3e3e;
	background-color: #f1f1f1;
	}

#sidebar a {
	display: block;
	font-size: 1.2em;
	line-height: 1.9em;
	padding-left: 12px;
	}

a:link {
	color: #3e3e3e;
	text-decoration: none;
	}		/* unvisited link */
	
a:visited {
	color: #3e3e3e;
	text-decoration: none;
	}		/* visited link */
	
a:hover {
	color: #790101;
	text-decoration: none;
	}		/* mouse over link */
	
a:active {
	color: #3e3e3e;
	text-decoration: none;
	}		/* selected link */

/************************************************
	HOME PAGE
************************************************/

#head_home {
  height: 110px;
  width: 800px;
  margin: 0 auto;
}

#head .our_people,
#head_home .our_people,
#head_home .our_people2 {
 position: relative;
 top: 48px;
 left: 615px;
 width: 169px;
 height: 15px;
 background: #ffffff url(../images/ourpeople.gif) 0 0 no-repeat;
}

#head_home .our_people {
 top: 412px;
}

#head_home .our_people2 {
 top: 52px;
}

#home {
 width: 800px;
 margin: 0 auto;
}

#inthome {
 width: 800px;
 margin: 0 auto;
}

#home #copyblock {
 margin: 26px 18px 0 15px;
}

#inthome #copyblock {
 margin: 26px 18px 0 15px;
}

#home #copyblock .infotext {
 font-size: 1.1em;
 line-height: 1.15em;
 text-align: justify;
 float: left;
}

#inthome #copyblock .infotext {
 font-size: 1.1em;
 line-height: 1.15em;
 text-align: justify;
 float: left;
}

#home #copyblock .infotext p {
 margin: 0 4px 10px 0;
 padding: 0;
}

#inthome #copyblock .infotext p {
 margin: 0 4px 10px 0;
 padding: 0;
}

#home #copyblock .home_right {
 float: left;
 width: 300px;
 margin-left: 59px;
}

#inthome #copyblock .home_right {
 float: left;
 width: 300px;
 margin-left: 59px;
}

#home #copyblock .home_right ul {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: left;
 clear: left;
}

#home #copyblock .home_right ul li {
 display: block;
 margin-bottom: 10px;
}

#home #copyblock .home_right ul li a,
#home #copyblock .home_right ul li a:visited {
 color: #821910;
 text-decoration: underline;
}

#home #copyblock .home_right ul li a:hover,
#home #copyblock .home_right ul li a:active {
 background: #821910;
 color: #ffffff;
 text-decoration: none;
}

#home #nav {
 height: 286px;
 background: url(../images/home_bg_2.jpg) bottom no-repeat;
 background-position:bottom;
}

#inthome #intnav {
 height: 191px;
 background: url(../images/interior_bg_2_new.jpg) top no-repeat;
 background-position: top;
}

#home #redbar {
 background: url(../images/home_redbar.gif) 0 0 repeat-x;
 height: 13px;
 font-size: 0;
 line-height: 0;
 margin: 0;
 padding: 0;
}

#home #nav .homenavtab {
 border: 0;
 margin: 0;
 padding: 0;
 float: left;
 display: inline;
 background: transparent;
 text-align: right;
 border-right: 1px solid #666666;
}

#inthome #intnav .intnavtab {
 border: 0;
 margin: 0;
 padding: 0;
 float: left;
 display: inline;
 background: transparent;
 text-align: right;
 border-right: 1px solid #666666;
}

#home #nav #in {width: 129px;}
#home #nav #se {width: 129px;}
#home #nav #ne {width: 129px;}
#home #nav #re {width: 129px;}
#home #nav #co {width: 145px; border-right: none;}
#home #nav #ho {width: 129px;}


#inthome #intnav #intse {width: 129px;}
#inthome #intnav #intin {width: 129px;}
#inthome #intnav #intre {width: 129px;}
#inthome #intnav #intne {width: 129px;}
#inthome #intnav #intco {width: 150px; border-right: none;}
#inthome #intnav #intho {width: 129px;}

.sec_head {
 display: block;
 height: 25px;
 margin: 0;
 padding: 0 6px 0 0;
}

#inthome #intnav .intnavtab .intsec_head {
 display: block;
 height: 25px;
 margin: 0;
 padding: 0 0 0 0;
}

#home #nav .homenavtab .sec_head a,
#home #nav .homenavtab .sec_head a:visited{
 font: 1.1em Verdana, Helvetica, Arial, sans_serf;
 font-weight: bold;
 color: #131313;
 text-decoration: none;
}

#inthome #intnav .intnavtab .intsec_head a,
#inthome #intnav .intnavtab .intsec_head a:visited{
 font: 1.1em Verdana, Helvetica, Arial, sans_serf;
 font-weight: bold;
 color: #131313;
 text-decoration: none;
}

#home #nav .homenavtab .sec_head a:hover,
#home #nav .homenavtab .sec_head a:active {
 text-decoration: underline;
}

#inthome #intnav .intnavtab .intsec_head a:hover,
#inthome #intnav .intnavtab .intsec_head a:active {
 text-decoration: underline;
}

#home #nav .homenavtab .subnavtab {
 margin: 0;
 padding: 0;
 display: block;
 background: #89ac68;
 height: 261px;
 filter: alpha(opacity=80);
 -moz-opacity:.8;
 opacity:.8;
 visibility: hidden;
}

#inthome #intnav .intnavtab .intsubnavtab {
 margin: 0;
 padding: 0;
 display: block;
 background: #89ac68;
 height: 165px;
 filter: alpha(opacity=80);
 -moz-opacity:.8;
 opacity:.8;
 visibility: hidden;
}

#home #nav .homenavtab .qlnavtab {
 margin: 0;
 padding: 0;
 display: block;
 background: #89ac68;
 height: 261px;
 filter: alpha(opacity=80);
 -moz-opacity:.8;
 opacity:.8;
 }
 
#inthome #intnav .intnavtab .intqlnavtab {
 margin: 0;
 padding: 0;
 display: block;
 background: #89ac68;
 height: 165px;
 filter: alpha(opacity=80);
 -moz-opacity:.8;
 opacity:.8;
 }
 
.subnavtab ul {
 border: 0;
 margin: 0;
 padding: 12px 6px 0 0;
 list-style-type: none;
 text-align: right;
 clear: left;
}
 
.intsubnavtab ul {
 border: 0;
 margin: 0;
 padding: 5px 6px 0 0;
 list-style-type: none;
 text-align: right;
 clear: left;
}

.subnavtab ul li {
 padding-top: 2.0em;
}

.intsubnavtab ul li {
 padding-top: 1.0em;
}
.subnavtab ul li a,
.subnavtab ul li a:visited{
 color: #ffffff;
 font-weight: bold;
 font-size: 1.0em;
 text-decoration: none;
 filter: alpha(opacity=100);
}

.intsubnavtab ul li a,
.intsubnavtab ul li a:visited{
 color: #ffffff;
 font-weight: bold;
 font-size: 1.0em;
 line-height: 1.0em;
 text-decoration: none;
 filter: alpha(opacity=100);
}

.subnavtab ul li a:hover,
.subnavtab ul li a:active {
 text-decoration: underline;
}

.intsubnavtab ul li a:hover,
.intsubnavtab ul li a:active {
 text-decoration: underline;
}

.qlnavtab ul {
 border: 0;
 margin: 0;
 padding: 12px 6px 0 0;
 list-style-type: none;
 text-align: right;
 clear: left;
}


.intqlnavtab ul {
 border: 0;
 margin: 0;
 padding: 12px 6px 0 0;
 list-style-type: none;
 text-align: right;
 clear: left;
}

.qlnavtab ul li {
 padding-top: 1.0em;
 }

.intqlnavtab ul li {
 padding-top: 1.0em;
 }
 
.qlnavtab ul li a,
.qlnavtab ul li a:visited{
 color: #ffffff;
 font-weight: bold;
 font-size: 1.0em;
 text-decoration: none;
}
 
.intqlnavtab ul li a,
.intqlnavtab ul li a:visited{
 color: #ffffff;
 font-weight: bold;
 font-size: 1.0em;
 text-decoration: none;
}

.qlnavtab ul li a:hover,
.qlnavtab ul li a:active {
 text-decoration: underline;
}

.intqlnavtab ul li a:hover,
.intqlnavtab ul li a:active {
 text-decoration: underline;
}

#home #copyblock #linkbox {
 float: left;
 height: 38px;
 width: 318px;
 margin: 0;
 padding: 0;
 background: #fff url(../images/linkbox_bg.gif) 0 0 repeat-x;
 position: relative;
 top: -39px;
}

#home #copyblock #linkbox #left {
 height: 38px;
 width: 70px;
 background: url(../images/linkbox_left.gif) 0 0 no-repeat;
 float: left;
 margin-left: -8px;
}

#home #copyblock #linkbox .button {
 float: left;
 width: 123px;
 height: 38px;	
 background: url(../images/linkbox_b_div.gif) 0 0 no-repeat;
}

#home #copyblock #linkbox #about a,
#home #copyblock #linkbox #about a:visited {
 width: 123px;
 height: 38px;
 display: block;
 background: url(../images/linkbox_b1_txt.gif) 14px 11px no-repeat;
}

#home #copyblock #linkbox #about a:hover,
#home #copyblock #linkbox #about a:active {
 background: url(../images/linkbox_b1_sel.jpg) 0 0 no-repeat;
}

#home #copyblock #linkbox #careers a,
#home #copyblock #linkbox #careers a:visited {
 width: 123px;
 height: 38px;
 display: block;
 background: url(../images/linkbox_b2_txt.gif) 32px 11px no-repeat;
}

#home #copyblock #linkbox #careers a:hover,
#home #copyblock #linkbox #careers a:active {
 background: url(../images/linkbox_b2_sel.jpg) 0 0 no-repeat;
}

#home #copyblock #linkbox #cap {
 float: left; 
 height: 38px;
 width: 1px;
 background: url(../images/linkbox_b_div.gif) 0 0 no-repeat;
}

#inthome #copyblock #linkbox {
 float: left;
 height: 38px;
 width: 318px;
 margin: 0;
 padding: 0;
 background: #fff url(../images/linkbox_bg.gif) 0 0 repeat-x;
 position: relative;
 top: -39px;
}

#inthome #copyblock #linkbox #left {
 height: 38px;
 width: 70px;
 background: url(../images/linkbox_left.gif) 0 0 no-repeat;
 float: left;
 margin-left: -8px;
}

#inthome #copyblock #linkbox .button {
 float: left;
 width: 123px;
 height: 38px;	
 background: url(../images/linkbox_b_div.gif) 0 0 no-repeat;
}

#inthome #copyblock #linkbox #about a,
#inthome #copyblock #linkbox #about a:visited {
 width: 123px;
 height: 38px;
 display: block;
 background: url(../images/linkbox_b1_txt.gif) 14px 11px no-repeat;
}

#inthome #copyblock #linkbox #about a:hover,
#inthome #copyblock #linkbox #about a:active {
 background: url(../images/linkbox_b1_sel.jpg) 0 0 no-repeat;
}

#inthome #copyblock #linkbox #careers a,
#inthome #copyblock #linkbox #careers a:visited {
 width: 123px;
 height: 38px;
 display: block;
 background: url(../images/linkbox_b2_txt.gif) 32px 11px no-repeat;
}

#inthome #copyblock #linkbox #careers a:hover,
#inthome #copyblock #linkbox #careers a:active {
 background: url(../images/linkbox_b2_sel.jpg) 0 0 no-repeat;
}

#inthome #copyblock #linkbox #cap {
 float: left; 
 height: 38px;
 width: 1px;
 background: url(../images/linkbox_b_div.gif) 0 0 no-repeat;
}


/************************************************
	LEFT COLUMN INTERIOR
************************************************/

#left {
 float: left;
 width: 500px;
 margin: 0;
}

#left .headline {
 margin: 0 0 22px 0;
}

#left .copyblock p {
 font-size: 1.0em;
 line-height: 1.3em;
 color: #000;
 margin: 10px 0;
 padding: 0;
 text-align: justify;
}

#left .copyblock h1 {
 font-size: 2.0em;
 color: #000;
 margin: 10px 0;
 padding: 0;
 font-family: Arial Narrow, sans serif;
 
}

#left #breadcrumbs {
 width: 500px;
 border-top: 1px solid #999999;
 margin: 20px 0 0 0;
 padding: 4px 0;
 font-size: 9px;
 color: #666666;
}

#left #breadcrumbs a,
#left #breadcrumbs a:visited {
 color: #666666;
 text-decoration: none;
}

#left #breadcrumbs a:hover,
#left #breacrumbs a:active {
 text-decoration: underline;
}

/************************************************
	RIGHT COLUMN INTERIOR
************************************************/

#right {
 float: left;
 margin-left: 40px;
 padding-top: 50px;
 height: 100%;
}

#right .image {
 margin: 0 0 4px 0;
}

#right .caption {
 font-weight: bold;
}

#right .caption span.contact {
 font-weight: normal;
 font-style: italic;
 font-size: 0.9em;
}

#right .caption span.title {
 font-weight: normal;
 font-size: 0.9em;
 line-height: 1.3em;
}

/************************************************
	NAVIGATION
************************************************/

#nav_main {
 height: 42px;
 width: 800px;
 margin: 0 auto;
 background: #fff url(../images/bg_nav_main.gif) 0 0 repeat-x;
}

#nav_main #menu,
#nav_sub #menu,
#nav_sub2 #menu  {
 margin: 0;
 padding: 0;
}

#nav_main #menu ul,
#nav_sub #menu ul,
#nav_sub2 #menu ul {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 clear: left;
}

#nav_main #menu ul li {
 width: 100px;
 height: 42px;
 display: inline;
 float: left;
 text-align: center;
 line-height: 42px;
 background: transparent url(../images/nav_li_bg.gif) top right no-repeat;
}

#nav_main #menu ul li a,
#nav_main #menu ul li a:visited {
 width: 100px;
 height: 42px;
 color: #000;
 text-decoration: none;
 display: block;
 text-align: center;
 font-size: 1.0em;
 font-weight: bold;
 line-height: 42px;
}

#nav_main #menu ul li.sel,
#nav_main #menu ul li.sel a,
#nav_main #menu ul li.sel a:visited {
 color: #ffffff;
 font-weight: bold;
 background: #821910 url(../images/bg_nav_main_sel.gif) 0 0 repeat-x;
}

#nav_main #menu ul li a:hover,
#nav_main #menu ul li a:focus {
 height: 42px;
 width: 100px;
 color: #ffffff;
 background: #821910 url(../images/bg_nav_main_sel.gif) 0 0 repeat-x;
}

#nav_main #menu ul li.sel a:hover,
#nav_main #menu ul li.sel a:focus {
 text-decoration: none;
}

#nav_sub {
 height: 28px;
 width: 800px;
 margin: 0 auto;
 background: #821910
}

#nav_sub #menu {
 padding: 0 8px;
}

#nav_sub #menu ul li {
 height: 28px;
 display: inline;
 float: left;
 text-align: left;
 line-height: 28px;
 padding: 0 12px;
}

#nav_sub #menu ul li a,
#nav_sub #menu ul li a:visited,
#nav_sub #menu ul li.sel,
#nav_sub #menu ul li.sel a,
#nav_sub #menu ul li.sel a:visited {
 color: #fff;
 display: block;
 text-align: center;
 font-family: Arial, Helvetica, Verdana, sans_serif;
 font-size: 1.0em;
 font-weight: bold;
 line-height: 28px;
 text-decoration: none;
}

#nav_sub #menu ul li.sel,
#nav_sub #menu ul li.sel a,
#nav_sub #menu ul li.sel a:visited {
 background: #AE2115;
}
 

#nav_sub #menu ul li a:hover,
#nav_sub #menu ul li a:focus,
#nav_sub #menu ul li.sel a:hover,
#nav_sub #menu ul li.sel a:focus {
 text-decoration: none;
}

#nav_sub2 {
 height: 25px;
 width: 800px;
 margin: 0 auto;
 background: #626D7A url(../images/bg_nav_sub.gif) 0 0 repeat-x;
 border-bottom: 1px solid #A5B7CD;
}

#nav_sub2 #menu {
 padding: 0px;
}

#nav_sub2 #menu ul li {
 height: 25px;
 width:auto;
 display: inline;
 float: left;
 text-align: center;
 line-height: 25px;
 /*background: transparent url(../images/navsub2_li_bg.gif) top right no-repeat;*/
}

#nav_sub2 #menu ul li a,
#nav_sub2 #menu ul li a:visited {
 width: 100%;
 height: 25px;
 color: #fff;
 text-decoration: none;
 display: block;
 text-align: center;
 font-size: 9px;
 font-family: Arial, Helvetica, Verdana, sans_serif;
 line-height: 25px;
}

#nav_sub2 #menu ul li a:hover,
#nav_sub2 #menu ul li a:focus {
float:left;
height:24px;
 width: 100%;
 color: #ffffff;
 background: #626D7A url(../images/bg_nav_sub2_sel.gif) 0 0 repeat-x;*/
 }

#nav_sub2 #menu ul li.sel,
#nav_sub2 #menu ul li.sel a,
#nav_sub2 #menu ul li.sel a:visited {
float:left;
height:24px;
 width: 100%;
 color: #ffffff;
 background: #626D7A url(../images/bg_nav_sub2_sel.gif) 0 0 repeat-x;*/
 }

#nav_sub2 #menu ul li a:hover,
#nav_sub2 #menu ul li a:focus {
text-decoration:none;
}

#calendar {
	width: 230px;
	height:130px;
	padding: 5px;
	margin-bottom: 0px auto;
	border: 1px solid #cccccc;
	font: bold 14px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
	background-color: #ffffff;
}

#calendar .calendarTitle {
	font: bold 13px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#calendar  .today, td.today a, td.today a:link, td.today a:visited{
	color: #FFFFFF;
	font-weight: bold;
	background: #990000;
	text-decoration: none;

}


.int_header {
 font: 1.3em Verdana, Helvetica, Arial, sans_serf;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
}






/************************************************
	REPAIR CLASSES
************************************************/

.clearing {
 height: 0;
 font-size: 0;
 margin: 0;
 padding: 0;
 clear: both;
}