/* CSS Document */

html { 
	min-width: 742px;
	 }


	/* Helpers and base rules */

img	{
	border: 0;
	}



	/* Primary layout divisions */

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #fff url(images/bg_body.gif) top center repeat-x;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif; 
	
	}


div#wrapper	{
	color: #000;
	width: 808px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

div#topnav {
	color: #000;
	width: 808px;
	height: 58px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #65523f;
	font: 10px Arial, Helvetica, sans-serif; 
	}

div#headergraphic {
color: #000;
	width: 808px;
	height:123px;
	margin: 0 auto;
	padding: 0;

	}

div#canvas 	{
	text-align: left;
	width: 808px;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;

	}

div#maincontent 	{
	text-align: left;
	width: 760px;
	padding: 0;
	border: 0;
	margin: 0;

	}

/* where the main content goes */
div#paper {
	width: 760px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-image: url(images/div_vert.gif);
	 background-repeat: repeat-y;
	background-position: 209px 0;
	}


div#leftnav {
	line-height: 12px;
	width: 190px;
	float: left;
	}
	
div#content {
	line-height: 19px;
	width: 532px;
	float: right;
	text-align: left;
	 
}

#footer {
	clear: both;
	background-image: url(images/div_hr.gif);
	background-repeat: no-repeat;
	
	background-color:#ffffff;
	text-align: center;
	
	
	}
	
/* typography etc */
p {
padding: 0px;
margin: 0px;
}

#content p {
margin: 0 10px 10px 0;
}

#content h1 {
	font-size: 19px;
	color: #8dc0f3;
	padding: 0;
	margin: 2px 0 13px 0;
	font-family: trebuchet, trebuchet ms, arial, sans serif;
	}
	
#content h2 {
	font-size: 19px;
	color: #8dc0f3;
	padding: 0;
	margin: 2px 0 13px 0;
	font-family: trebuchet, trebuchet ms, arial, sans serif;
	}
	
#content h3 {
	font-size: 19px;
	color: #65523f;
	padding: 0;
	margin: 2px 0 13px 0;
	font-family: trebuchet, trebuchet ms, arial, sans serif;
	}
	
#content a:link, a:visited, a:active  {
	color: #003366;

}

#content a:hover  {
color: #990000;

	
}

#content ul {
padding: 0;
margin-left: 19px;
}

#content li {
padding: 0;
margin: 0;
}


#footer p {
	color: #999999;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0px;
	padding: 0 0 10px 0;
	margin: 0;
	
	
	}
	

	
div#ccircleright {
	width: 150px;
	float: right;
	text-align: center;
	padding: 0 225px 0 0;
	}
	
div#ccircleleft {
	width: 150px;
	float:left;
	text-align: center;
	padding: 0 0 0 225px;;
	}

#clear {
	clear: both;
	}
	

	
	
	
/* D R O P D O W N   S T Y L E S  */



#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 188px;
		background-color:#fff;
		font-size: 11px;
		font-weight: bold;
		font-family: trebuchet, trebuchet ms, arial, sans serif;
		

	}
	
#nav a {
	display: block;
	width: 188px;
	w\idth: 176px;
	text-decoration: none;
	padding : 0 6px;
	color : #000;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	position: relative;
	float: left;
	padding: 0;
	line-height : 29px;
	width: 188px;
	background-color : #fff;
	border-left : 1px solid #ced5d6;
	border-right : 1px solid #ced5d6;
	
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 188px;
	w\idth: 188px;
	font-weight: normal;
	margin-left: 188px;
	margin-top : -29px;
	border-left: none;
}

#nav li li {

	width: 188px;
	w\idth: 188px;
	
}

#nav li ul a {
	width: 188px;
	w\idth: 176px;
}

#nav li ul ul {
	left: -999em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

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

#nav li:hover, #nav li.sfhover  {
	background-image:url(images/leftnav_on.gif);
}


/* further dropdown customization */

.bgred {
background-image: url(images/leftnav_off.gif);
}

.bglight {
background-image: url(images/leftnav_off.gif);
}

.bgarrow {
background-image: url(images/leftnav_off_arrow.gif);


}

/* .indent {
background-image: url(images/gray_light.gif);
text-indent: 20px;
}
*/


.bgdark {
background-image: url(images/leftnav_off.gif);

}



/* ids for highlighting the current page.
the first name is for the body tag.
the second name with Nav in the title is for the link. */

body#whyjoin #leftnav a#whyjoin,
/* body#annual #leftnav a#annual, */
body#paperless #leftnav a#paperless,
body#stamp #leftnav a#stamp,

 {
background-image:url(images/gray_arrow.gif);
}

body#whois #leftnav a#whois,
body#invoice #leftnav a#invoice,
body#medallions #leftnav a#medallions,
body#training #leftnav a#training,
body#annual #leftnav a#annual,
body#directors #leftnav a#directors,
body#contact #leftnav a#contact,
body#events #leftnav a#events,
body#first #leftnav a#first,
body#guidelines #leftnav a#guidelines,
body#links #leftnav a#links,
body#mission #leftnav a#mission,
body#stamembers #leftnav a#stamembers,
body#useful #leftnav a#useful,
body#vendors #leftnav a#vendors,
body#sitemap #leftnav a#sitemap,
body#home #leftnav a#home,
body#basisreporting #leftnav a#basisreporting

 {
background-image:url(images/gray.gif);

}

body#unclaimed #leftnav a#unclaimed
 {
background-image:url(images/gray_arrow.gif);

}



#decreaseheight li {
line-height : 5px;
}

.conf {
color: #fff;
text-decoration: none;
}

#conf {
color: #fff;
text-decoration: none;
}

a.conf:link {color: #ffffff; }
a.conf:visited {color: #ffffff; }
a.conf:hover {color: #fffffff; }
a.conf:active {color: #ffffff; }