﻿@charset "utf-8";
body {
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size-adjust: 0.5;
	font-size: 14px;
	background: #d4e9ff;
	background-image:url(bkgnd-sky.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	border: 0 black none;
	text-align: center;
	color: #565656;
}
input textarea {
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size-adjust: 0.5;
}
a {
	color:#0066FF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	text-indent: 20px;
}
.masterLayout #container {
	width: 904px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
}
.masterLayout #header {
	width: 904px;
	height: 90px;
	padding: 0;
	background-image: url(header.gif);
	background-repeat: no-repeat;
}
.masterLayout #header.community {
	background-image: url(header-community.gif);
}
.masterLayout #header h1 {
	font-size: 1px;
	line-height: 0;
	padding: 0;
	margin: 0;
}
.masterLayout #header h1 a span {
	visibility: hidden;
}
.masterLayout #header h1 a {
	display: block;
	width: 300px;
	height: 90px;
	text-decoration: none;
}
.masterLayout #mainContent {
	position: relative;
	padding: 0;
	background-image: url(bkgnd.gif);
	background-repeat: repeat-y;
	zoom: 1;	/* to workaround IE 6 bug*/
}
.masterLayout #mainContent.community {
	padding: 5px;
	background-image: url(bkgnd-community.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.masterLayout #footer {
	padding: 0;
	background-image:url(bkgnd-ground.jpg);
	background-repeat:repeat-x;
	height:120px;
	font-size: 12px;
	color: #FFFFDE;
}
.masterLayout #footer .footerImage {
	background-image: url(footer.gif);
	background-repeat: no-repeat;
	width: 904px;
	height: 70px;
	margin: 0 auto;
	padding-bottom: 10px;
}
.masterLayout #footer .footerImageCommunity {
	background-image: url(footer-community.gif);
	background-repeat: no-repeat;
	width: 904px;
	height: 70px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.masterLayout #mainNav {
	position: absolute;
	left: 0px;
	top: 1px;
	width: 205px;
	height: 180px;
}
.masterLayout #mainNav ul {
	margin: 0;
	padding: 0;
	list-style:none;
	background-image:url(navigation.gif);
}
.masterLayout #mainNav ul li {
	margin: 0;
	padding: 0;
}
.masterLayout #mainNav ul li a {
	text-decoration: none;
	display: block;
	width: 205px;
	height: 30px;
}
.masterLayout #mainNav ul li a span {
	visibility: hidden;
}

.masterLayout #mainNav ul li a#navMediaMan:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px 0px;
}
.masterLayout #mainNav ul li a#navMediaManLibrary:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px -30px;
}
.masterLayout #mainNav ul li a#navBuy:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px -60px;
}
.masterLayout #mainNav ul li a#navCustomize:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px -90px;
}
.masterLayout #mainNav ul li a#navFreeToys:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px -120px;
}
.masterLayout #mainNav ul li a#navCommunity:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px -150px;
}
.masterLayout #mainNav ul li a#navSupport:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px -180px;
}
.masterLayout #mainNav ul li a#navContact:hover {
	background-image:url(navigation-hover.gif);
	background-position: 0px -210px;
}
.masterLayout #mainNav ul li a#navMediaMan.on, .masterLayout #mainNav ul li a#navMediaMan:hover.on {
	background-image:url(navigation-on.gif);
}
.masterLayout #mainNav ul li a#navMediaManLibrary.on, .masterLayout #mainNav ul li a#navMediaManLibrary:hover.on {
	background-image:url(navigation-on.gif);
	background-position: 0px -30px;
}
.masterLayout #mainNav ul li a#navBuy.on, .masterLayout #mainNav ul li a#navBuy:hover.on {
	background-image:url(navigation-on.gif);
	background-position: 0px -60px;
}
.masterLayout #mainNav ul li a#navCustomize.on, .masterLayout #mainNav ul li a#navCustomize:hover.on {
	background-image:url(navigation-on.gif);
	background-position: 0px -90px;
}
.masterLayout #mainNav ul li a#navFreeToys.on, .masterLayout #mainNav ul li a#navFreeToys:hover.on {
	background-image:url(navigation-on.gif);
	background-position: 0px -120px;
}
.masterLayout #mainNav ul li a#navCommunity.on, .masterLayout #mainNav ul li a#navCommunity:hover.on {
	background-image:url(navigation-on.gif);
	background-position: 0px -150px;
}
.masterLayout #mainNav ul li a#navSupport.on, .masterLayout #mainNav ul li a#navSupport:hover.on {
	background-image:url(navigation-on.gif);
	background-position: 0px -180px;
}
.masterLayout #mainNav ul li a#navContact.on, .masterLayout #mainNav ul li a#navContact:hover.on {
	background-image:url(navigation-on.gif);
	background-position: 0px -210px;
}

#contentContainer {
	padding-top: 0px;
	margin-left: 215px;
	width: 670px;
}
#contentContainer.fullPage {
	padding-top: 0px;
	margin-left: 15px;
	width: 870px;
}
#contentContainer h2 {
	font-weight:normal;
	font-size:28px;
	margin:0;
	padding:0;
}
#contentContainer h3 {
	font-weight:normal;
	font-size:20px;
	margin:0;
	padding:0 0 0 20px;
	color: #339900;
}

#contentContainer .dim {
	color: #969696;
	font-size: 14px;
}
#contentContainer .pageHeader {
	width: 320px;
	margin-bottom: 20px;
}
#contentContainer .pageHeaderFull {
	width: 650px;
	margin-bottom: 20px;
}

#contentContainer .downloadBox {
	position: absolute;
	width: 280px;
	height: 70px;
	background-image:url('icon-download.gif');
	background-repeat: no-repeat;
	top: -25px;
	right: 10px;
	padding-left: 80px;
	padding-top: 8px;
	vertical-align: middle;
}
#communityNavigation {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	position: absolute;
	left: 268px;
	top: -26px;
}

.rightHandList {
	float: right;
	width: 350px;
	padding: 5px;
	background-color: #f0eee1;
	border:1px #FFFFFF solid;
	margin-bottom: 20px;
	margin-left: 10px;
}
.rightHandList h4 {
	font-size: 16pt;
	font-weight: normal;
	color: #CCCCC0;
	margin:0;
	padding:0;
	text-align: center;
}
.rightHandList a {
	color: #777777;
}
.rightHandList ul {
	list-style: circle;
	color:#BBBBBB;
}

.pageTopic {
	width: 670px;
	height: 45px;
	border-bottom: 1px solid #339900;
	background-repeat: no-repeat;
}
.pageTopic span {
	visibility: hidden;
}
.topicCataloging {
	background-image:url('topic-cataloging.gif');
}
.topicDesign {
	background-image:url('topic-design.gif');
}
.topicVersatile {
	background-image:url('topic-versatile.gif');
}
.topicLibrary {
	background-image:url('topic-library.gif');
}
.topicCopies {
	background-image:url('topic-copies.gif');
}
.topicCost {
	background-image:url('topic-cost.gif');
}
.topicCentralized {
	background-image:url('topic-centralized.gif');
}

.tickBullet {
	margin-left: 20px;
	padding-left: 0px;
	list-style:none;
}
.tickBullet li {
	padding: 2px 0 2px 20px;
	background-image:url('bullet-2.gif');
	background-position: left center;
	background-repeat: no-repeat;
}


.hilite1 { background-color: #FFFF66 }
.hilite2 { background-color: #FFCC99 }
.hilite3 { background-color: #FF9999 }
.hilite4 { background-color: #FF99FF }
.hilite5 { background-color: #CC99FF }
.hilite6 { background-color: #99CCFF }
.hilite7 { background-color: #CCFFFF }
.hilite8 { background-color: #99FF99 }

