// Stylesheet for Water Street Tax
// Authored by Mike Swartz
// hoax-device.com
// Last revised 1.24.08


*
	{
		padding: 0 0 0 0;
		margin: 0 0 0 0 ;
	}


body {	
		background-color: #000000; 
		text-align: center;
}


#container
{
	background-color: #FFFFFF;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	margin-top: 0px;
	padding-left: 0px;
	width: 994px ;
	text-align: left;
}


#header 
{	
	display: block;
	padding-left: 0px;
	padding-top: 0px;
	 
	
	text-align: center;
	
	border-bottom: 5px;
	border-bottom-style: solid;
	border-bottom-color: black;
	width: 994px;
	height: 120px;
	overflow: hidden;
	
}


#content
{
	float: left;
	background-image: url("main.jpg");
	background-repeat: no-repeat;
	background-position: top;
	margin-top:  0px;
	margin-bottom: 0px;
	padding-top:  0px;
	padding-right: 0px;
	background-color: #000000;
	width: 993px;
	border-left: thin #666666 solid;
	border-right: thin #666666 solid;
	
}

#column
{
	float:left;
	padding: 0 20px 20px 20px;
	margin-top: 15px;
	margin-bottom: 0px;
	width:270px;
	height:auto;
	 
	border-right: solid;
	border-right-color: #666666;
	border-right-width: thin;
}

#columnLEFT
{
	float:left;
	padding: 0;
	margin-top: 0px;
	margin-left: 20px;
	width:630px;
	height:auto;
}

#button
{
	float: left;
	width: 270px;
	height: 191px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-image: url("glassBG.gif");
	background-position: center;
	background-repeat: no-repeat;
}

#buttonNR
{
	float: right;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	width: 255px;
	height: 191px;
	margin-right: 15px;
	background-image: url("glassBG.gif");
	background-position: center;
	background-repeat: no-repeat;
}

#call
{
	clear: both;
	padding: 0;
	margin-top: -30px;
	width:600px;
	height:auto;
}

#bottom
{
	clear: both;
	padding-top: 10px;
	margin-top: 20px;
	width:620px;
	height:auto;
}

#bottom a
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: block;
	width: 200px;
	text-align: center;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
}

#bottom a:hover
{
	text-align: center;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}

#call h2
{
	text-align: left;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-left: 16px;
}


#columnNR
{
	float:left;
	padding: 0 20px 20px 20px;
	margin-top: 15px;
	width:260px;	
	margin-bottom: 10px;
}

#columnTAX
{
	float:left;
	padding: 0 20px 20px 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	width:260px;
	border-left: thin #666666 solid;
}

#columnLong
{
	float:left;
	padding: 0 20px 20px 20px;
	margin-top: 15px;
	width:600px;	
	margin-bottom: 0px;
}


#content li
{
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
}

#content ul
{
	padding-left: 12px;
}

#columnNR li
{
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#columnNR a
{
	text-indent: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}


#columnTAX li
{
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#columnLong li
{
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #CCCCCC;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}



#navmenu
{
	width: 994px;
	background-color: #424141;
	clear: both;
	margin-left: 0px;
}


#navmenu ul
{
	clear: right;
	list-style: none;
	padding:0;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #424141;
}

#navmenu li
{
	clear: right;
	margin-top: 0px;
	float:left;
	background-color: #424141;
}

 
 #navmenu li a
{
	background-color: #424141;
	background-image: url("http://www.waterstreettax.com/buttonbgGray.jpg");
	margin-left: 5px;
	margin-right: 5px;
	height: 28px;
	line-height: 2em;
	display: block;
	clear: both;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif, sans-serif;
	font-size: 13px;
	border-width: 0.1em;
	border-color: #CCCCCC;

	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

 #navmenu li a:hover
{
	background-color: #5F6060;
	background-image: url("http://www.waterstreettax.com/buttonbg.jpg");
	
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
	height: 28px;
	line-height: 2em;
	display: block;
	text-decoration: none;
	text-align: center;

	font-family: "Lucida Grande", Verdana, Arial, sans-serif, sans-serif;
	font-size: 13px;
	color: #FFF;
}

#navmenu li ul {
	position: absolute;
	left: -999em;
}

#navmenu li:hover ul {
	left: auto;
}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


#navmenu li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#principals
{
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 8px;
	
	display: inline;
	background-image: url("/images/smallBG_orange.jpg");
	background-repeat: no-repeat;
}

#principals a
{
	padding: 2px;
	margin-top: 10px;
	font-family: "Verdana" arial sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 15px;
	width: 65px;
	text-decoration: none;
	color: #ffffff;
	text-align:center;
	display: block;
}

#principals a:hover
{
	font-family: "Verdana" arial sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	display: block;
}

#link
{
	width: 270px;
	height: 70px;
	margin-left: -5px;
	padding-top: 5px;
	background-image: url("images/linkBG.jpg");
	background-repeat: no-repeat;
	

}

#link a
{
	width: 200px;
	display: block;
	padding: 5px;
	margin-left: 25px;
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
	color: black;
	text-decoration: none;
	font-family: "Verdana", Arial, sans-serif;
}

#link a:hover
{
	width: 200px;
	display: block;
	padding: 5px;
	margin-left: 25px;
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
	color: #CCCCCC;
	text-decoration: none;
	font-family: "Verdana", Arial, sans-serif;
}


#footer
{
background-color: #000000;
clear: both;
width:994px;
height:30px;
border-top: thin solid #666666;

}

#footer a
{
	text-decoration: none;
	color: #CCCCCC;

}



#content h1
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.orange_header
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #FF9933;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

A.orange_header
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #FF9933;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

h2
{
	text-align: left;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #FFFFFF;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


h3
{
	text-align: left;
	font-family: "Myriad", Verdana, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
}


h4
{
	text-align: left;
	font-family: "Myriad", Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: black;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}



a img
{
	color: gray;
	border-style: none;
	border: 0;
}


p, .white
{
	text-indent: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}

.link a 
{
	display: block;
	text-indent: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}

.link a:hover
{
	display: block;
	text-indent: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	background-color: #FF9933;
	text-decoration: none;
}

.orange
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ff8a06;
	text-decoration: underline;
}

A.orange
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ff8a06;
	text-decoration: underline;
}

.orange_nounder
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ff8a06;
	text-decoration: none;
}

A.orange_nounder
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ff8a06;
	text-decoration: none;
}


.largelink a 
{
	display: block;
	text-indent: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}

.largelink a:hover
{
	display: block;
	text-indent: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	background-color: #FF9933;
	text-decoration: none;
}



.service
{
	text-indent: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}

.quiz
{
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


p.list
{
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #5d5d5d;
	padding-bottom: .5em;
}


.credit 
{
	text-align: right;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: CCC;
}

.footerCredit
{
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}