@charset "utf-8";
/* CSS Document */
body{
	background: #e5e5e5;
	margin: 0;
	padding:0;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
#colorcontainer{
	background: #339966;
	width:100%;
	padding: 10px 0 30px 0;
}
img{
	border:none;
	text-decoration:none;
}
a{
	color: #0067b1;
}
a:hover{
	color: #C00;
}
#container{
	width: 1003px;
	margin: 0 auto;
}
img, div, a { behavior: url(html/iepngfix.htc) ;}

/*-----------------------Header------------------------*/
#header{
	color: #fff;
	font-weight:bold;
	font-size:16px;
}
#headertag{
	float:left;
	width: 760px;
	height: 30px;
	padding: 15px 0 0 27px;
}
#headerlogo{
	float:right;
	width: 216px;
	height:45px;
}
#headerlogo a{
	background: url(../img/become-member-bt.gif) 0 0 no-repeat;
	height:45px;
	display:block;
}
#headerlogo a:hover{
	background-position: 0 -45px;
}
/*--------------------Content Area---------------------*/
#contentArea{
	width:973px;
	background:url(../img/background-tile.png) 0 0 repeat-y;
	padding: 0 16px 50px 14px;
}
#logo{
	float:left;
	width:207px;
}
#colLeft{
	float: left;
	width:207px;
	z-index:1;
}
#colMiddle{
	padding: 24px 230px 0 253px;
	margin: 0;
}
#colMiddle h1{
	font-size: 18px;
	margin:26px 0 16px 0;
	padding:0;
}
#colRight{
	float:right;
	width: 155px;
	padding: 24px 18px 0 26px;
	font-size: 12px;
	line-height: 17px;
	color: #15804b;
}
#colRight h1{
	margin:0 0 6px 0;
	padding:0;
}
h2{
	color: #339966;
	margin:0;
	padding:0;
	font-size:16px;
}
#colRight a{
	font-weight:bold;
}
#breadcrumbs{
	background: #edf7ed;
	height:25px;
	width:506px;
	z-index:5;
	position:absolute;
	top: 153px;
	margin: 0 0 0 268px;
	padding: 3px 0 0 15px;
	font-size:12px;
}
td.form-item-required {
	font-weight:bold;
	text-align:right;
}
td.form-item {
	text-align:right;
}
/*------Main Navigation------*/
#jointag{
	height:30px;
}
#nav{
	float:right;
	width: 719px;
	background: #fff;
	height: 72px;
	padding: 0 0 0 47px;
	margin: 0;
}
#nav ul{
	padding:0;
	margin: 0;
}
#nav li{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}
#nav a{
	height: 42px;
	display:block;
}
#nav a.membership{
	background: url(../img/membership-bt.gif) 0 0 no-repeat;
	width:131px;
}
#nav a.monthlysets{
	background: url(../img/monthly-sets-bt.gif) 0 0 no-repeat;
	width: 137px;
}
#nav a.basicsheets{
	background: url(../img/basic-sheets-bt.gif) 0 0 no-repeat;
	width: 134px;
}
#nav a.themesheets{
	background: url(../img/theme-sheets-bt.gif) 0 0 no-repeat;
	width: 143px;
}
#nav a.books{
	background: url(../img/books-bt.gif) 0 0 no-repeat;
	width: 80px;
}
#nav a.clipart{
	background: url(../img/clip-art-bt.gif) 0 0 no-repeat;
	width: 94px;
}
#nav a:hover{
	background-position: 0 -42px;
}
/*---Global Navigation---*/
#globalnav{
	background: #fff;
	width: 196px;
	padding: 24px 0 56px 11px;
}
#globalnav ul{
	padding:0;
	margin: 0;
}
#globalnav li{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}
#globalnav a{
	height: 30px;
	width: 196px;
	display:block;
}
#globalnav a.home{
	background: url(../img/home-bt.gif) 0 0 no-repeat;
}
#globalnav a.members{
	background: url(../img/members-bt.gif) 0 0 no-repeat;
}
#globalnav a.faq{
	background: url(../img/faq-bt.gif) 0 0 no-repeat;
}
#globalnav a.about{
	background: url(../img/about-us-bt.gif) 0 0 no-repeat;
}
#globalnav a:hover{
	background-position: 0 -30px;
}
#globalnav a.contact{
	background: url(../img/contact-bt.gif) 0 0 no-repeat;
	height:32px;
}
#globalnav a.contact:hover{
	background-position: 0 -32px;
}
/*---------------------Shout Box Area------------------*/
#shoutarea{
	background:url(../img/shout-area-background.jpg) 0 0 no-repeat;
	padding: 0 0 0 11px;
}
#bobsblog{
	width:162px;
	background: #ecf1f6;
	border: 1px solid #b3c8dd;
	color: #35689a;
	font-size:12px;
	line-height:16px;
	padding: 8px;
} 
/*-------------------------Footer-----------------------*/
#footerLP{
	color: #043d21;
	font-size:12px;
	margin: 10px auto 20px auto;
	width: 973px;
	text-align:center;
}
#footerLP a{
	color: #043d21;
	padding: 0 5px;
}
#footerLP a:hover{
	color: #C00;
}
#footer{
	width: 100%;
}
#footerBottom input{
	padding:0;
}
#footerBottom input.button{
	position:relative;
	top:2px;
}
/*-------------------------Misc--------------------------*/
.clear{
	clear:both;
}
.viewLink2{
	font-size:14px;
	color:#000;
	font-weight:bold;
	background: url(../img/blue-arrow.gif) right 3px no-repeat;
	padding: 0 16px 0 0;
}
.viewLink{
	font-size:12px;
	color:#000;
	font-weight:bold;
	background: url(../img/blue-arrow.gif) right 3px no-repeat;
	padding: 0 16px 0 0;
}
.thumbimg {
	float:left;
	width:100px;
	padding: 0 0 10px 0;
	margin:0 8px 10px 0;
	text-align:center;
	line-height: 16px;
}
.thumbimg a, .thumbimg2 a, .thumbimg3 a{
	font-weight:bold;
	font-size:12px;
	padding: 0 16px 4px 0;
	background: url(../img/pdf-icon.gif) right 2px no-repeat;
}
.thumbimg a.thumb, .thumbimg2 a.thumb, .thumbimg3 a.thumb{
	border: 1px solid #ccc;
	display:block;
	padding:0;
}
.thumbimg a.thumb:hover, .thumbimg2 a.thumb:hover, .thumbimg3 a.thumb:hover{
	border: 1px solid #0067b1;
}
.thumbimg2 {
	float:left;
	width:100px;
	margin:0 8px 10px 0;
	padding: 0 0 10px 0;
	text-align:center;
	line-height: 16px;
}
.thumbimg3 {
	float:left;
	width:127px;
	margin:0 8px 10px 0;
	padding: 0 0 10px 0;
	text-align:center;
	line-height: 16px;
}
a.pdf{
	background: url(../img/pdf-icon.png) right 3px no-repeat;
	padding: 0 16px 0 0;
	font-weight:bold;
}
a.video{
	background: url(../img/ico-video.gif) right 3px no-repeat;
	padding: 0 16px 0 0;
	font-weight:bold;
}
.thumbIcon{
	float:left;
	margin-right:20px;
	border: 1px solid #ccc;
	width:100px;
}

/*------Error Message------*/
.error-box{
	background-color: #ffff66; 
	border: 2px dashed #800000; 
	padding: 8px; 
	text-align: center;
	margin-bottom:40px;
}
.success-box{
	background-color: #CCFFCC; 
	border: 2px #006600 dashed; 
	padding: 8px;
	text-align: center;
	margin-bottom:40px;
	
}

/*------------------Calendar---------------------*/
#calendar{
	border-right: 1px solid #fdcd25;
}
#monthbar{
	background: #ffd955;
	height: 26px;
	width:100%;
	font-weight:bold;
	font-size: 14px;
	text-align:center;
	padding-top: 4px;
}
#weekbar{
	background: #fdcd25;
	text-align:center;
	height:26px;
	font-weight:bold;
	font-size: 12px;
	padding-top: 4px;
}
.days, .daysActive, .daysNotActive{
	border-left: 1px solid #fdcd25;
	border-bottom: 1px solid #fdcd25;
	width: 14%;
	height: 40px;
	vertical-align: top;
}
.daysActive a{
	background: #fcecb3;
	display:block;
	height: 40px;
	padding-left:5px;
}
.days, .daysNotActive{
	padding-left:5px;
}
.daysNotActive{
	background: #f5f2ea;
}
.smallTitle{
	font-size: 12px;
	font-weight:bold;
}
.box-yellow{
	background-color: #fcecb3;
	text-align:center;
	border: solid 2px #fdcd25;
	padding: 15px 0;
}
.box-yellow-form{
	background-color: #fcecb3;
	border: solid 2px #fdcd25;
	padding: 15px;
}
.grey-border{
	width:125px;
	height:144px;
	vertical-align: middle;
	margin-right:20px;
}
.preferences{
	background: #fcecb3;
	padding:10px;
}
/*------------------------Nova-------------------*/
.logout {padding-right: 24px; padding-top: 15px; text-align: right; color: #FAB727;}
.logout a:link, .logout a:visited {text-decoration: underline; font-weight: bold; color:#fff;}
.logout a:hover, .logout a:active {text-decoration: underline; font-weight: bold; color: #C00;}

