/* CSS Document */
body {
	background-image: url(../img/bg.gif);
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	border:0;
}
h1 {
	font-size:18px;
	margin-top:0px;
	margin-bottom:12px;
}
h2 {
	font-size:14px;
	margin-top:6px;
	margin-bottom:6px;
}
ul {
	margin-top:7px;
}
.brclear {
	clear:both;
}
.indent1 {
	padding-left:15px;
}
.indent2 {
	padding-left:30px;
}
.indent3 {
	padding-left:45px;
}
.indent4 {
	padding-left:60px;
}
.floatleft {
	float:left;
}
.glossary {
	font-size:10px;
	position: absolute;
	top: 0px;
	right:0px;
	width:400px;
	visibility: hidden;
	color:#006699;
	background-color:#ffffff;
	border: 1px solid #66ccff;
	z-index: 2;
	padding:7px;
}
.glossary img {
	float:left;
}
.term {
	display:inline;
	text-decoration:underline;
}
#header {
	position:relative;
	top:0px;
	width: 755px;
	margin-right:auto;
	margin-left:auto;
	padding:0 0 0 0;
}
#banner {
	position:absolute;
	top:20px;
	left:286px;
	width: 468px;
	padding:0 0 0 0;
}
#header_date {
	position:absolute;
	top:160px;
	right:0px;
	width:455px;
	color:#66ccff;
	background-color:#003366;
	text-align:right;
}
#header_tab {
	color:#ffffff;
	background-color:#003366;
	background-image: url(../img/headnav_tab.gif);
	background-repeat:no-repeat;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:5px;
	width:155px;
}
#wrapper {
	position:relative;
	width: 755px;
	margin-right:auto;
	margin-left:auto;
	padding:0 0 0 0;
	overflow:hidden;
}
#content {
	color:#003366;
	background-color:#ffffff;
	border: 1px solid #66ccff;
}
#content_head {
	color:#b9e7fd;
	background-color:#ffffff;
	background-image: url(../img/content_bg.gif);
	background-repeat:repeat-x;
	height:200px;
	text-align:center;
}
#content_head_pink {
	/*color:#b9e7fd;*/
	color:#ccccff;
	background-color:#ffffff;
	background-image: url(../img/content_bg_pink.gif);
	background-repeat:repeat-x;
	display:block;
	width:655px;
	height:130px;
	position:absolute;
	left:99px;
	top:0px;
}
#content_head_links {
	font-size:36px;
	text-align:center;
	padding:5px;
	padding-left:20px;
}
#content_head_links a {
	color:#ccccff;
	text-decoration:none;
}
#content_head_links a:hover {
	color:#ffccff;
}
#page_content {
	position:relative;
	top:-150px;
	padding-left:110px;
	padding-right:20px;
	width:620px;
}
#page_content p {
	width:570px;
	margin-top:5px;
	margin-bottom:5px;
}
#leftnav {
	position:absolute;
	left:-210px;
	top:0px;
	width:180px;
	color:#ffffff;
	background-color:#66ccff;
	font-size:11px;
	border: 1px solid #b9e7fd;
	z-index:10;
}
#icons {
	position:absolute;
	top:15px;
	left:26px;
	display:block;
	z-index:2;
}
.subnav {
	position:absolute;
	left:180px;
	width:180px;
	visibility:hidden;
	margin-left:-5px;
	display:block;
	border: 1px solid #b9e7fd;
}
.tertnav {
	position:absolute;
	left:330px;
	width:180px;
	visibility:hidden;
	margin-left:-5px;
	display:block;
	border: 1px solid #b9e7fd;
}
#leftnav a, .subnav a {
	text-decoration: none;
	width:176px;
	color:#ffffff;
	background-color:#66ccff;
	display:block;
	padding:2px;
	padding-top:4px;
	padding-bottom:4px;
}
#leftnav a:hover, .subnav a:hover {
	color:#66ccff;
	background-color:#ffffff;
}
#promo_row {
	font-size:10px;
	background-color:#ffffff;
	color:#006699;
	padding-left:26px;
	height:150px;
	margin-top:-130px;
	margin-bottom:-1px;
	border-bottom: 1px solid #66ccff;
}
.promo {
	width:165px;
	float:left;
	overflow:visible;
	background-color:#ffffff;
	color:#006699;
	padding-left:10px;
}
.promo_top {
	padding: 14px 17px 5px 5px;
	background-image: url(../img/promo_top.gif);
	background-repeat: no-repeat;
	background-color:#006699;
	color:#006699;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
.promo_sep {
	height:10px;
	width:165px;
}
.promo_body {
	padding: 5px 12px 0px 10px;
	background-image: url(../img/promo_back.gif);
	background-repeat:repeat-y;
	background-color:#006699;
	color:#cccccc;
}
.promo_btm {
	padding: 5px 5px 5px 5px;
	background-image: url(../img/promo_btm.gif);
	background-repeat: no-repeat;
}
.promo_link {
	text-align:right;
	padding: 5px 5px 0px 0px;
}
.promo_link a, .promo_link a:hover {
	font-weight:bold;
	color:#ffffff;
	background-color:#006699;
}
.promo_link a:hover {
	color:#ff66ff;
}
.txt_promo_body {
	padding-right:4px;
}
.code, .code_popup {
	font-size:11px;
	line-height:20px;
	color:#ffffff;
	background-color:#006699;
	border: 1px dashed #66ccff;
	margin:12px;
	padding:7px;
	width:570px;
}
.example, .example_popup {
	margin:12px;
	margin-top:0px;
	padding:7px;
	width:580px;
}
.example a, #page_content a, .example_popup a, .glossary a {
	color:#0099cc;
	text-decoration:underline;
}
.example a:hover, #page_content a:hover, .example_popup a:hover, .glossary a:hover {
	color:#66ccff;
}
#page_content .disclaimer a	{
	color:#003366;
	text-decoration:underline;
}
#page_content .disclaimer a:hover {
	color:#0099cc;
}
#page_content a.termonly {
	text-decoration:none;
	font-weight:bold;
}
.disclaimer, .disclaimer_popup {
	font-size:10px;
	font-style:italic;
	color:#003366;
	background-color:#66ccff;
	border: 1px solid #003366;
	margin:12px;
	padding:7px;
	width:500px;
}
.results {
	font-size:10px;
	color:#003366;
	background-color:#ccccff;
	border: 2px dashed #ff33ff;
	margin:12px;
	padding:7px;
	width:500px;
}
.myForm {
	font-size:11px;
	color:#003366;
	margin:12px;
	padding:7px;
	width:500px;
	background-color:#ccffff;
	border: 1px solid #66ccff;
}
.zForm {
	color:#003366;
	background-color:#66ccff;
	font-size:10px;
}
#login {
	position:absolute;
	top:95px;
	right:0px;
	font-size:10px;
}
#login .label {
	color:#66ccff;
	background-color:#003366;
}
.warning, .warning_popup {
	font-size:10px;
	font-style:italic;
	color:#990000;
	background-color:#ffccff;
	border: 1px solid #990000;
	margin:12px;
	padding:7px;
	width:500px;
}
.warning_inline, .error_holder {
	font-size:10px;
	font-style:italic;
	color:#990000;
	background-color:#ffccff;
	border: 1px solid #990000;
	display:inline;
}
.error_holder {
	background-color:#ccffff;
	border: 1px solid #ccffff;
	display:block;
	padding:4px;
}
.code_popup, .example_popup, .disclaimer_popup, .warning_popup {
	width:auto;
}
#filler {
	width:400px;
	height:100px;
	display:block;
}
.finger_right {
	background-image: url(../img/finger_right.gif);
	width:40px;
	height:22px;
	position:relative;
	top:-5px;
	left:2px;
}
.finger_left {
	background-image: url(../img/finger_left.gif);
	width:44px;
	height:27px;
	position:relative;
	top:-8px;
	left:-6px;
}
.myTrait {
	font-size:12px;
	font-weight:bold;
	position: absolute;
	top: 0px;
	right:0px;
	visibility: hidden;
	color:#ffffff;
	background-color:#66ccff;
	border: 1px solid #b9e7fd;
	z-index: 1;
	padding:7px;
	height:12px;
	width:170px;
	overflow:hidden;
}
.myTraitL {
	font-size:10px;
	font-weight:bold;
	position: absolute;
	top: 0px;
	right:0px;
	visibility: hidden;
	color:#ffffff;
	background-color:#66ccff;
	border: 1px solid #b9e7fd;
	z-index: 1;
	padding:4px;
	padding-top:2px;
	height:10px;
	width:120px;
	overflow:hidden;
	text-align:right;
}
.myTable {
	font-size:9px;
	padding:2px;
	margin-top:10px;
	margin-bottom:10px;
	color:#ffffff;
	background-color:#66ccff;
	width:600px;
}
.myTable .rowHead, .myTable .rowA, .myTable .rowB {
	margin-top:1px;
}
.myTable .rowA {
	background-color:#006699;
	color:#ffffff;
}
.myTable .rowB {
	background-color:#003366;
	color:#ffffff;
}
.myTable .rowHead .first, .myTable .rowA .first, .myTable .rowB .first {
	width:190px;
	padding:4px;
	float:left;
}
.myTable .rowHead .second, .myTable .rowA .second, .myTable .rowB .second {
	padding:4px;
	margin-left:199px;
}
.myTable .rowHead .first {
	background-color:#66ccff;
	color:#006699;
	font-weight:bold;
}
.myTable .rowHead .second {
	background-color:#66ccff;
	color:#006699;
	font-weight:bold;
}
.myTable .rowA .second {
	border-left:1px solid #66ccff;
}
.myTable .rowB .second {
	border-left:1px solid #66ccff;
}
.clasp {
	background-color:#ff0099;
	width:150px;
	text-align:center;
	margin-top:5px;
}
#page_content .clasp a, #page_content .clasp a:hover {
	text-decoration:none;
	color:#ffffff;
}
.lunchbox {
	display:none;
	font-size:9px;
	color:#ffffff;
	background-color:#ff6699;
	width:150px;
	text-align:center;
}
.clasp2 {
	width:150px;
	border:1px solid #66ccff;
}
#page_content .clasp2 a, #page_content .clasp2 a:hover {
	text-decoration:none;
	color:#66ccff;
}
.lunchbox2 {
	font-size:11px;
	display:none;
	width:146px;
	text-align:right;
	background-color:#66ccff;
	color:#ffffff;
	padding:3px;
}
.clasp3 {
	width:150px;
	background-color:#003399;
	border:1px solid #ffffff;
}
#page_content .clasp3 a, #page_content .clasp3 a:hover {
	text-decoration:none;
	color:#ffffff;
}
.lunchbox3 {
	font-size:10px;
	margin-left:150px;
	margin-top:-14px;
	display:none;
	width:150px;
	text-align:right;
	background-color:#003399;
	color:#66ccff;
}
.redText {
	color:#CC0000;
}
.greenText {
	color:#009900;
}
.thumb {
	position:relative;
}
.thumb a {
	border: 3px solid #b9e7fd;
	width: 160px;
	height: 105px;
	display:block;
	margin-top:10px;
}
.thumb a:hover {
	border: 3px solid #ff99ff;
}
.thumb .thumb_descrip {
	font-weight:bold;
	visibility:hidden;
	width:300px;
	position:relative;
	top:-105px;
	left:170px;
}
.thumb_descrip a {
	height:auto;
	width:auto;
	border: none;
	text-decoration:underline;
}
.thumb_descrip a:hover {
	height:auto;
	width:auto;
	border: none;
	text-decoration:underline;
}
.folio {
	display:none;
}
.folionav {
	font-size:10px;
	width:653px;
	color:#ffffff;
	background-color:#336699;
	border-top: 1px solid #b0e6ff;
	border-bottom: 1px solid #b0e6ff;
}
#page_content .folionav a {
	color:#ffffff;
	background-color:#336699;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
#page_content .folionav a:hover {
	color:#ffffff;
	background-color:#3399cc;
}
.wmp_thumb {
	width:300px;
	height:200px;
}
.wmp_image {
	width:150px;
	height:150px;
	display:inline;
}
.wmp_descrip {
	margin-left:150px;
	margin-top:-120px;
}