/* CSS Document */

/* this page controls the style and positioning of the site */
/* COLORS USED IN DESIGN: blue darkest: #002D59 (0, 45, 89); blue darker: #6699CC (112, 160, 200); 
blue lighter: #99CCCC (170, 205, 227); blue lightest #E8F1F8 (233, 241, 248) */

/* SETTINGS: margins; paragraphs; headings; horzontal rules & line breaks - DO NOT TOUCH */
* {margin: 0; padding: 0;}
p{margin-top:10px; margin-bottom:10px;} 
h1{margin-top:10px; margin-bottom:10px;} 
h2{margin-top:8px; margin-bottom:8px;} 
hr{margin-left:174px; width: 620px;} 

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

body {
	text-align: center;
	background-color: #E8F3FF; 
}

/* BACKGROUND */
.background {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:1000px; 
	height: 603px; 
	background-image: url(../images/image_header.jpg); 
	background-repeat: 
	no-repeat; 
	z-index:1;
} 

.background_search {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:1000px; 
	height: 1200px; 
	background-image: url(../images/image_search_results.jpg); 
	background-repeat: 
	no-repeat; 
	z-index:1;
} 

/* NAVIGATION MENUS */

.navigation_bottom {
	position:absolute; 
	left:150px; 
	top:25px; 
	width:750px; 
	z-index: 3;
}

.navigation_articles_next {
	position:absolute; 
	left:703px; 
	width:95px; 
	height:50px; 
	z-index: 3;
}

/* MAIN BODY: sets the positioning of the main body */
.main_body {
	position:relative; 
	left:0px; 
	top:145px; 
	width:1000px; 
	height: auto;
	z-index:7; 
	padding-top: 2px;
	background-image: url(../images/image_faux.jpg); 
	background-repeat: repeat-y;
	overflow: visible;
	background-position: left;
}

.search_body {position:relative; left:0px; top:145px; width:1000px; height: auto;
z-index:7; padding-top: 2px;
overflow: visible;
background-position: left;}

.main_body_newsletter {position:absolute; left:174px; top:350px; width:620px; height: auto;
z-index:7; padding-top: 10px; overflow: visible;}
.main_body_form {position:absolute; left:174px; top:200px; width:620px; height: auto;
z-index:7; padding-top: 10px; overflow: visible;}

.search_results {position:absolute; left:174px; top:0px; width:826px; height: auto;
z-index:7; padding-top: 10px; overflow: visible;}

/* VIDEOS: sets the positioning of the media and video boxes */
.youtube {position: absolute; left:247px; width:335px; height: 254px; z-index:7;}
.youtube_comment {position: absolute; left:600px; width:190px; height: 254px; margin-top:-5px; z-index:7;}

/* PUSH & FOOTER: sets the footer to appear and stick to the bottom of the text - DO NOT TOUCH - other than to change footer image */
.push {height: 35px;}
.footer {position: absolute; left: 0px; height: 100px; width: 1000px; background-image:url(../images/image_footer.jpg); 
background-repeat:no-repeat; z-index: 2;}

/* FOTTER QUOTE: sets the positioning of the quote */
.quote {position:absolute; left:200px; width:550px; z-index:4;}

/* LEFT COLUMN: sets the positioning of all left column items */
.leftcolumn {position: absolute; left: 800px; top: 0px; width:140px; height: auto; z-index: 8;}
.newsletter_image {position:absolute; left:15px; top:325px; width:162px; height:63px; z-index:8;
background-image: url(../images/image_newsletter.jpg); background-repeat: no-repeat;}
.newsletter {position:absolute; left:10px; top:351px; width:138px; height:210px; z-index:9;}
.pick_category {position:absolute; left:15px; top:0px; width:162px; height:25px; z-index:8;
background-image: url(../images/image_category.jpg); background-repeat: no-repeat;}


/* RIGHT COLUMN: sets the positioning of all right column items */
.giveaway {position:absolute; left:815px; top:149px; width:165px; z-index:11; 
padding-bottom: 5px; padding-left: 7px; padding-right: 7px;  padding-top: 5px; overflow: visible; 
background-image: url(../images/image_giveaway.png); background-repeat: no-repeat; background-position: top;}
.google_ads {position:absolute; left:818px; top:100px; width:165px; z-index:12; 
padding-bottom: 5px; padding-left: 7px; padding-right: 7px; padding-top: 5px; overflow: auto;}
.google_ads_2 {position:absolute; left:818px; top:730px; width:165px; z-index:12; 
padding-bottom: 5px; padding-left: 7px; padding-right: 7px; padding-top: 5px; overflow: auto;}
.google_ads_3 {position:absolute; left:818px; top:1360px; width:165px; z-index:12; 
padding-bottom: 5px; padding-left: 7px; padding-right: 7px; padding-top: 5px; overflow: auto;}
.latest_articles_image {position: absolute; left:814px; top:85px; width:177px; height: 45px; z-index:13; 
overflow: visible; background-image: url(../images/image_latest_articles.jpg); background-repeat: no-repeat; background-position: top;}
.latest_articles {position: absolute; left:818px; top:105px; width:170px; z-index:13; 
padding-bottom: 5px; overflow: visible;}
.new_article_1 {position: absolute; left:800px; top: 110px; width:27px; height: 20px; z-index:10; 
background-image: url(../images/image_new_articles.png); background-repeat: no-repeat; background-position: top;}
.new_article_2 {position: absolute; left:800px; top: 300px; width:27px; height: 20px; z-index:10; 
background-image: url(../images/image_new_articles.png); background-repeat: no-repeat; background-position: top;}
.google_search {position:absolute; left:834px; top:10px; width:175px; z-index:16; 
 background-image: url(../images/image_search_site.png); background-repeat: no-repeat;}
.google_search_results {position:absolute; left: 0px; top: 38px; width:400px; z-index:16; height: 60px; 
 background-image: url(../images/image_search_site_results.png); background-repeat: no-repeat;}

/* IMAGE SETTINGS: sets the positioning of all in-content images; add as you add images */
.tania {position:absolute; left:175px; top:90px; width:111px; height:148px; 
z-index:13; background-color: #FFFFFF; border: thin; border-color: #002D59; border-style: solid; border-width: thin; 
background-image: url(../images/image_tania.jpg); background-repeat: no-repeat;}
.comingsoon {position:absolute; left:175px; width:300px; height:225px; margin-top: 15px;
z-index:13; background-image: url(../images/image_comingsoon.jpg); background-repeat: no-repeat;}
.arrowup {position:absolute; left:57px; top:515px; width:48px; height:48px; z-index:8; 
background-image: url(../images/image_arrowup.png); background-repeat: no-repeat;}
.arrowdown {position:absolute; left:57px; top:155px; width:48px; height:48px; z-index:8;
background-image: url(../images/image_arrowdown.png); background-repeat: no-repeat;}
.brainwaves {position:absolute; left:172px; width:635px; height:459px; margin-top: 15px;
z-index:13; background-image: url(../images/image_brainwaves.png); background-repeat: no-repeat;}

/* BUTTONS & TEXTFIELDS: controls the appearance of buttons and textfields in the newsletter subscription */
.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; 
font-weight: bold; background-color: #6699CC;}
.textfield {font-family: Verdana; width: 120px; height: 14px; font-size: 12px; color: #101010; background-color: #FFFFFF;}
.seminar {position:absolute; left:-8px; top:205px; width:180px; height:200px; z-index:8;}
.sharethis {position:absolute; left:710px; width:100px; height:20px; margin-top: -5px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; z-index:10;}

/* LEGEND ICONS: sets the positioning of all in-content ICONS */
.attention {position: absolute; left:172px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_attention.png); background-repeat: no-repeat;}
.tip {position: absolute; left:172px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_tip.png); background-repeat: no-repeat;}
.exercise {position: absolute; left:172px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_exercise.png); background-repeat: no-repeat;}
.watch {position: absolute; left:172px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_watch.png); background-repeat: no-repeat;}
.nutshell {position: absolute; left:172px; width:60px; height:69px; margin-top: 10px;
z-index:14; background-image: url(../images/image_nutshell.png); background-repeat: no-repeat;}

/* LEGEND ICONS as explained on the home page */
.legend_attention {position: absolute; left:175px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_attention.png); background-repeat: no-repeat;}
.legend_tip {position: absolute; left:285px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_tip.png); background-repeat: no-repeat;}
.legend_exercise {position: absolute; left:395px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_exercise.png); background-repeat: no-repeat;}
.legend_watch {position: absolute; left:505px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_watch.png); background-repeat: no-repeat;}
.legend_nutshell {position: absolute; left:615px; width:60px; height:69px; margin-top: 2px;
z-index:14; background-image: url(../images/image_nutshell.png); background-repeat: no-repeat;}

/* EBOOK Icons */
.ebook_master_key_system {position:absolute; left:175px; top:215px; width:110px; height:150px; 
z-index:13; background-color: #FFFFFF;}
.ebook_as_a_man_thinketh {position:absolute; left:310px; top:215px; width:110px; height:150px; 
z-index:13; background-color: #FFFFFF;}
.ebook_self_mastery {position:absolute; left:445px; top:215px; width:110px; height:150px; 
z-index:13; background-color: #FFFFFF;}
.get_adobe_reader {position:absolute; left:175px; top: 465px; width:112px; height:33px; 
z-index:13; background-color: #FFFFFF; border: thin; background-image: url(../images/get_adobe_reader.gif); background-repeat: no-repeat;}


#navcontainer {
	position:absolute; 
	left:15px; 
	top:33px; 
	width:122px;
	list-style: none;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a
{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold; 
	color: #002D59;
	display: block;
	padding: 4px;
	width: 122px;
	border-bottom: 1px solid #eee;
	text-decoration: none;
}

#navcontainer a:link, #navlist a:visited
{
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #002D59;
color: #FFFFFF;
margin-top: -1px;
}

/* BOTTOM NAVIGATION MENU (part of footer) */
/* #navlist_bottom controls the basic style */
#navlist_bottom li
{float: left; list-style-type: none; font-family: Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold; font-size: 11px; padding-right: 20px; padding-left: 21px;} 
/* padding left & right controls the spacing between the links */

/* controls the default color */
#navlist_bottom li a, #navlist_bottom li a:link
{color: #002D59; text-decoration: none;}

/* controls the visited color */
#navlist_bottom li a:visited
{color: #002D59;}

/* controls the hover color */
#navlist_bottom li a:hover
{color: #FFFFFF;}

/* controls the color & style of the active page once clicked */
#navlist_bottom li a#current, #navlist_bottom li a#current:link
{color: #002D59; font-weight: bold; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; 
text-transform: uppercase;} /* the text-transform: uppercase transforms the text into uppercase when the page is active */

/* END */

/* ARTICLES MENU ON TIER TWO PAGES */
/* #navlist_articles controls the basic style */
#navlist_articles li
{list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #002D59;
padding-bottom: 10px;}

#navlist_articles li a, #navlist_articles li a:link
{color: #002D59; text-decoration: none;}

/* controls the visited color */
#navlist_articles li a:visited
{color:#002D59; list-style-image: url(images/image_tick.png);} /* image_tick is the reference for the tick that appears once read */

/* controls the hover color */
#navlist_articles li a:hover
{color: #E8F1F8;}

/* controls the color & style of the active page once clicked */
#navlist_articles li a#current, #navlist_articles li a#current:link
{color:#E8F1F8; font-weight: bolder; font-size: 9px; font-style: normal; list-style-image: none;
text-transform: uppercase; background-color: #002D59;}
/* the text-transform: uppercase, transforms the text into uppercase when the page is active */

/* LATEST ARTICLES ON HOME PAGE */
#navlist_latest_articles li
{list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #002D59;
padding-bottom: 10px; line-height: 15px;}

#navlist_latest_articles li a, #navlist_articles li a:link
{color: #002D59; text-decoration: none; line-height: 15px;}

/* controls the hover color */
#navlist_latest_articles li a:hover
{color: #101010; line-height: 15px;}


/* BULLET POINTS */
#bullet_list li
{list-style-type: none; list-style-image: url(../images/image_bullet.png); padding-left: 5px;}

/* END */

/* CSS Document */

/* LINK FONT COLORS: 
- link in content blue #004080;
- visited and active in black #151515 to appear to flow with text; 
- hover in bright blue #0059B3;
- all links are underlined */

/* MORE DETAILS: Links for more details about a subject or item - FLOW WITH THE TEXT */
a.moredetails:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
font-weight: bold; text-decoration: underline; color: #004080;}
a.moredetails:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
font-weight: bold; text-decoration: underline; color: #004080;}
a.moredetails:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
font-weight: bold; text-decoration: underline; color: #0059B3;}
a.moredetails:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
font-weight: bold; text-decoration: underline; color: #004080;}

/* GO TO LINKS: small links to get to something*/
a.goto:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #0059B3; line-height: 21px;}
a.goto:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #004080; line-height: 21px;}
a.goto:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #0059B3; line-height: 21px;}
a.goto:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #0059B3; line-height: 21px;}

/* LHS COLUMN: link in lhs column */
a.lhs:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #002D59; line-height: 17px;}
a.lhs:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #002D59; line-height: 17px;}
a.lhs:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #FFFFFF; line-height: 17px;}
a.lhs:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #002D59; line-height: 17px;}

/* RHS COLUMN: link in rhs column */
a.rhs:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #002D59; line-height: 17px;}
a.rhs:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #002D59; line-height: 17px;}
a.rhs:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #0059B3; line-height: 17px;}
a.rhs:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #002D59; line-height: 17px;}


/* ARTICLE: small links to get to something*/
a.article_link:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #0059B3; line-height: 21px;}
a.article_link:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #004080; line-height: 21px;}
a.article_link:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #0059B3; line-height: 21px;}
a.article_link:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
font-weight: bold; text-decoration: underline; color: #0059B3; line-height: 21px;}

/* ARTICLE NAVIGATION NEXT:*/
a.article_nav_next:link {background-image: url(../images/image_article_next_1.png); background-repeat: no-repeat; text-decoration: none;}
a.article_nav_next:visited {background-image: url(../images/image_article_next_1.png); background-repeat: no-repeat; text-decoration: none;}
a.article_nav_next:hover {background-image: url(../images/image_article_next_2.png); background-repeat: no-repeat; text-decoration: none;}
a.article_nav_next:active {background-image: url(../images/image_article_next_1.png); background-repeat: no-repeat; text-decoration: none;}
