/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;

}

body {
font:100%/1.25 lucida grande, arial, sans-serif;
background: #00331d url(../images/bg.jpg) repeat-x;
}

body#popup {
background: #fff;
}
h1 {
padding:4px 0 15px 0;
letter-spacing:-1px;
font:1.8em trebuchet ms, lucida grande, arial, helvetica, sans-serif;
color: #04623a;
}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
/***** Common Formatting *****/
.PageTitle
{
	margin:0;
	padding:0;
	font-weight:normal;
	}
.nav {
	height: 500px;
	width: 206px;
}
.nav2 {
	height: 500px;
	width: 373px;
}
.breadcrumbs {
	background: url(../images/bg_top.gif) no-repeat;
	width: 519px;
	height: 123px;
	margin: 0;
	color: #04623a;
}
.breadcrumbs h2 {
	color: #04623a;
	font-weight: bold;
	width: 327px;
}
.breadcrumbs h2 a {
	color: #4a8e71;
}
.breadcrumbs h2 a:hover {
	color: #2f5a48;
	border-bottom: 1px solid #c0c0c0;
}
.breadcrumbs2 {
	background: url(../images/bg_top2.gif) no-repeat;
	width: 352px;
	height: 123px;
	margin: 0;
	color: #04623a;
}

.login {
	background: url(../images/bg_top_right.gif) no-repeat;
	width: 241px;
	height: 123px;
}
.login a {
	font-size: .8em;
	color: #333;
}
.login a:hover {
	color: #1a1a1a;
	text-decoration: underline;
}
.logintitle {
	padding: 10px 0 7px 0;
	font-size:.9em;
}
.loginlaunch {
	padding: 18px 0 3px 10px;
}
.loginlaunch a {
	font-size: 1.3em;
	color: #666;
	padding-right:30px;
}
.loginlaunch a:hover {
	background: url(../images/login_button.gif) right no-repeat;
	text-decoration: none;
	color: #04623a;
}
.loginlink {
	font-size: 10pt;
	padding: 0;
}
.loggedinas {
	height:62px;
	position: absolute;
	top:70px;
	font-size:.8em;
}
.loggedinas h1 {
	font-size: 1.5em;
}
.MainPanel
{
	width: 966px;
}
#content {

}
.content {
	padding-top:15px;
	background: #fff url(../images/content_bg_shadow.gif) repeat-x;
}
.content a {
	color: #09623d;
}
.content a:hover {
	color: #0d2a62;
	border-bottom: 1px solid #c0c0c0;
}
.content .icon a:hover {
	border: none;
}
.pagesummary {
	color: #666;
	font-weight: normal;
	padding: 15px 10px 15px 0;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	text-align: left;
}
.breakout {
	color: #666;
	font-weight: bold;
	padding: 15px 10px 15px 0;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	text-align: center;
	background: #fff;
}
.breakout#top 
{
	font-weight:normal;
	background: none;
	margin-top: 0;
	text-align: left;
	font-size: 11px;
}
.breakout a {
	color: #666;
}
.breakout a:hover {
	color: #1a1a1a;
	text-decoration: underline;
}
.helpfullinksArea {
	float:right;
	width:180px;
	height: 700px;
	background: #407340 url(../images/helpfullinks_area.jpg) no-repeat;
	padding-bottom: 0px;
	margin: 10px 0 0px 10px;
	color: #efefef;
	font-weight: bold;
}
.underhelpfullinks
{
        font-size: 12px;
        text-align: center;
        margin: 0 0 0 20px;
}
.underhelpfullinks div
{
    padding: 20px;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}
.bookPromo span a
{
    text-decoration: underline;
}
ul.helpfulLinks {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
ul.helpfulLinks li {
	padding:10px 10px 10px 20px;
	border-bottom: 1px solid #006600;
	border-top: 1px solid #339933;	
}
ul.helpfulLinks li#nopadding {
	padding:0px;
	border: none;
}
ul.helpfulLinks li#first {
	border-top: none;
	padding-top: 20px;
	color: #efefef;
}
ul.helpfulLinks li a {
	color: #a4ffa4;
	font-weight: bold;
}
ul.helpfulLinks li a:hover {
	color: #fff;
}
ul.helpfulLinks li ul {
	margin: 0;
	padding: 0;
}
ul.helpfulLinks li ul li {
	padding-left: 40px;
	background: url(../images/helpfullinks_area_tree.gif) no-repeat;
}

moreHeadlines {
}
  {
	padding: 3px 5px 5px 6px;
	font-family: Times New Roman, Georgia;
	font-size: 0.9em;
	font-weight: bold;
	background: #ffffff;
	border: none;
}
headlineTitle:hover {
	background: #efefef;
}
headlineDescription {
	font-size: 8pt;
	background: #efefef;
	padding: 8px 10px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	
}

headlineSeparator {
	border-bottom: 5px solid #efefef;
	margin:3px 0 3px 0;
}
div.moreHeadlines {
}
div.headlineTitle {
	padding: 3px 5px 5px 6px;
	font-family: Times New Roman, Georgia;
	font-size: 0.9em;
	font-weight: bold;
	background: #ffffff;
	border: none;
}
div.headlineTitle:hover {
	background: #efefef;
}
div.headlineDescription {
	font-size: 8pt;
	background: #efefef;
	padding: 8px 10px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}

div.headlineSeparator {
	border-bottom: 5px solid #efefef;
	margin:3px 0 3px 0;
}
ul.largeList, ul.largelist {
	list-style-type:none;
	margin: 0 20px 0 0;
	padding: 0;
}
ul.largeList li, ul.largelist li {
	padding:10px 10px 10px 0px;
	border-bottom: 1px solid #efefef;	
	margin: 0;
	font-size: 1.1em;
}
ul.largeList li a, ul.largelist li a {
	padding-right: 20px;
	color: #666;
	font-weight: bold;
}
ul.largeList li a:hover, ul.largelist li a:hover {
	color: #333;
	background: url(../images/largelist_li_a.gif) right no-repeat;
	text-decoration: underline;
}
.listing {
	border-bottom: 5px solid #c0c0c0;
	margin-bottom: 20px;
	clear: both;
}

#tooltips td {
	text-align: center;
}
#tooltips td div#image {
	padding:15px 10px 0 10px;
}
#tooltips td div#text {
	background: url(../images/featured_description.jpg) no-repeat;
	height: 35px;
	padding: 10px 10px 0 10px;
	font-size: .8em;
}
.WebSiteBuilderPannel
{
	padding: 5px 5px 5px 5px;
}
.article {
padding-right: 0px;
}
.article a {
	color: #04623a;
}
.article a:hover {
	color: #333;
	border-bottom: 1px solid #c0c0c0;
}
.articlePanel {
	float: left;
	margin: 2px 20px 5px 0px;
}
.articlePanel a {
	width: 100px;
	padding: 7px;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	display: block;
	color: #666;
	margin: 5px 0 0 0;
	font-size: .8em;
}
.articlePanel a:hover {
	background: #ffffbc;
	color: #333;
}

.article h1 {
	margin: 0;
	padding: 20px 0 0 0;
}
.article .lastUpdated {
	font-size: 7pt;
	color: #666;
}
.articleTitle {
	font-weight:bold;
	font-family: Times New Roman, Georgia;
	font-size:1.1em;
	font-style: italic;
	padding: 0 10px 10px 10px;
	margin-bottom: 20px;
	background: #efefef;
	text-align: left;
	color: #666;
}
.articleTitle#homepage {
	margin: 15px 0 0 0;
	padding: 10px 10px 0 10px;
	color: #333;
}
.articleImage {
	margin: 0 0px 0px 0;
	background: #efefef;
	padding: 12px;
}
.article br {
	height: 12px;
}

td.detailpages {
	border: 1px solid #c0c0c0;
}
td.detailpages .icon {
	text-align: center;
}
td.detailpages .link {
	color: #c0c0c0;
	background: #333;
	padding:5px;
	font-size: .8em;
	text-align: center;
}
td.detailpages .link a {
	color: #efefef;
}
td.detailpages .link a:hover {
	color: #fff;
}
.bluelinksBG {
	background: url(../images/bluelinksBG.gif) no-repeat;
	height: 300px;
}
.bluelinks {
	font-size: .9em;
	padding-left: 15px;
}
.bluelinks a {
	padding-left: 17px;
	color: #8593ae;
}
.bluelinks a:hover {
	background: url(../images/bluelinks_hover.gif) no-repeat;
	color: #fff;
}
.bluelinks a#highlight {
	background: url(../images/bluelinks_hover.gif) no-repeat;
	color: #fff;
}
.quicklinks {
	font-size: 10pt;
	margin-top: 15px;
}
.quicklinks a {
	margin-top: 10px;
	font-size: .8em;
	color: #04623a;
	border-bottom: 1px solid #c0c0c0;
}
.quicklinks a:hover {
	color: #333;
	border-bottom: 1px solid #666;
}
.separator {
	border-top:1px solid #c0c0c0;
	margin:10px 0 15px 0;
}
.description {
	color: #666;
	margin-bottom: 10px;
}
.cute {
	font-size: .6em;
	font-family: georgia;
	font-style:italic;
	letter-spacing: 1px;
}
.footerfix {
	background: url(../images/footerfix.jpg) repeat-y;
}




h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}

h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
/*
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
*/
blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0px;
padding: 0px;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.style1
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}


label {
cursor:pointer;
}

/***** Tables *****/



/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left;margin:0 20px 20px 0; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }


.nav2 #flashcontent {
	width: 373px;
}








/* style8 */




#fxContainer .contentheading,
#fxContainer div.moduletable h3,
#fxContainer {
  color: #fff;
}

#fxTarget { 
  background: #2e4c9e;
}

#fxShadow {
  background: url(../images/fx-bottom.png) 0 0 repeat-x;
}

#fxTab {
  background: url(../images/fx-tab.png) 650px 0 no-repeat;
}

#fxTab a:link,
#fxTab a:visited,
#fxContainer a:link,
#fxContainer a:visited {
  color: #fff;
}

#fxTab a:hover {
  color: #ccc;
}




/* @group Structure */

/* @group slidebox */

#fxContainer {
  position: absolute;
  margin-top: 0px;
  padding-top: 0px;
  left: 0;
  z-index: 99;
  width: 100%;
}

#fxTarget { 
  padding-top: 1px;
  margin: 0;
  width: 100%;
  position: relative;
  top: 0;
  z-index: 19;
  height: 0;
  overflow: hidden;
}

#fxPadding {
  visibility: hidden;
  padding: 0px;
  text-align: left;
}

#fxShadow {
  position: relative;
  width: 100%;
  height: 6px;
  overflow: hidden;
  z-index: 10;
}

#fxTrigger {
  position: relative;
  cursor: pointer;
}

#fxTab {
  text-align:center;
  bottom: 0;
  margin: -6px auto;
  height: 38px;
  line-height: 36px;
  font-weight: bold;
  width: 182px;
  z-index: 21;
  padding-left: 650px;
  font-size:9pt;
}

#fxTab a:link,
#fxTab a:visited,
#fxContainer a:link,
#fxContainer a:visited {
  z-index: 100;
}

#fxTab a:hover {
  text-decoration: none;
}

/* @end */










/**  Hide/Display content **/

#contentElement1{
	height:0px;
	font-size:10px;
	margin:0 auto;
	overflow:hidden;
}
#contentWrapper{
	margin:0px auto;
	padding:5px 0px;
	overflow:hidden;
}
#button1{
	display:block;
	margin-left:2px;
	cursor:pointer;
}
.button1_{
	font-weight:bold;
	text-align:left;
}



/**  TABS **/

/* ######### CSS for Shade Tabs. Remove if not using ######### */

    .deftabs
    {
        text-align: center;
    }
    .deftabs td
    {
        padding: 12px 0 3px 0;
        margin-left: 0;
        margin-top: 1px;
        margin-bottom: 0;
        margin-right: 0;
        font: Bold 12px Verdana;
        list-style-type: none;
        text-align: center; /*set to left, center, or right to align the menu as desired*/
        background: #0f422c;
        display: inline;

    }
    .deftabs a
    {
        text-decoration: none;
        position: relative;
        z-index: 1;
        padding: 2px;
        color: #2d2b2b;
        background: white url(shade.gif) top left repeat-x;
        margin: 0px 2px 0px 2px;
    }
    .deftabs div:hover
    {
    	text-decoration: underline;
		color: #2d2b2b;
    }
    .deftabs .selected
    {
        position: relative;
		top: 1px;
		background-image: url(shadeactive.gif);
		border-bottom-color: white;
    }

.shadetabs
{
padding: 12px 0 0px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
margin-right: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
background: #0f422c;

}

.shadetabs li{
display: inline;
margin: 0;
padding: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 2px;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
margin: 0px;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent
{
padding: 0 20px;
height: 350px;
overflow: auto;
margin: 20px 20px 0 0;
}

@media print {
.tabcontent {
display:block !important;
}
}






/* Shadow Box Properties
------------------------------ */
.bbox {
	background: #ccc;
	position: relative;
	margin: 2px;
	margin-top: 6px;
	margin-bottom: 2px;
	margin-right: 20px;
	font-size: larger;
	clear:both;
}

.bbox div {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	position: relative;
	top: -6px;
	left: -6px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
/*____________________________*/

.expand {
	margin: 2px;
	padding: 0px;
	font-size: medium;
	text-transform: none;
}

.box_title {
	font-size: large;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.box_title a {
	color: #666;
}
.box_title a:hover {
	color: #333;
}

.project {
	background-color: #FFFFFF;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 5px;
	text-align: justify;
	clear: right;
}

.project_rev {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 5px;
	text-align: justify;
	clear: both;
	float: left;
}

/* --- tooltip --- */
div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(images/balloon.png) top left no-repeat !important;
	background: url(images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(images/balloon.png) bottom left no-repeat !important;
	background: url(images/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}


a.logout{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.logout:hover{z-index:25; }

a.logout span{display: none}

a.logout:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 0;left:25px;
    background:#fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    font-variant:small-caps;
    text-decoration: none;
    padding:0px 5px 2px 5px;
    color:#04623a;}
    
img a:hover {
	border: none;
}
img a {
	border: none;
}
	
.PageTitle
{
	padding:20px 0;
	letter-spacing:-1px;
	font:1.5em arial, helvetica, sans-serif;
}

/*Activate Member */
        .activebody
        {
            font: .8em/1.3em verdana,arial,helvetica,sans-serif;
            background: url(../images/gsblogin_bg.gif) repeat-x;
            margin: 0;
            padding: 0px 0 0 0; 
            text-align: left;
        }
        #info
        {
            width: 300px;
            overflow: auto;
        }
        .textlinks
        {
            padding: 5px;
            font-family: lucida grande, trebuchet ms, tahoma;
            font-size: .8em;
        }
        .textlinks a
        {
            font-weight: bold;
            color: #c0c0c0;
        }
        .textlinks a:hover
        {
            color: #666666;
        }
        .gsblogin .activatemembership
        {
            float: left;
            margin-right: 5px;
        }
        .gsblogin .activatemembership a
        {
            width: 155px;
            height: 44px;
            background: url(../images/gsblogin_activatemembership.gif);
            display: block;
        }
        .gsblogin .activatemembership a:hover
        {
            background-position: 0 -44px;
        }
        .gsblogin .forgotpassword
        {
            float: left;
            margin-right: 5px;
        }
        .gsblogin .forgotpassword a
        {
            width: 145px;
            height: 44px;
            background: url(../images/gsblogin_forgotpassword.gif);
            display: block;
        }
        .gsblogin .forgotpassword a:hover
        {
            background-position: 0 -44px;
        }
        .gsblogin .notamember
        {
            float: left;
            margin-right: 5px;
        }
        .gsblogin .notamember a
        {
            width: 123px;
            height: 44px;
            background: url(../images/gsblogin_notamember.gif);
            display: block;
        }
        .gsblogin .notamember a:hover
        {
            background-position: 0 -44px;
        }
    
    
    
.memberexchange_viewall, .memberexchange_ask, .memberexchange_ask-login {
	padding: 5px 5px 0 0;
	float: right;
}
.memberexchange_viewall a {
	width: 70px;
	height: 56px;
	display: block;
	background: url(../images/memberexchange_viewall.gif) no-repeat;
}
.memberexchange_ask a {
	width: 70px;
	height: 56px;
	display: block;
	background: url(../images/memberexchange_ask.gif) no-repeat;
}
.memberexchange_ask-login a {
	width: 70px;
	height: 56px;
	display: block;
	background: url(../images/memberexchange_ask-login.gif) no-repeat;
}
.memberexchange_ask a:hover, .memberexchange_ask-login a:hover, .memberexchange_viewall a:hover {
	background-position: 0 -56px;
	border: none;
}

.memberMenu a span {
    font-weight: bold;
    color: #BFCEF8;
    padding: 0px 0px 0px 10px;
}

 .membermenu {
 	width: 924px;
 	margin: 0 auto;
 	font-size: 8pt;
 	text-shadow: 1px 1px #000;
 }
 .membermenu .memberprofile {
 	float: left;
 	width: 160px;
 	height: 125px;
 }
 .membermenu .benefits {
 	float: left;
 	width: 150px;
 	height: 125px;
 }
 .membermenu .askothermembers {
 	float: left;
 	width: 170px;
 	height: 125px;
 }
 .membermenu .askourconsultants {
 	float: left;
 	width: 190px;
 	height: 125px;
 }
 .membermenu .applications {
 	float: left;
 	width: 240px;
 	height: 125px;
 }
 .membermenu div h4 {
 	color: #92afff;
 	font-size: 9pt;
 	margin: 10px 0;
 	font-weight: bold;
 }
 .membermenu div a {
 	color: #fff;
 	border-bottom: 1px solid #97a6cf;
 	text-decoration: none;
 	font-size: 10pt;
 }
