/* CSS Document */
<!-- hide from older browsers 
* /* Our "universal rule" */ 
{ 
padding: 0; 
margin: 0 auto; 
border: 0; 
} 
html, body { 
padding: 0; 
margin: 0 auto; 
border: 0; 
background-color: #072915;
text-align: center;
} 
#mainContainer { 
width: 950px; 
margin: 0 auto; /* We are going to center this design */ 
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ 

} 

#subcontainer { 
width: 800px; 
float: right;
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ 

}
#header a{ 
display: block;
background-image:url(_images/taxpracticehdr.jpg);
height: 124px;
width: 800px;
text-decoration: none;
} 

#header a span {
visibility: hidden;
text-decoration: none;
}
#content { 
float: left; /* Just float it left */ 
width: 800px; /* The same width as the mainContainer */ 
margin-top:236px; /* We add some space for our top menu */ 
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
letter-spacing: 0.1em;
} 


#content h1 {
color: #560D19;
padding: 5px 0 5px 20px;
font-family: "Times New Roman", Times, serif;
}

#content h2 {
color: #560D19;
padding: 5px 0 5px 20px;
font-family: "Times New Roman", Times, serif;
}

#content p {
padding-left: 40px;
padding-bottom: 10px;
color: #072915;
}

#linkages table {
width: 720px;
margin-left:40px;
}
#linkages td.right {
background-image: url(_images/bgrounds/pensionpanic.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 0px solid #560D19;
width: 340px;
height: 250px;
}

#linkages td.right a{

background-repeat: no-repeat;
background-position: top right;
border: 0px solid #560D19;
width: 340px;
height: 250px;
}

#linkages td.right a:hover{
background-image: url(_images/bgrounds/pensionpanichov.jpg);
background-repeat: no-repeat;
background-position: top right;
width: 340px;
display: block;
background-color: #FFFFFF;
border-left: 0px solid #FFFFFF;

}
#linkages td.resleft {
border: 0px solid #560D19;
margin: 2px;
width: 350px;
height: 100px;
list-style: none;
margin-left: 40px;
padding: 5px;
vertical-align: top;
font-size: 0.9em;
}

#linkages td.resleftexplan {
border: 0px solid #560D19;
margin: 2px;
width: 350px;
height: 100px;
list-style: none;
margin-left: 40px;
padding: 5px;
vertical-align: top;
font-size: 0.9em;
}


#linkages td.resrighttxt li {
margin-bottom: 1.0em;
}

#linkages td.reslefttxt {
border: 0px solid #560D19;
margin: 2px;
width: 350px;
height: 280px;
list-style: none;
padding: 5px;
font-size: 0.8em;
vertical-align: top;
}

#linkages td.resrighttxt {
border: 0px solid #560D19;
margin: 2px;
width: 350px;
list-style: none;
padding: 5px;
font-size: 0.8em;
vertical-align: top;
}

#linkages td.resources {
background-image: url(_images/bgrounds/resourcelinkbg.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 0px solid #560D19;
width: 300px;
height: 270px;
}
#linkages td.left {
border: 0px solid #560D19;
margin: 2px;
width: 350px;
list-style: none;
margin-left: 40px;
padding: 5px;
vertical-align: top;
}

#linkages td{
border: 1px solid #560D19;
margin: 2px;
}

#linkages td a {
width: 352px;
display: block;
padding: 5px;
border-left: 12px solid #560D19;
color: #072915;
text-decoration: none;
}

#linkages td a:hover{
width: 352px;
display: block;
background-color: #711515;
border-left: 12px solid #125C2A;
color: #FFFFFF;
}

#linkages td.resleftexplan {
border: 0px solid #560D19;
margin: 2px;
line-height:1.3em;
}

#linkages td.resleftexplan a {
width: 50px;
display: inline;
padding: 0px;
border-left: 0px solid #560D19;
border: 0px solid #560D19;
text-decoration: none;
}

#linkages td.resleftexplan a:hover{
width: 50px;
display: inline;
padding: 0px;
border-left: 0px solid #560D19;
border: 0px solid #560D19;

color: #FFFFFF;
text-decoration: underline;
}

#leftside {
width: 50%;
float: left;
padding: 0 5px 10px 20px;
}

#rightside {
width: 40%;
float:right;
padding: 0 20px 10px 5px;
}

#rightside td.title, #leftside td.title {
color: #072915;
font-weight: bold;
vertical-align: top;
}



#rightside a:link, #rightside a:visited {
text-decoration: underline;
color: #560D19;
}

#rightside a:hover {
text-decoration: none;
color: #072915;
}

#rightside img {
float: left;
border: none;
}

.meta {
	margin-bottom: 10px;
	padding: 0px 30px 0px 0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
}

.disclaimer {
	margin: 10px 0 5px 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #999999;
}


#column { 
float: left; /* Just float it left */ 
width: 800px; /* The same width as the mainContainer */ 
height:233px;
margin-left: -800px; /* Now we move the column 760px (the same amount as the mainContainer width) to the left */ 
background: #072915; 
} 
#footer { 
clear: both; /* We have to clear our floats */ 
width: 800px; /* We need to set the width on the footer  */ 
margin-left: 150px; /* We need to center the footer also */ 
height: 40px;
padding-top: 4px;
color: #FDFDFD;
text-align:right;
font-family: "Times New Roman", Times, serif;
font-size: 0.7em;
} 

#footer .essaitch {
float: left;
text-align: right;
color: #99D7B1;
}
#footer .essaitch a:link, #footer .essaitch a:visited{
color: #99D7B1;
text-decoration: none;
}

#footer .ttp a:link, #footer .ttp a:visited{
color: #FDFDFD;
text-decoration: none;
}

img {
border: none;
}

#footer img.righter {
border: none;
float: right;
}

#footer img.lefter {
border: none;
float: left;
}
#footer a:hover{
color: #FFFFCC;
text-decoration: none;
}
 /* MENU SYSTEM */
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
text-align: center;
font-size: 1.4em;
letter-spacing: 0.1em;
font-family:"Times New Roman", Times, serif;
width: 100%;
height:233px;
border: 0px solid #072915;
border-width: 1px 0;
background-color: #072915;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li img {
margin-bottom: 5px;
}

.solidblockmenu li a{
float: left;
color: #FDFDFD;;
padding: 8px 7px;
text-decoration: none;
border-right: 1px solid #072915;
width: 18.1%;
}

.solidblockmenu li a.last{
float: left;
color: #FDFDFD;
padding: 8px 6px;
text-decoration: none;
border-right: 0px solid #072915;
width: 18.1%;
}

.solidblockmenu li a.currentlast{
float: left;
color: #FDFDFD;
padding: 8px 6px;
text-decoration: none;
border-right: 0px solid #072915;
width: 18.1%;
}

.solidblockmenu li a:visited{
color: #FDFDFD;
}

.solidblockmenu li a:hover, .solidblockmenu li .current, .solidblockmenu li .currentlast{
color: #FDFDFD;
background-color: #560D19;
}

/* VERTICAL MENU */

* html #vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 140px;
	padding: 0px;
/*	position: relative;
	margin: 85px auto;*/
	float: left;
	z-index: 99;
	margin-top:360px; /* We add some space for our top menu */ 
}

#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 140px;
	padding: 0px;
/*	position: relative;
	margin: 85px auto;*/
	float: left;
	z-index: 99;
	margin-top:348px; /* We add some space for our top menu */ 
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul p {
font-size: 80%;
display: block;
border-bottom: 0px solid #072915;
margin-bottom: 5px;
padding: 6px 3px 5px 3px;
text-decoration: none;
text-align: center;
letter-spacing: .1em;
color: #fff;
width:140px;
background-color: #9E0818;
}

#vertmenu ul li a {
font-size: 70%;
display: block;
border-bottom: 5px solid #072915;
padding: 6px 3px 5px 3px;
text-decoration: none;
text-align: center;
letter-spacing: .1em;
color: #fff;
width:140px;
background-color: #0C4F26;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #fff;
background-color: #560D19;
}