body {
	background-image: url(../images/design/bg.gif);
	background-repeat: repeat;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	padding-left: 0px;
	margin-left: 50px;
  }
  
img {
	border: none;
}
  
#topBar {
	margin: 0px; 
	margin-left: 25px;
	padding: 0px; 
	width: 825px; 
	height: 29px; 
	background-image: url(../images/design/topBar.gif); 
	background-repeat: no-repeat;
	color: #DBAE36;	
}

#topBar select {
	font-size:10px;
	color:#1170B8;
	border: 1px outset #DBAE36;	
}

#topBar option {
	font-size: 10px;
	color: #1170B8;
}

#topBar a {
	margin-left: 10px;
	color: #DBAE36;
	font-size: 9px;
	text-decoration: underline;
}

#topBar a:hover {
	text-decoration: none;
}

#jump {
	margin: 0px; 
	margin-right: 55px; 
	margin-top: -15px; 
	padding: 0px; 
	float: right;
}

#jump form {
	margin-top: 15px;
}

#jumpHome {
	margin: 0px; 
	margin-right: 55px; 
	margin-top: -15px; 
	padding: 0px; 
	float: right;
}
  
#container {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 825px;
  }
  
#header {
	margin: 0px;
	margin-left: 1px;
	padding: 0px;
	width: 875px;
	height: 210px;
	background-image: url(../images/design/header.jpg);
	background-repeat: no-repeat;
  }
  
#topNav {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-top: 2px;
	width: 877px;
	height: 38px;
	background-image: url(../images/design/topNavBg.gif);
	background-repeat: no-repeat;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
  }

#nav {
	list-style:none;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	margin:0 0 0 50px;
	padding:5px 0 0;
	z-index:200;
}

#nav a {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:400;
	padding: 3px 30px;
}

#nav a.page {
	background-color:#92BA28; /* med green */
}
#nav li {
	float:left;
}

#nav li ul {
	position:absolute;
	background-color:#92BA28;/* med green */
	width:13em;
	left:-999em;
	border-top:1px solid #003F62;/* navy blue */
	border-right:1px solid #003F62;
	border-left:1px solid #003F62;
	z-index:200;
	font-size:11px;
	line-height:12px;
	margin:0;
	padding:0;
}

#nav li li {
	display:block;
	width:13em;
	position:relative;
}

#nav li ul a {
	border-bottom:1px solid #003F62;/* navy blue */
	border-left:none;
	padding:6px 10px;

}

#nav li:hover,#nav li.hover {
	position:static;

}

a,.orange {
	color:#E95D21;
}

#nav a:hover,#nav li ul a:hover {
	background-color:#1170B8;
	color:#fff;
}

#nav li:hover ul,#nav li:hover ul,#nav li.sfhover ul {
	left:auto;
}

#js-menu li,#sec-nav li {
	display:inline;
	margin:0;
	padding:0;
}

#js-menu a:hover,#sec-nav a:hover {
	color:#FFF;
	background-color:#E95D21;
}

#javaBar {
	margin: 0px; 
	margin-left: -9px; 
	padding: 0px; 
	padding-right: 190px;
	padding-top: 2px;
	width: 598px; 
	height: 35px; 
	background-image: url(../images/design/javaBar.jpg); 
	background-repeat: no-repeat;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

#javaBar a {
	color: #FFFFFF;
	text-decoration: none;
}

#javaBar a.on {
	color: #FDE830;
	text-decoration: none;	
}

.javaTab {
	margin: 0px; 
	margin-left: 90px; 
	padding: 0px; 
	width: 500px; 
	height: 285px;
	float: left; 
	overflow: hidden;	
}

#content {
  	margin: 0px;
	margin-top: -2px;
	margin-left: -1px;	
	padding: 0px;
	width: 781px;
	height: 294px;
	background-image: url(../images/design/javaContentBg.jpg);
	background-repeat: no-repeat;
  }
  
#content h1 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;	
	color: #E95D21;
}

#buyKit {
	margin: 0px; 
	margin-top: -15px; 
	padding: 0px; 
	width: 150px; 
	height: 150px; 
	float: right;
}

#rightButtonBar {
	margin: 0px; 
	margin-top: -15px; 
	padding: 0px; 
	width: 170px; 
	height: 150px; 
	float: right; 
	background-image: url(../images/design/rightButtonBar.jpg); 
	background-repeat: no-repeat; 
	background-position: bottom;
}

#rightButtonBar a {
	display: block;
	width: 170px;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #005e2d;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#rightButtonBar a:hover {
	color: #de4128;
}

.rightButtonBarSpacing {
	margin-top: 3px;
}

#rightButtonBar h1 {
	margin-top: -8px;
}

#buttonBar {
	margin: 0px; 
	margin-left: -1px;
	padding: 0px; 
	width: 780px; 
	height: 102px; 
	background-image: url(../images/design/buttonBar.jpg); 
	background-repeat: no-repeat;
}

#buttonBar a {
	margin: 0px;
	padding: 0px;
	width: 170px;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #005e2d;
	font-weight: bold;
	text-decoration: none;
}

.bottomButtonBoxes {
	margin: 0px;
	margin-top: 52px;
	margin-left: 4px;
	padding: 0px;
	width: 191px;
	float: left;
	text-align: center;
}

#buttonBar a:hover {
	color: #de4128;
}

#photoQuotesContainer {
  	margin: 0px;
	margin-left: -1px;
	padding: 0px;
	width: 780px;
	height: 269px;
	background-image: url(../images/design/footerBg.jpg);
	background-repeat: no-repeat;
	clear: both;
  }
  
#photoBox {
	margin-left: 10px;
}

#quoteBox {
	margin: 0px; 
	margin-top: 40px; 
	margin-right: 80px; 
	padding: 0px; 
	width: 240px; 
	font-size: 13px; 
	float: right;
}  

#footer {
  	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 760px;
	font-size: 10px;
	text-align: left;
	color: #A2BF2A;
  }
  
#footer a {
	color: #A2BF2A;
	text-decoration: underline;
}

#footer a:hover {
	color: #FFFFFF;
	background-color: #A2BF2A;
	text-decoration: none;
}



/* --------------------------------
	START New Home Page CSS 
		
	Author: 		Derek T. Jesser
	Company: 		Alesco Marketing
	Created: 		11.17.09
	Last Updated:	11.18.09
	
-------------------------------- */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 875px;
}

img.logo {
	margin-top: 40px;
	margin-left: 50px;
}

#topBarLinks {
	padding-top: 5px;
}

#topNavHome {
	background-image: url(../images/design/topNavHome.jpg);
	background-repeat: no-repeat;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px auto 0px auto;
	padding: 2px 0px 0px 0px;
	width: 877px;
	height: 43px;
}

#contentHome {
	background-color: #ACDAF3;
	background-image: url(../images/design/contentHome.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px -1px;	
	padding: 0px;
	width: 780px;
	height: 381px;
}

#homeTopSection {
	width: 780px;
}

#topSectionLeft {
	float: left;
	width: 123px;
	height: 117px;
	text-align: center;
}

img.btnFacebook {
	margin: 33px auto 0px auto;
}

#topSectionCenter {
	background-image: url(../images/design/topSectionCenter.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #B2321D;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 40px 0px 40px;
	width: 433px;
	height: 105px;
}

#topSectionCenter h2 {
	color: #000000;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 14px 0px;
	text-align: center;
}

#profollow {
	margin: 20px 0px 0px 0px;
	width: 433px;
}

#profollow form {
	margin: 0px;
	padding: 0px;
}

#profollow form input {
	margin: 0px;
	padding: 0px;
}

#profollow form input.txtField {
	margin: 0px 8px 0px 0px;
	width: 110px;
}

#profollow a img.profollowSubmit {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 6px;
}

#profollow form input.btnReportSubmit {
	background-image: url(../images/design/btnReportSubmit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 81px;
	height: 24px;
}

#profollow form input.btnReportSubmitHover {
	background-image: url(../images/design/btnReportSubmitHover.jpg);
	background-position: center;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
	margin: 0px;
	width: 81px;
	height: 24px;
}

#topSectionRight {
	background-image: url(../images/design/topSectionRight.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: right;
	width: 144px;
	height: 117px;
}

#topSectionRight img.btnCircleBuyHur-Ray {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

#topSectionRight img.btnCircleBuyKiddazy {
	float: right;
	position: relative;
	top: 52px;
	left: 0px;
}

#yyolCharacters {
	width: 780px;
}

#yyolCharacters h1, h2, h3, p {
	margin: 14px 0px 14px 0px;
}

#yyolCharacterHur-Ray {
	background-image: url(../images/design/yyolCharacterHur-Ray.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
	width: 385px;
	height: 264px;
}

#yyolCharacterKiddazy {
	background-image: url(../images/design/yyolCharacterKiddazy.jpg);
	background-position: top;
	background-repeat: no-repeat;
	float: right;
	width: 395px;
	height: 264px;
}

div.yyolCharacterHeader {
	color: #FFFFFF;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0px;
	width: 385px;
	height: 100px;
	line-height: 32px;
	text-align: center;
}

div.yyolCharacterHeader h2 {
	color: #FFFFFF;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0px;
}

#yyolCharacterHur-Ray div.yyolCharacterHeader {
	padding: 25px 25px 0px 170px;
	width: 190px;
	height: 75px;
}

#yyolCharacterKiddazy div.yyolCharacterHeader {
	padding: 25px 25px 0px 170px;
	width: 200px;
	height: 75px;
}

div.yyolCharacterContent {
	color: #274681;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 50px 0px 180px;
	width: 155px;
	text-align: center;
}

div.yyolCharacterFooter {
	color: #B2321D;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 50px 0px 75px;
	width: auto;
}

#yyolCharacterHur-Ray div.yyolCharacterFooter {
	padding: 0px 50px 0px 80px;
	width: 255px;
}

#yyolCharacterHur-Ray div.yyolCharacterFooter a {
	background-image: url(../images/design/characterLinkHur-Ray.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	color: #DE3E24;
	display: block;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 0px 35px;
	height: 29px;
	text-decoration: none;
}

#yyolCharacterHur-Ray div.yyolCharacterFooter a:hover {
	color: #274681;
}

#yyolCharacterKiddazy div.yyolCharacterFooter {
	padding: 0px 50px 0px 80px;
	width: 265px;
}

#yyolCharacterKiddazy div.yyolCharacterFooter a {
	background-image: url(../images/design/characterLinkKiddazy.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	color: #005E2C;
	display: block;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 0px 35px;
	height: 29px;
	text-decoration: none;
}

#yyolCharacterKiddazy div.yyolCharacterFooter a:hover {
	color: #DE3E24;
}

#homeBottom {
	background-color: #FFFFFF;
	background-image: url(../images/design/homeBottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 0px 0px 90px 0px;
	width: 780px;
}

#homeBottom h1 {
	color: #DF3F26;
	font-family: "Comic Sans MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

#homeBottomLeft {
	float: left;
	padding: 5px 5px 5px 5px;
	width: 386px;
}

#bottomLeftButtons {
	background-image:url(../images/design/bottomLeftButtons.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 8px 0px 0px 13px;
	padding: 32px 0px 0px 170px;
	width: 188px;
	height: 114px;
	text-align: center;
}

#bottomLeftButtons a img.button {
	margin: 7px auto 7px auto;
}

#kitBtn {
	margin: 20px 0px 0px 180px;
}


#homeBottomRight {
	float: right;
	padding: 10px 15px 0px 15px;
	width: 354px;
}
/* --------------------------------
	END New Home Page CSS 
		
	Author: 		Derek T. Jesser
	Company: 		Alesco Marketing
	Created: 		11.17.09
	Last Updated:	11.18.09
	
-------------------------------- */