/* Globals */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.notice {
	color:#CC6600;
	font-weight:bold;
}
h1 {
	font-size:24px;
	color:#fab301; /*orange*/
	/* color:#8EC6F4;  blue*/
	margin-top:0px;
}
h2 {
	font-size:18px;
	color:#8dc54c; /*green*/
}
h3 {
	font-size:18px;
	color:#fab301;
}
h4 {
	font-size:18px;
	color:#8dc54c;
}

/*Links*/
a:link, a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #8dc54c;
	text-decoration: none;
}
a:active {
	color: #fab301;
	text-decoration: none;
}
a.noBorder img, a:link.noBorder img, a:visited.noBorder img{
	border:0;
}
a:hover.noBorder img{
	border:0;
}
a.yesBorder img, a:link.yesBorder img, a:visited.yesBorder img{
	border-width:1px;
	border-color:#CCCCCC;
}
a:hover.yesBorder img{
	border-width:1px;
	border-color:#8dc54c;
}
.imgLeftWrapper {
	padding:0 10px 10px 0;
	float:left;
}
.imgRightWrapper {
	padding:0 0 10px 10px;
	float:right;
}

/* Forms */
#loginForm{
	text-align:right;
	margin:0;
	padding:0;
}
.formField{
	width:120px;
	font-size:11px;
	color:#999999;
	background-color:#FCFCFC;
	border: 1px solid #CCCCCC;
	text-indent:5px;
	margin-bottom:10px;
}
.formButton{
	font-size:11px;
	color:#FCFCFC;
	background-color:#fab301;
	border: 1px solid #CCCCCC;
}

/* Layout */
#container {
	margin:0 auto;
	padding:0px;
	width:800px;
	height:auto;
	position:relative;
	top:0px;
}

/*top container stuff*/
#topContainer{
	position:relative;
	width:600px;
	height:100px;
}
#joyTitleContainer{
	position:relative;
	float:left;
}
#quickLinks{
	position:relative;
	float:left;
	padding-top:40px;
	margin:10px 0 0 5px;
}
#searchContainer{
	position:relative;
	float:right;
	padding-top:0px;
	margin:10px 0 0 10px;
}
#topSearchBox{
	width:10px;
	height:10px;
	background-color:#ffffff;
	border-color:#ffffff;
	border-width:10px;
	font-size:11px;
	color:#999999;
}

/*banner container stuff*/
#bannerContainer{
	position:relative;
	width:800px;
	height:20px;
	clear:both;
}
.joyIcon{
	position:relative;
	float:left;
	width:50px;
	height:50px;
}

/*horizontal navigation stuff*/
#navBarContainer{
	position:relative;
	width:798px;
	height:25px;
	/*border-top:10px solid #F0F0F0;*/
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin-bottom:20px;
	z-index:0;
	background-color:#ab4a9c;
}
#navBarContainer li {
	position:relative;
	display:inline;
	margin:5px 20px 0 20px;
	padding:0;
	z-index:20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
#navBarContainer li a {
	text-decoration:none;
	color:#ffffff;
}
#navBarSlider {
	position:absolute;
	background-color:#0099FF;
	border:none;
	width:100px;
	height:25px;
	margin:3px 0 0 0;
	z-index:1;
}


/*feature container stuff*/
#featureContainer{
	position:relative;
	width:800px;
	height:200px;
	border-top:10px solid #F0F0F0;
	border-bottom:10px solid #F0F0F0;
}
#featurePicture{
	position:relative;
	width:498px;
	height:200px;
	float:left;
	border-right:1px solid #F0F0F0;
	border-left:1px solid #F0F0F0;
}
#featureSubPicture{
	position:relative;
	width:299px;
	height:200px;
	float:left;
	border-right:1px solid #F0F0F0;
}
#dividerContainer{
	position:relative;
	width:800px;
	height:16px;
	/*margin-bottom:20px;*/
}
#homepageNav{
	position:absolute; 
	top:295px; 
	left:1px; 
	width:498px; 
	height:60px; 
	background-color:#CCCCCC;
	opacity:.50;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5;
}
.dividerBox{
	position:relative;
	float:left;
	width:16px;
	height:16px;
}

/*body container stuff*/
#bodyContainer{
	position:relative;
	width:800px;
	height:auto;
}
#mainSection{
	position:relative;
	width:388px;
	height:auto;
	float:left;
	margin-right:20px;
	border:1px solid #cccccc;
}
.bodySectionContainer{
	position:relative;
	width:183px;
	height:auto;
	float:left;
	margin-right:20px;
}
.bodySectionBox{
	position:relative;
	width:183px;
	height:auto;
	border:1px solid #cccccc;
	margin-bottom:20px;
}
.bodySectionTopBand{
	position:relative;
	height:24px;
	border-bottom:1px solid #cccccc;
}
.bodySectionTitle{
	padding:5px 10px 5px 10px;	
}
a.bodySectionTitleLink, a:link.bodySectionTitleLink, a:visited.bodySectionTitleLink, a:hover.bodySectionTitleLink{
	font-size:12px;
	font-weight:bold;
	color:#FCFCFC;
}
.bodySectionItem{
	position:relative;
	height:auto;
	margin-bottom:16px;
}
.bodyMainSectionItem{
	position:relative;
	width:368px;
	height:auto;
	margin-bottom:16px;
	clear:both;
	cursor:pointer;
}
.bodyMainSectionImg{
	position:relative;
	width:152px;
	height:102px;
	float:left;
	margin-right:10px;	
}
.bodyMainSectionBlurb{
	position:relative;
	width:201px;
	height:auto;
	float:left;
	border-top:1px solid #cccccc;
}
.bodyItemTitle{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
}
a.bodyItemTitleLink, a:link.bodyItemTitleLink, a:visited.bodyItemTitleLink{
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
a:hover.bodyItemTitleLink{
	font-size:12px;
	font-weight:bold;
	color:#ca78d4; /*purple*/
}
.bodyItemImg{
	width:140px;
	height:100px;
	margin-bottom:5px;
}
.padded{
	padding:10px;
}

/*footer container stuff*/
#footerContainer{
	position:relative;
	width:800px;
	height:auto;
	text-align:center;
	clear:both;
	padding-top:30px;
}

/*Hacks and Work-arounds*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */