body {
	background : #d9e5ff url(../i/bkgPage.gif) repeat-y;
	font : 10pt/12pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : #330099;
	margin : 0px;
	padding : 0px;
}

/*** BEGIN LINKS ***/
a {
	color : #6666ff;
	text-decoration : none;
}

a:link {
	color : #6666ff;
	text-decoration : none;	
}

a:visited {
	color : #8000a0;
	text-decoration : none;
}

a:hover {
	color : #993333;
	text-decoration : underline;
}
/*** END LINKS ***/

/*** BEGIN PNAV ***/
#pnav {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 140px;
	height : 400px;		/* 27 per menu item, 141 for logo, 71 for footer */
						/* sometimes, shift up or down one along with milonic menu
							to deal with off by one error in IE. put milonic menu
							at 140 or 141 px from top */
	padding : 0px;
	margin : 0px;
	background-color : #330099;
	background-image : url(../i/bkgMenu.gif);
	background-repeat : repeat-y;
	z-index : 200;
}

#logo {
	position : absolute;
	top : 0px;
	left : 0px;
}

#logo img {
	width : 140px;
	height : 141px;
	border : 0px;
}

#menuFooter {
	position : absolute;
	bottom: 0px;
	left : 0px;
	padding : 0px;
	margin : 0px;
}

#menuFooter img {
	width : 140px;
	height : 71px;
	border : 0px;
	padding : 0px;
	margin : 0px;
}
/*** END PNAV ***/


/*** BEGIN HEADER ***/
#headerCurves {
	position : absolute;
	top : 0px;
	left : 140px;
	z-index : 160;
}

#headerCurves img {
	width : 48px;
	height : 48px;
	border : 0px;
}


#header {
	position : relative;
 	margin-left : 140px;
 	height : 48px;
 	background-color : #9fbfff;
 	text-align : center;
 	z-index : 150;
}

#header img {
	width : 385px;
	height : 32px;
	border : 0px;
	margin-top : 8px;
}

#title {
	position : relative;
	margin-left : 188px;
	margin-top : 16px;
	height : 64px;
	z-index : 100;
}

#title span {
	color : #6699ff;
	font-family : Times, Bookman, serif;	
	font-size : 24pt;
	line-height : 34pt;
	font-style : italic;
	font-weight : bold;
}

#title img {	
	border : 0px;
}

/*** END HEADER ***/


/*** BEGIN FOOTER ***/

#footer {
	position : absolute;
	bottom : 5px;
	left : 0px;
	width : 140px;
	color : #ffffff;
	text-align : center;
	font-size : 8pt;
}

.footnav {
	margin-top : 2em;
	font-size : 8pt;
	color : #ffffff;
	text-align : center;
}

.footnav hr {
      border: 0;
      width: 95%;
      color: #9fbfff;
      background-color: #9fbfff;
      height: 1px;
}

.footnav a {
	color : #9fbfff;
}

.footnav a:visited {
	color : #9fbfff;
}
/*** END FOOTER ***/

/*** BEGIN BODY STRUCTURE ***/
#content {
	position : relative;
	width : 40em;
	margin-left : 188px;
	padding-bottom : 2em;
	z-index : 50;
}

#insetPhotoPrt {
	width : 94px;
	height : 144px;
	border : 0px;
	padding-right : 1px;
	padding-bottom : 1px;
	border-left : 0px;
	border-right : 1px solid #330099;
	border-top : 0px;
	border-bottom : 1px solid #330099;
	margin-right : 12px;
	margin-bottom : 10px;
	float : left;
}

.altSide #insetPhotoPrt {
	padding-left : 1px;
	padding-right : 0px;
	border-left : 1px solid #330099;
	border-right : 0px;
	margin-left : 12px;
	margin-right : 0px;
	float : right;
}

#insetPhotoLgPrt {
	width : 118px;
	height : 180px;
	border : 0px;
	padding-right : 1px;
	padding-bottom : 1px;
	border-left : 0px;
	border-right : 1px solid #330099;
	border-top : 0px;
	border-bottom : 1px solid #330099;
	margin-right : 12px;
	margin-bottom : 10px;
	float : left;
}

#insetPhotoLnd {
	width : 144px;
	height : 94px;
	border : 0px;
	padding-right : 1px;
	padding-bottom : 1px;
	border-left : 0px;
	border-right : 1px solid #330099;
	border-top : 0px;
	border-bottom : 1px solid #330099;
	margin-right : 12px;
	margin-bottom : 6px;
	float : left;
}

.altSide #insetPhotoLnd {
	padding-left : 1px;
	padding-right : 0px;
	border-left : 1px solid #330099;
	border-right : 0px;
	margin-left : 12px;
	margin-right : 0px;
	float : right;
}

#insetPhotoLgLnd {
	width : 180px;
	height : 118px;
	padding-right : 1px;
	padding-bottom : 1px;
	border-left : 0px;
	border-right : 1px solid #330099;
	border-top : 0px;
	border-bottom : 1px solid #330099;
	margin-right : 12px;
	margin-bottom : 6px;
	float : left;
}

.first {
	margin-top : 0px;
}


.subtitle {
	font-size : 12pt;
	font-weight : bold;
}


.terttitle {
	font-weight : bold;
	font-style : italic;
}

.quarttitle {
	font-style : italic;
}

.mouseprint
{
	font-size : 8pt;
}

.insetBox {
	float : right;
	width : 150px;
	font-family : Times, Bookman, serif;	
	font-size : 12pt;
	font-weight : normal;
	font-style : normal;
	line-height : 1.3em;
	padding : 12px;
	margin-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	border-top : 2px #80a066 solid;
	border-bottom : 2px #80a066 solid;
	color : #80a066;
	background-color : #c3d4d9;
}

.altSide .insetBox {
	float : left;
	margin-left : 0px;
	margin-right : 10px;
}

.insetBox span.quote {
	font-style : italic;
	font-size : 14pt;
}

.insetBox a.menu {
	font-size : 10pt;
	color : #80a066;
	text-decoration : underline;
}

.insetBox a:visited {
	color : #80a066;
	text-decoration : underline;
}


.insetBox a:hover {
	color : #993333;
}


#bkgPht {
	position : absolute;
	bottom : 0px;
	right : 0px;
	z-index : 10;
}

#bkgPht img.bkgPhtPrt {
	width : 196px;
	height : 300px;
	border : 0px;
}

#bkgPht img.bkgPhtLnd {
	width : 300px;
	height : 196px;
	border : 0px;
}

dd {
	padding-bottom : 1em;
}

dl.terttitle dd {
	font-weight : normal;
	font-style : normal;
}

li {
	padding-bottom : 0.4em;
}

.rateTable
{
	border : 0px;
}

tr.oddRow {
	background-color : #e3ecff;
}


tr.evenRow {
	background-color : transparent;
}

.rateTable td
{
	padding-left : 0.5em;
	padding-right : 0.5em;
	padding-top : 4px;
	padding-bottom : 4px;
}

div.productPrice
{
	margin-right : 0px;
	text-align:right;
}

div.productPrice .rateTable
{
	float : right;
	text-align:right;
}

div.productPrice .rateTable td
{
	font-size : 9pt;
	padding-top : 1px;
	padding-bottom : 1px;
}