body {padding: 0; margin: 0; background: #006c68;} 
body {
	font-family: Arial, Verdana, Sans-Serif;
	color: #333;
}

p { font-size: 12px; line-height: 20px;}

li { line-height: 24px; font-size: 13px; letter-spacing: 0px; list-style-position: outside; }
ul { padding: 30px 40px 30px 50px; margin: 20px 0px 20px 0px; color: #333333; background: #ebf2f1 url(http://www.npiweb.com/images/franskin/BigArrow7.gif) no-repeat; list-style: circle inside; }

br { margin-bottom: 10px; line-height: 20px;}
p { font-size: 62.5%; font-size: 12px; line-height: 18px; }
.SubHead { font-size: 14px; line-height: 24px; color: #555555; }
hr { margin: 20px 0px 20px;}
label { font-size: 12px; vertical-align: text-top; padding-bottom: 20px;}

a
{
	font-weight: bold;
	color: #318f8c;
	text-decoration: none;
}

a:link
{
	text-decoration: none;
	color: #318f8c;
}

a:visited
{
	text-decoration: none;
	color: #318f8c;
}

a:hover
{
	text-decoration: underline;
	color: #43a19d;
}

a:active
{
	text-decoration: none;
	color: #318f8c;
}


.top { padding: 0; margin: 0; text-align: center;}

.headbar { padding: auto; margin: auto; width: 750px; color: #b4d3d3; text-align: left; font-size: 12px; padding: 7px 0px 0px 10px;}
.headbar img { vertical-align: text-bottom; }

.headerSlogan { padding: auto; margin: auto; padding-left: 20px; width: 750px; text-align: left; font-size: 17px; font-style: italic;}
.headerBanner { display: block; text-align: right; background: #ffffff; height: 35px; padding-top: 7px; padding-right: 10px; color: #555555; 
background: url('http://www.npiweb.com/images/franskin/topGray.gif') no-repeat; font-size: 12px; font-weight: normal; }

.headerBanner img {vertical-align: middle;}
.headerBanner a, .headerbanner a:visited { margin: 0; padding: 0;padding: 3px 4px 3px 0px; text-decoration: none; color: #555555; border: 1px #eeeeee solid; }
.headerbanner a:hover {text-decoration: none; border: 1px #cccccc solid; background: #eeeeee }


.middle { display: table; width: 100%; text-align: center; background-color: #FFFFFF; clear: both;}
.wrapper { padding: auto; margin: auto; width: 750px; text-align: left; clear: both;}
.contentwrapper { padding: auto; margin: auto; width: 750px; text-align: left; clear: both; padding-top: 20px;}
.contentwrapper { border: 1px solid #cccccc;}

.navmenu {font-weight: normal; display: table; width: 750px; margin-top: 15px; border-bottom: 1px solid #eeeeee; margin-bottom: -2px; color: #555555;}
.navmenu ul, .navmenu ul a {font-weight: normal; margin: 0; padding: 0; list-style-type: none; list-style-image: none; float: right; padding-right: 10px; background: none;}
.navmenu li {font-weight: normal; display: inline; font-size: 12px; letter-spacing: 0px;}
.navmenu ul li a, .navmenu ul li a:visited {font-weight: normal; text-decoration: none; margin: 0px; padding: 0px 15px 0px 15px; color: #222222; border: 1px solid #cccccc; background-color: #ffffff;}
.navmenu ul li a:hover {font-weight: normal; background-color: #eeeeee; color: #555555; text-decoration: none;}
.navslogan { font-size: 14px; margin-top: -10px; margin-bottom: -20px;}

.leftpane { width: 225px; float: left;}
.contentpane { width: 475px; float: left;}

.IndeOp { margin-left: 225px; text-align: center; color: #555555; font-size: 14px; font-style: italic; clear: both; padding: 10px 0px 20px 0px;}

.bottom {margin: 0; padding: 0;background: url('http://www.npiweb.com/images/franskin/greenGradient.gif'); color: #eeeeee; clear: both; padding-top: 20px; text-align: center; font-size: 12px;}
.bottom a:link {color: #EEEEEE; text-decoration: none; font-weight: normal;}
.bottom a:visited {color: #EEEEEE; text-decoration: none; font-weight: normal;}
.bottom a:hover {color: #ffffff; text-decoration: underline; font-weight: normal;}

.tour a, .tour a:visited {
display:block;
width: 165px;
text-align:center;
margin-top: 5px;
padding-top: 6px; 
padding-bottom: 8px;
letter-spacing: 1px;
font: bold 12px sans-serif;
color:#ffffff;
background: url("http://www.npiweb.com/images/franskin/tourButton.gif") 0 0 no-repeat;
text-decoration: none;
float: right;
}

.tour a:hover {background: url("http://www.npiweb.com/images/franskin/tourButton_over.gif") 0 0 no-repeat;
color: #ffffff;
text-decoration: none;}

.button a, .button a:visited {
display:block;
width: 205px;
text-align:center;
padding-top: 8px; 
padding-bottom: 10px;
letter-spacing: 1px;
font: bold 12px sans-serif;
color:#ffffff;
background: url("http://www.npiweb.com/images/franskin/button.gif") 0 0 no-repeat;
text-decoration: none;
float: left;
margin-right: 10px;
}

.button a:hover {background: url("http://www.npiweb.com/images/franskin/button_over.gif") 0 0 no-repeat;
color: #ffffff;
text-decoration: none;}


.buttonTop a, .buttonTop a:visited {
display:table;
width: 205px;
text-align:center;
padding-top: 9px; 
padding-bottom: 10px;
letter-spacing: 1px;
font: bold 12px sans-serif;
color:#eeeeee;
background: url("http://www.npiweb.com/images/franskin/buttonTop.gif") 0 0 no-repeat;
text-decoration: none;
float: right;
margin-right: 10px;
margin-bottom: 10px;
}

.buttonTop a:hover {background: url("http://www.npiweb.com/images/franskin/buttonTop_over.gif") 0 0 no-repeat;
color: #eeeeee;
text-decoration: none;}



.MenuHdr0, .MenuHdr0 A, .currentHeaderHighlight, .MenuHdr0 A:Active, .MenuHdr0 A:Hover, .MenuHdr0 A:Visited, .MenuHdr0 A:Link,
.MenuItem0, .MenuItem0 A, .MenuItem0 A:Active, .MenuItem0 A:Hover, .MenuItem0 A:Visited, .MenuItem0 A:Link,
.MenuItemMouseOver0, .MenuItemMouseOver0 A, .MenuItemMouseOver0 A:Active, .MenuItemMouseOver0 A:Hover, .MenuItemMouseOver0 A:Visited, .MenuItemMouseOver0 A:Link
{	

	display:block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	width: 205px;
	padding: 3px 0px 3px 7px;
	
	}

.currentHeaderHighlight  { margin-left: -7px; font-weight: bold; background: url(/images/franskin/activeMenu.gif) no-repeat center left; }


.MenuHdr0 A:Hover,
.MenuItem0 A:Hover,
.MenuItemMouseOver0 A:Hover
{	
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	background: url(/images/skin/arrowg.gif) no-repeat center left; 
	width: 205px;

	}


.MenuItem1, .MenuItem1 A, .MenuItem1 A:Active, .MenuItem1 A:Hover, .MenuItem1 A:Visited, .MenuItem1 A:Link,
.MenuItemMouseOver1, .currentItemHighlight, .MenuItemMouseOver1 A, .MenuItemMouseOver1 A:Active, .MenuItemMouseOver1 A:Hover, .MenuItemMouseOver1 A:Visited, .MenuItemMouseOver1 A:Link
	{
	display:block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	width: 199px;
	padding: 3px 0px 3px 13px;

}

 .currentItemHighlight { margin-left: -13px; font-weight: bold; background: url(/images/franskin/activeMenu7.gif) no-repeat center left; }

.MenuItem1 A:Hover,
.MenuItemMouseOver1 A:Hover
	{
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	background: #ffffff;  
/*	background: url(/images/skin/arrowg.gif) no-repeat center left;  */
	width: 205px;
}

.MenuItem2, .MenuItem2 A, .MenuItem2 A:Active, .MenuItem2 A:Hover, .MenuItem2 A:Visited, .MenuItem2 A:Link,
.MenuItemMouseOver2, .MenuItemMouseOver2 A, .MenuItemMouseOver2 A:Active, .MenuItemMouseOver2 A:Hover, .MenuItemMouseOver2 A:Visited, .MenuItemMouseOver2 A:Link
{
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
	margin-left: 30px;
	}

.SkinObject
{
	font-weight: normal;
	font-size: 10pt;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #ffffff;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #ffffff;
}

A.SkinObject:hover
{
	text-decoration: underline;
	color: #ffffff;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #ffffff;
}

.rightCallout p { padding-bottom: 5px; font-size: 8pt;}
.rightCallout img { margin-right: 15px; margin-bottom: 5px;}
.rightCallout { display: block; font-size: 8pt; width: 185px; line-height: 15px; float: right; border: 1px #cccccc solid; padding: 10px 10px 10px 10px; margin: 0px 10px 10px 10px;}
.rightCallout { background: url(/images/franskin/gradient.jpg) top left;}

.leftCallout p { padding-bottom: 5px; font-size: 8pt;}
.leftCallout img { margin-right: 15px; margin-bottom: 5px;}
.leftCallout { display: block; font-size: 8pt; width: 170px; line-height: 15px; border: 1px #cccccc solid; padding: 10px 10px 10px 10px; margin: 0px 10px 10px 10px;}
.leftCallout { background: url(/images/franskin/gradient.jpg) top left;}

.greenbox {height: 90px; background: url(/images/franskin/whiteBox.gif) no-repeat top left; padding: 10px 10px 10px 10px;}
.greenbox img { float: left; border: 1px black solid}
.greenbox p {padding-top: 10px;}
.franopbanner { float: right; margin-top: 40px; }
