@charset "utf-8";
/*-----------------------------------------------------------------------------
	Share The Wealth
	
	version:   1.0
	author: Nettune Inc.
	contact: info@nettune.com

-----------------------------------------------------------------------------*/
/* Basics
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
/* Force vertical scrollbar */
	html { min-height: 100%; margin-bottom: 1px; }
* { margin: 0; padding: 0px; } /* Remove padding and margin */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 0em 0; } /* Put it back on certain elements */
.clear { clear:both; } /* Class for clearing floats */
img { border: 0; } /* Remove border around linked images */

/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
.break { margin: 0; padding: 0; border-width: 0; height:8px; line-height: 8px; }
.bigBreak { height:20px; }
.dividerLine { width: 220px; height:21px; background:url(../images/dividerLine.jpg); margin-bottom: 15px; }
.pipe { width:1px; height:18px; padding: 0px 8px 0px 8px; }
br { margin: 0; padding: 0; border-width: 0; line-height: 6px; }
*.brHalf { display:block; margin-top:-0.5em; }
*.brSingle { display:block; margin-top:0em; }
*.brOne { display:block; margin-top:1.5em; }
*.brDouble { margin-top:15px; }

/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	
a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #0285ce; font-size:12px; }
a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #0285ce; font-size:12px; }
a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #84a43c; font-size:12px; }
a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #0285ce; font-size:12px; }

/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:19px; color:#1a3756; padding:0; margin:0; padding-bottom: 15px; text-align: left; }
h1 { font-family: Arial, Helvetica, sans-serif; color:#1a3756; font-size: 19px; line-height:26px; padding:0; margin:0; padding-bottom: 10px; font-weight: bold; }
h2 { font-family: Arial, Helvetica, sans-serif; color:#1b3463; font-size: 14px; font-weight: normal; line-height:24px; margin:0; font-style:normal; font-weight: bold; padding-bottom: 15px; }
h3 { font-family: Arial, Helvetica, sans-serif; color:#1a3756; font-size:14px; padding:0; margin:0; padding-bottom: 12px; font-weight: bold; font-style:normal; }
h4 { font-family: Verdana, Helvetica, sans-serif; font-size: 14px; line-height:24px; color:#ffffff; margin:0; font-style:normal; font-weight: normal; padding-bottom: 0px; }
ul { list-style:square; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#1a3756; line-height:19px; margin-top: 0px; padding-bottom: 0px; }
li { padding-bottom:8px; }
.smallfont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height:19px; color:#303f53; padding:4px 0px 4px 4px; margin:0; text-align: left; }

/* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; background-color:#d7dde0; text-align: center; margin: 0; padding: 0; }
#wrapper { background:url(../images/bg_top.jpg) top repeat-x; width: 100%; text-align: left; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ position:relative; }
#siteFrame { height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ margin: 0 auto; position: relative; padding-bottom:110px; /* Allow room for footer to stick to the bottom */ width: 932px; }
#invisibleLink { background: url(../images_global/spacer.gif) no-repeat 0 0; width:365px; height:60px; text-indent: -9999px; display: block; position: absolute; top: 26px; left: 25px; }
.centerContent { /* Keep content centered within the browser */ width:960px; margin:0 auto; position: relative; }
.homeDivider { float:left; background:url(../images/dividerLine.jpg) repeat-y; height:272px; width:30px; margin-top:20px; }

/* ---------------------------------------------------------------------------
Top Banner
-----------------------------------------------------------------------------*/
#topArea{ background:url(../images/contentarea_top.jpg) no-repeat; height:487px; width:932px; position:relative;}
#topLogo{ width:204px; height:124px; position:absolute; left: 29px; top: 21px; }
a.topLogo { background: url(../images/top_logo.jpg) no-repeat 0 0; display: block; height:124px; overflow: visible; text-indent: -10000px; } 
a:hover.topLogo { background-position: 0 -124px; }
a.auxEmail { background: url(../images/topAux_email.jpg) no-repeat 0 0; display: block; height:26px; width:160px; overflow: visible; text-indent: -10000px;} 
a:hover.auxEmail { background-position: 0 -26px; }
.topAux{ width:282px; height:31px; position:absolute; left: 610px; top: 14px;}

/* ---------------------------------------------------------------------------
Main Banner
-----------------------------------------------------------------------------*/
#mainBanner{ background:url(../images/mainBanner_frame.jpg) no-repeat; width:874px; height:292px; position:absolute; left: 29px; top: 168px;}
.jaynPhoto{ position:absolute; width:285px; height:300px; top: -8px; background:url(../images/jayn.png); z-index:0;}
.mainTxt{ width:307px; height:176px; position:absolute; left: 262px; top: 117px; z-index:1; }
.mainTxt p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:16px; color:#1a3756; padding:0; margin:0; padding-bottom: 12px; }
.signupBox{ position:absolute; left: 480px; top: 118px; }
.field { width: 210px; padding:8px 0px 0px 50px; height:25px; border:0; margin:0px 0px 4px 26px; background:url(../images/mainBanner_field.jpg) no-repeat; color:#1a3756; }
.submitBtn{ background:url(../images/submitBtn.jpg) no-repeat; width:64px; height:25px; } 
textarea { width: 410px; height: 100px; margin: 0; padding: 5px; border: 1px solid #ececec; }
.newsletterIcon{ background:url(../images/icon_newsletter.png) no-repeat; width:69px; height:81px; position:absolute; top: 29px;}
.bannerTitle { position:absolute; height: 35px; top: 0px; left: 10px; color:#ffffff; }
/* ---------------------------------------------------------------------------
Main Menu
-----------------------------------------------------------------------------*/
#topMenu{ position:absolute; width:641px; height:120px; left: 266px; top: 48px; }
a.menuitem1 { background: url(../images/topmenu_1.jpg) no-repeat 0 0; display: block; height:119px; width:111px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.menuitem1 { background-position: 0 -119px; }
a.menuitem2 { background: url(../images/topmenu_2.jpg) no-repeat 0 0; display: block; height:119px; width:102px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.menuitem2 { background-position: 0 -119px; }
a.menuitem3 { background: url(../images/topmenu_3.jpg) no-repeat 0 0; display: block; height:119px; width:111px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.menuitem3 { background-position: 0 -119px; }
a.menuitem4 { background: url(../images/topmenu_4.jpg) no-repeat 0 0; display: block; height:119px; width:93px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.menuitem4 { background-position: 0 -119px; }
a.menuitem5 { background: url(../images/topmenu_5.jpg) no-repeat 0 0; display: block; height:119px; width:93px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.menuitem5 { background-position: 0 -119px; }
a.menuitem6 { background: url(../images/topmenu_6.jpg) no-repeat 0 0; display: block; height:119px; width:120px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.menuitem6 { background-position: 0 -119px; }

/* ---------------------------------------------------------------------------
Content Area Home
-----------------------------------------------------------------------------*/
#mainFrame { margin: 0 auto; position: relative; padding-bottom:0px; /* Allow room for footer to stick to the bottom */ width: 932px; background:url(../images/contentarea_mid.jpg) repeat-y; }
#contentArea{ width:930px; margin:0 auto;}
#contentArea1{ float:left; width:340px; padding:0px 0px 0px 27px;}
.videoBox{ width:338px; height:251px; position:relative;}
.videoBox a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #1a3756; font-size:14px; font-weight:bold; }
.videoBox a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #1a3756; font-size:14px; font-weight:bold; }
.videoBox a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #1a3756; font-size:14px; font-weight:bold; }
.videoBox a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #1a3756; font-size:14px; font-weight:bold; }
.videoBtn{ position:absolute; width:254px; height:31px; top: 179px; left: -1px; background:url(../images/watchVideo_btn.png) no-repeat; padding:20px 0px 0px 15px;}
.featureBox_top{ background:url(../images/featuredbox_top.jpg) no-repeat; width:331px; height:13px;}
.featureBox_mid{ background:url(../images/featuredbox_mid.jpg) repeat-y; width:301px; padding: 0px 15px 0px 15px; }
.featureBox_mid p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:19px; color:#1a3756; padding:0; margin:0; padding-bottom: 0px; text-align: left; }
.featureBox_btm{ background:url(../images/featuredbox_btm.jpg) no-repeat; width:331px; height:13px;}

#contentArea2{ float:left; width:240px; padding:0px 0px 0px 35px; }
.newsTab{ background:url(../images/newstab.jpg) no-repeat; width:200px; height:35px; padding: 5px 0px 0px 8px; }
.newsTxt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; line-height:17px; color:#1a3756; margin:0; padding-bottom: 0px; text-align: left; width: 220px; font-variant:small-caps; }
#contentArea2 p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; line-height:17px; color:#4d6576; margin:0; padding-bottom: 0px; text-align: left; width: 220px; }

#contentArea3{ float:left; width:240px; padding:0px 0px 0px 25px; }
#contentArea3 p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; font-style:italic; line-height:17px; color:#879cac; margin:0; padding-bottom: 0px; text-align: left; width: 220px; }

#contentArea_btm{ background:url(../images/contentarea_btm.jpg) no-repeat; width:932px; height:38px; margin:0 auto;}

/* ---------------------------------------------------------------------------
Interior Page
-----------------------------------------------------------------------------*/
#topArea_interior{ background:url(../images/contentarea_top.jpg) no-repeat; height:225px; width:932px; position:relative; }
#interior_mainContent{ float:left; width:400px; padding:20px 0px 0px 35px; }
#interior_rightFeatures{ float:left; width:210px; padding:55px 0px 0px 35px; }

/* ---------------------------------------------------------------------------
Side Navigation Styles
-----------------------------------------------------------------------------*/
#sideMenu{ float:left; margin-left:25px;}
#sideMenu_frame{ background:url(../images/sidemenu_bg.jpg) repeat-y; width:207px; padding:20px 0px 0px 0px;}
#sideMenu_btm{ background:url(../images/sidemenu_btm.jpg) no-repeat; width:207px; height:181px;}
#menu ul { list-style:none; padding:0; margin:0; }
#menu { width: 207px; }
#menu li { padding-bottom:0; margin-left:1px; }
#menu a:link { color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: none; padding: 8px 5px 8px 18px; font-weight:normal; font-style:normal; }
#menu a:visited { color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: none; padding: 8px 5px 8px 18px; font-weight:normal; font-style:normal; }
#menu a:hover { background-color: #b6dcf8; color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: underline; padding: 7px 5px 7px 18px; font-weight:normal; font-style:normal; border-bottom:#90bde0 solid 1px; border-top:#d4eafb solid 1px; }
#menu a:active { color: #243b68; font-family: Arial; font-size: 12px; line-height:20px; display:block; text-decoration: none; padding:7px 5px 7px 18px; font-weight:normal; font-style:normal; }

/* ---------------------------------------------------------------------------
Interior Feature Styles
-----------------------------------------------------------------------------*/
.greenBox_top{ background:url(../images/greenbox_top.jpg) no-repeat; width:195px; height:16px;}
.greenBox_mid{ background:url(../images/greenbox_mid.jpg) repeat-y; width:170px; padding: 0px 10px 0px 15px;}
.greenBox_btm{ background:url(../images/greenbox_btm.jpg) no-repeat; width:195px; height:16px; } 
.greenBox_line{ background:url(../images/greenbox_line.jpg) no-repeat; width:152px; height:16px; margin: 0px 0px 8px 8px; }
.greenBox_mid p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; font-style:italic; line-height:17px; color:#0285ce; margin:0; padding-bottom: 0px; text-align: left; }
.greenBox_mid a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #214163; font-size:12px; font-weight:bold; }
.greenBox_mid a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #214163; font-size:12px; font-weight:bold; }
.greenBox_mid a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #6a8926; font-size:12px; font-weight:bold; }
.greenBox_mid a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #214163; font-size:12px; font-weight:bold; }
.workshopBox_top{ background:url(../images/featuredboxInterior_top.jpg) no-repeat; width:195px; height:14px;}
.workshopBox_mid{ background:url(../images/featuredboxInterior_mid.jpg) repeat-y; width:195px; }
.workshopBox_mid p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; font-style:normal; line-height:17px; color:#1a3756; margin:0; text-align: left; padding: 0px 10px 0px 15px; }
.workshopBox_btm{ background:url(../images/featuredboxInterior_btm.jpg) no-repeat; width:195px; height:14px; }
#breadcrumbsBar{ background:url(../images/breadcrumbsBanner.jpg) no-repeat; width:930px; height:58px; position:absolute; top: 169px; left: 1px;}
.header{ position:absolute; width: 86px; height: 22px; left: 45px; top: 23px;}
.breadcrumbs_links{ width:419px; height:20px; position:absolute; left: 270px; top: 22px; }
.breadcrumbs_links p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; font-style:normal; line-height:17px; color:#fff; margin:0; padding-bottom: 0px; text-align: left; }
.breadcrumbs_links a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d8f892; font-size:12px; font-weight:normal; }
.breadcrumbs_links a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d8f892; font-size:12px; font-weight:normal; }
.breadcrumbs_links a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #fff; font-size:12px; font-weight:normal; }
.breadcrumbs_links a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #d8f892; font-size:12px; font-weight:normal; }

/* ---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footerBG { background:url(../images/footer_bg.jpg) repeat-x; width:100%; height:102px; position:absolute; bottom:0; }
#footerFrame { width:933px; margin:0 auto; height:100px; position: relative; }
.footerLogo{ width:210px; height:51px; position:absolute; top: 23px; left: 27px;}
a.footerLogo {  background: url(../images/footer_logo.png) no-repeat 0 0; display: block; height: 23px; width: 166px; overflow: hidden; text-indent: -1000px; padding-top:20px; line-height: 0px;} 
a:hover.footerLogo { background-position: 0 -43px; } 
.footerAux{ background:url(../images/footer_frame.jpg) no-repeat; position:absolute; width:665px; height:79px; top: 23px; left: 274px;}
.footerLinks{ position:absolute; top: 32px; left: 32px; width: 285px; }
.footerLinks p{ color:#34548b; font-size:11px; padding-bottom:12px; }
.footerLinks a:link { color:#34548b; text-decoration:underline; font-size:11px; }
.footerLinks a:hover { text-decoration:underline; color: #84a43c; font-size:11px;}
.footerLinks a:active { color: #84a43c; font-size:11px; }
.footerLinks a:visited { color: #34548b; font-size:11px; }
.footerSocial{position:absolute; width:269px; left: 382px; top: 28px;}
a.follow { background: url(../images/footerIcon_1.jpg) no-repeat 0 0; display: block; height:29px; width:84px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.follow { background-position: 0 -29px; }
a.joinus { background: url(../images/footerIcon_2.jpg) no-repeat 0 0; display: block; height:29px; width:69px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.joinus { background-position: 0 -29px; }
a.addus { background: url(../images/footerIcon_3.jpg) no-repeat 0 0; display: block; height:29px; width:67px; overflow: visible; text-indent: -10000px; float:left; } 
a:hover.addus { background-position: 0 -29px; }