/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: Style CSS
* Description: CSS file for the entire Natwick Associates website
*
*********************************************************************************/

/*--body section--*/

html, body 
	{
	margin:5px 0px;
	padding:0px;
	background:#226167;
	}

a, a:link, a:visited
	{
	}	

a:hover 
	{
	}
	
a:active
	{
	}

/*--div section--*/

div.container 
	{
	width:780px;
	margin:0 auto;
	padding:0px;
	background-color:#ffffff;
	}

div.header 
	{
	float:left;
	width:780px;
	height:120px;
	margin:0px;
	padding:0px;
	background:url(../images/headerbg01.jpg) no-repeat;
	border:1px solid #000000;
    }
	
div.navbar
	{
	float:left;
	width:780px;
	height:22px;
	margin:99px 0px 0px 0px;
	padding:0px;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html div.navbar
	{
	float:left;
	width:780px;
	height:22px;
	margin:98px 0px 0px 0px;
	padding:0px;
	}
		
div.main
	{
	float:left;
	width:780px;
	margin:0px;
	padding:0px 0px 10px 0px;
	background:#ffffff;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	}
	
div.leftpane 
	{
	float:left;
	width:500px;
	margin:10px 0px 0px 10px;
	padding:0px;
	background:url(../images/fadingcorner_large01.gif) no-repeat;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html div.leftpane 
	{
	float:left;
	width:500px;
	margin:10px 0px 0px 5px;
	padding:0px;
	background:url(../images/fadingcorner_large01.gif) no-repeat;
	}
	
div.leftcontent
	{
	float:left;
	width:480px;
	min-height:260px;
	margin:0px;
	padding:20px 0px 0px 20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.3em;
	text-align:left;
	}
	
div.leftcontent p
	{
	margin:0px 0px 15px 0px;
	padding:0px;
	}
	
div.leftcontent a, div.leftcontent a:link, div.leftcontent a:visited
	{
	text-decoration:none;
	}
	
div.leftcontent a:hover
	{
	text-decoration:underline;
	}
	
div.leftcontent a:active
	{
	}
	
div.rightpane
	{
	float:left;
	width:220px;
	margin:10px 0px 0px 40px;
	padding:0px;
	}
	
div.rightcontent
	{
	float:left;
	width:180px;
	margin:0px;
	padding:20px 20px 5px 20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.3em;
	background:url(../images/fadingcorner_small01.gif) no-repeat;
	}
	
div.rightcontent p
	{
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
div.rightcontent a, div.rightcontent a:link, div.rightcontent a:visited
	{
	text-decoration:none;
	}
	
div.rightcontent a:hover
	{
	text-decoration:underline;
	}
	
div.rightcontent a:active
	{
	}
	
div.onlypane
	{
	float:left;
	width:760px;
	margin:10px 0px 0px 10px;
	padding:0px;
	background:url(../images/fadingcorner_large01.gif) no-repeat;
	}
	
div.onlycontent
	{
	float:left;
	width:720px;
	min-height:260px;
	margin:0px;
	padding:20px 0px 0px 20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.3em;
	text-align:left;
	}
	
div.onlycontent p
	{
	margin:0px 0px 15px 0px;
	padding:0px;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html div.onlypane 
	{
	float:left;
	width:760px;
	margin:10px 0px 0px 5px;
	padding:0px;
	background:url(../images/fadingcorner_large01.gif) no-repeat;
	}
	
div.footer 
	{
	float:left;
	width:772px;
	height:17px;
	margin:0px;
	padding:3px 0px 0px 8px;
	font:9px Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.5em;
	background:url(../images/footerbg01.gif) no-repeat;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	}

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

.footer a:hover 
	{
	text-decoration:underline;
	}
	
.footer a:active
	{
	}
	
div.bottomsiteborder
	{
	float:left;
	width:780px;
	height:7px;
	margin:0px;
	padding:0px;
	background:url(../images/bottomsiteborder01.gif) no-repeat;
	}
	
/*--menu items section--*/

#nav, #nav ul
	{
	float:left;
	width:760px;
	margin:1px 0px 0px 20px;
	padding:0px;
	list-style:none;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html #nav, #nav ul
	{
	float:left;
	width:760px;
	margin:2px 0px 0px 10px;
	padding:0px;
	list-style:none;
	}
	
#nav li
	{
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	}
	
#nav li a
	{
	height:13px;
	display:block;
	margin:2px 0px 0px 5px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#172042;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border:1px outset;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html #nav li a
	{
	float:left;
	height:13px;
	display:block;
	margin:2px 0px 0px 2px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#172042;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border:1px outset;
	}
	
#nav li a:hover
	{
	height:13px;
	display:block;
	margin:2px 0px 0px 5px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#172042;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:transparent;
	border:1px outset #aaaaaa;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html #nav li a:hover
	{
	height:13px;
	display:block;
	margin:2px 0px 0px 2px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#172042;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:transparent;
	border:1px outset #aaaaaa;
	}
	
#nav li a:active
	{
	height:13px;
	display:block;
	margin:2px 0px 0px 5px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#172042;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:transparent;
	border:1px inset #606060;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html #nav li a:active
	{
	height:13px;
	display:block;
	margin:2px 0px 0px 2px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#172042;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:transparent;
	border:1px inset #606060;
	}
	
#nav li #highlight
	{
	height:13px;
	display:block;
	margin:2px 0px 0px 5px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:#172042;
	border:1px inset #606060;
	}
	
/* star hack to correct margin/padding discrepencies between IE6 and IE7 */

* html #nav li #highlight
	{
	height:13px;
	display:block;
	margin:2px 0px 0px 2px;
	padding:1px 14px 0px 14px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:#172042;
	border:1px inset #606060;
	}

#nav li ul /* second-level lists */
	{
	float:left;
	width:auto;
	position:absolute;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	background:#4d979e;
	border:1px solid #000000;
	z-index:2;
	}
	
* html #nav li ul /* second-level lists */
	{
	margin:18px 0px 0px -96px;
	}
	
#nav li ul li
	{
	float:none;
	}

* html #nav li ul li
	{
	width: 160px;
	}
	
#nav li ul a, #nav li ul a:link, #nav li ul a:visited
	{
	margin:0px 0px 0px 0px;
	padding:2px 6px 2px 6px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	text-align:left;
	border:none;
	}
	
#nav li ul a:hover
	{
	margin:0px 0px 0px 0px;
	padding:2px 6px 2px 6px;
	color:#ffffff;
	border:none;
	}
	
#nav li ul a:active
	{
	margin:0px 0px 0px 0px;
	padding:2px 6px 2px 6px;
	color:#ffffff;
	border:none;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
	{
	left:-999em;
	margin:-.5em 0 0 11em;
	}

#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 
	{ /* lists nested under hovered list items */
	left:auto;
	}

/*--universal classes-*/

.contentpiece 
	{
	margin:10px;
	}

.contenttitle 
	{
	font-weight:bold;
	}