/* ----------------------------------------- */
/* GENERAL */
/* ----------------------------------------- */

body {
	margin-left: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	background: #F2F6F9 url('../images/bg_page.jpg') repeat-x top left;
}

table {
	border-collapse: collapse;
	font-family: Verdana;
	font-size: 11px;
}

h1 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 12px;
}

h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	color: #4385B8;
	margin-top: 0px;
	margin-bottom: 12px;
}

h3 {
	font-family: Helvetica;
	font-size: 14px;
	color: #CC6600;
	margin-top: 0px;
	margin-bottom: 6px;
}

img {
	border: 0px;
}

ul {
	margin-top: 0px;
}

.error {
	color: #840000;
}

.errorStar {
	color: #840000;
	font-weight: bold;
}


/* ----------------------------------------- */
/* DIV IDS */
/* ----------------------------------------- */

#outer-page {
	width: 760px;
	margin: 0 auto;
	background-color: #FFFFFF;
	z-index: 0;
}

#inner-page {
	width: 740px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#header {
	clear: both;
	float: left;
	width: 740px;
	background-color: #5A9FD6;
	height: 86px;
	border-bottom: 1px solid #9DC0DC;
}

#header-nav {
	float: right;
	margin-right: 15px;
}
* html #header-nav {
	display: inline;
}

#active-mem {
	float: left;
	margin-left: 10px;
	padding: 3px 0 0 0;
}

#signin {
	float: left;
	margin-left: 10px;
}

#divider {
	float: left;
	margin-left: 10px;
}

#join-now {
	float: left;
	margin-left: 10px;
}

#logo {
	clear: both;
	padding: 5px 0 0 19px;
}

#tagline-img {
	float: left;
	width: 210px;
	padding: 2px 0 0 19px;
}

#tagline-txt {
	float: right;
	margin-right: 8px;
	padding-top: 2px;
	text-align: right;
}

#left-side {
	float: left;
	width: 210px;
}

#right-side {
	float: left;
	margin: 0px;
	min-height: 750px;
	width: 530px;
	background: url('../images/bg_rightside.jpg') no-repeat top left;
}

* html #right-side, #left-side {
	height: 750px;
}

* html #right-side {
	display: inline;
}

#right-side-content {
	float: left;
	margin-left: 15px;
	width: 502px;
}

#intro-copy {
	min-height: 129px;
	width: 503px;
	margin-left: 15px;
	padding: 15px 0 0 0;
}

#large-img {
	height: 128px;
	padding: 260px 5px 0 5px;
	background: url('../images/bg_infant.jpg') no-repeat top left;
}

#recent-videos {
	width: 210px;
	background: url('../images/bg_greenlong.jpg') no-repeat top left;
}

#keywords {
	clear: both;
	margin: 0 auto;
	height: 66px;
	width: 473px;
	padding: 10px 10px 10px 10px;
	background: url('../images/bg_keywords.jpg') no-repeat top left;
}

#membership {
	clear: both;
	margin: 0 auto;
	min-height: 84px;
	width: 455px;
	padding: 8px 13px 0 25px;
	background: url('../images/bg_membership.jpg') repeat-y top left;
}
* html #membership {
	height: 64px;
}

#membership-end {
	clear: both;
	margin: 0 auto;
	height: 15px;
	width: 493px;
}

#guidance {
	width: 493px;
	padding: 0 5px 0 5px;
	margin-top: 15px;
	margin-left: 15px;
}

#guidance-vid {
	clear: both;
	padding-top: 15px;
}

#training {
	width: 493px;
	margin-top: 15px;
	margin-left: 15px;
	padding: 10px 5px 0 5px;
	background: url('../images/grad_bluelong.jpg') no-repeat top left;
}

#conferences {
	width: 493px;
	padding: 0 5px 0 5px;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 15px;
}

#memorium {
	width: 493px;
	padding: 0 5px 0 5px;
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 15px;
	background: url('../images/grad_bluelong.jpg') no-repeat top left;
}

#rei-store {
	clear: both;
}

#rei-store-newsletter {
	float: left;
	width: 210px;
	background: url('../images/bg_greenshort.jpg') no-repeat top left;
}

#rei-store-info {
	float: left;
	margin-left: 15px;
	padding: 10px 5px 0 5px;
	width: 493px;
	background: url('../images/grad_blueshort.jpg') no-repeat top left;
}

#footer {
	clear: both;
	margin: 0 auto;
	margin-top: 15px;
	height: 50px;
}

#ff-fix {
	clear: both;
	margin: 0 auto;
}


/* ----------------------------------------- */
/* POPUP DIV IDS AND CLASSES */
/* ----------------------------------------- */

#competent, #confident, #curious, #attentive, #exploring, #cooperative, #secure, #peaceful, #focused, #self-initiating, #resourceful, #involved, #inner-directed, #aware, #interested  {
	position: absolute;
	visibility: hidden;
	top: 200px;
	z-index: 50;
}

.popupoff {
	display: none;
}

.popup {
	margin: 0 auto;
	width: 384px;
	border: 1px solid #CC66FF;
	background-color: #FFFFE5;
	padding: 0 5px 5px 10px;
	filter: alpha(opacity=84);
	moz-opacity: .84;
	opacity: .84;
}

.popup-copy {
	clear: both;
}

.popup-close {
	padding: 5px 0 0 0;
	text-align: right;
}


/* ----------------------------------------- */
/* DIV CLASSES */
/* ----------------------------------------- */

.spacer {
   clear: both;
   height: 20px;
}

.muteOut {
	filter: alpha(opacity=50);
	moz-opacity: .50;
	opacity: .50;
}

.left-content {
	clear: both;
	padding: 15px 10px 10px 15px;
}

.right-content {
	clear: both;
	padding: 10px 0 10px 0;
}

.blue-grad-content {
	clear: both;
}

.heading-blue {
	float: left;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	color: #4385B8;
}

.backtotop {
	float: right;
	margin-right: 0px;
	padding: 5px 5px 0 0;
}

.main-menu {
	height: 33px;
}

.vid-link {
	margin: 5px auto;
	width: 112px;
}


/* ----------------------------------------- */
/* FONTS */
/* ----------------------------------------- */

.luc-blue-12 {
	font-family: Lucida, lucida grande;
	font-size: 12px;
	line-height: 14px;
	color: #006699;
}

.luc-grey-10 {
	font-family: Lucida, lucida grande;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
}

.luc-grey-12 {
	font-family: Lucida, lucida grande;
	font-size: 12px;
	line-height: 14px;
	color: #666666;
}

.luc-grey-14 {
	font-family: Lucida, lucida grande;
	font-size: 14px;
	color: #666666;
}

.hel-grey-12 {
   font-family: Helvetica;
   font-size: 12px;
   color: #666666;
}

.hel-grey-14 {
   font-family: Helvetica;
   font-size: 14px;
   color: #666666;
}

.hel-blue-14 {
   font-family: Helvetica;
   font-size: 14px;
   color: #006699;
}

.hel-ltblue-12 {
	font-family: Helvetica;
	font-size: 12px;
	color: #D6E7F5;
}

.hel-blue-14 {
	font-family: Helvetica;
	font-size: 14px;
	color: #006699;
}

.hel-blue-13b {
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #006699;
}

.hel-blue-14b {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}

.geo-dkgrey-14 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #333333;
}

.geo-dkgrey-24 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 24px;
	line-height: 120%;
	color: #333333;
}

.geo-blue-12i {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #4385B8;
	font-style: italic;
}

.geo-blue-18 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	color: #4385B8;
}

.myr-blue-36 {
	font-family: Myriad Pro;
	font-size: 36px;
	line-height: 120%;
	color: #4385B8;
}


/* ----------------------------------------- */
/* OPACITY */
/* ----------------------------------------- */

.opac-0 {
	filter: alpha(opacity=0);
	moz-opacity: .0;
	opacity: .0;
}

.opac-50 {
	filter: alpha(opacity=50);
	moz-opacity: .50;
	opacity: .50;
}

.opac-100 {
	filter: alpha(opacity=100);
	moz-opacity: .100;
	opacity: .100;
}



/* ----------------------------------------- */
/* IMAGE CLASSES */
/* ----------------------------------------- */

.margin-rt {
	margin-right: 20px;
}

.storebooks {
	margin-left: 10px;
}

.guidvid {
	margin-left: 10px;
	margin-right: 10px;
}


.txt {
	width: 2px;
	height: 2px;
}



/* ----------------------------------------- */
/* LINKS */
/* ----------------------------------------- */

a.lucBlue-12 {
	text-decoration: none;
	font-family: Lucida, lucida grande;
	font-weight: bold;
	font-size: 12px;
	color: #4385B8;
}
a.lucBlue-12:hover {
	text-decoration: underline;
}

a.lucOrange-12 {
	text-decoration: none;
	font-family: Lucida, lucida grande;
	font-size: 12px;
	color: #CC6600;
}
a.lucOrange-12:hover {
	text-decoration: underline;
}

a.lucWhite-12 {
	text-decoration: none;
	font-family: Lucida, lucida grande;
	font-size: 12px;
	color: #FFFFFF;
}
a.lucWhite-12:hover {
	text-decoration: underline;
}