/* landing_pages.css is used by Rob across all his externally facing landing pages
	It was created 7/6/10
	The idea is to migrate all landing pages to this new light-weight subset of landing_pages_new.css

 */
.hide_from_printing {display:block}
.hide_from_screen {display:none}

body {margin:3px 0 9px 0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color:#222;text-align:center;

/*background-color:#f00;*/
background: url("/graphics/homepage/browngradient.jpg") repeat-x scroll 0 0 #b2a6a6;   /* b2a6a6 b2a4a3  their orig background color (for below 1700px) #AFA29F
/* http://www.lodginginteractive.com/
 background-image: url(/graphics/homepage/clouds/dark-clouds-lightened.jpg); background-repeat: repeat; 
*/
}

body p {text-indent: 0; margin-top: 1em; margin-bottom: .6em; line-height:17px}
#page-wrapper {position:relative;overflow:hidden;width:984px;    /* max of about 980, else get horiz scroll bar on 1080px screens like my little fujitsu */
height:auto;padding:0;margin:0 auto;text-align:left; background-color:#fff;
padding: 0 2px 0 4px; 
border: #f0d35d 2px solid;  /* color of body backgroun */
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;

 }
 
h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.9em; color:#000; padding-top:0; margin-top:0;}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; color:#FF7D0B;padding-top: .5em;} 
.h2ash1 {font-size:1.9em; border-top:none; margin-top:0; text-align:center;}
h3 {font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; color:#5970C1; padding-top:.5em;} 
.h3topline { border-top:solid 1px #5970C1;}
h4 {font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; color:#000; padding-top:.5em;}
h5 {font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#178B17;margin:15px 0 0 0;padding:0;font-variant: small-caps; } /* 444 */
h1 em {font-weight:lighter;}
h1 strong {font-weight:lighter;}
h2 em {font-weight:lighter;}
h2 strong {font-weight:lighter;}
h3 em {font-weight:lighter;}
h3 strong {font-weight:lighter;}
h4 em {font-weight:lighter;}
h4 strong {font-weight:lighter;}
h5 em {font-weight:lighter;}
h5 strong {font-weight:lighter;}

a:link, a:visited { color: #3281b8; text-decoration:none; }
/*p a:link, p a:visited, #maincolumn-homepage a:link, #maincolumn-homepage  a:visited, #maincolumn a:link, #maincolumn a:visited, #singlecolumn a:link, #singlecolumn a:visited {    
	text-decoration: underline; }*/
a:hover {text-decoration: underline;}
a img {border:none;}
a.imagelink:hover{background:none;}

a.help_tipq, a:link.help_tipq, a:visited.help_tipq, a:active.help_tipq 
{font-family:tahoma, arial, helvetica, sans-serif; font-weight:normal; cursor:help; font-size:16px; color:#3b5998;  text-decoration: none;}
a:hover.help_tipq  {  color:#FF8600; text-decoration: none; }

a.help_tipqLink, a:link.help_tipqLink, a:visited.help_tipqLink, a:active.help_tipqLink 
{font-family:tahoma, arial, helvetica, sans-serif; font-weight:normal; cursor: pointer; font-size:16px; color:#3b5998;  text-decoration: none;}
a:hover.help_tipqLink  {  color:#FF8600; text-decoration: underline; }


.boxdropshadow {
-moz-box-shadow: 5px 5px 5px #444;
-webkit-box-shadow: 5px 5px 5px #444;
box-shadow: 5px 5px 5px #444;
}
.boxroundedcorner {
-moz-border-radius: 5px;
border-radius: 5px;
}
.imagedropshadow1 {
 -moz-box-shadow: 3px 3px 4px #ffaa00; /* Firefox */
 -webkit-box-shadow: 3px 9px 9px #ffaa00; /* Safari/Chrome */
 box-shadow: 3px 3px 9px #ffaa00; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffaa00')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffaa00');/* IE 5.5 - 7 */ 
}
.pitchbullets li {margin-top:9px; padding-left:0px}
.orlist{text-align:center; margin:0; padding:0; margin-top:15px;}
.orlist li {list-style:none; margin-top:12px;}




/*
.rolloverlink {
color:#b7560f;
cursor:help; font-style:italic;
text-decoration:underline;
}
*/
.feature-innerbox {font-size:11px; margin:4px 11px; background-color:#fff; display:none;}

/* try removing 110625 - these are defined in help.css too
.breadcrumbs { color:#2a709c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; font-weight:bold;   margin: 10px 4px 0 4px; }
.breadcrumbs a { color:#2a709c; }
.breadcrumbs a:hover { background-color:#FF7D0B; }
*/

.smallesttext{font-size:9px;}
.smallertext{font-size:smaller;}
.smalltext{font-size:small;}
.mediumtext{font-size: medium;}
.largetext{font-size:large;}
.xlargetext{font-size: x-large;}
.snippet-boxhelp {padding:3px;background-color:#FFC; width:90%;margin:auto;border-top:1px solid #ba0;border-left:1px solid #ba0;border-right:2px solid #ba0;border-bottom:2px solid #ba0;padding: 4px 3px 4px 5px;font-size:12px;}


.float-left {float: left;padding-right: 8px;}
.float-right {float: right; padding-left: 8px;}
.buttonProceed{color:green; font-size:1.2em}

/* from p.21 Eric Meyer More on CSS */
blockquote.pull-right, blockquote.pull-right2 {float:right; width:40%;
padding: 0 0 0 5%; margin:0;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold;
color: #5970C1;
}
blockquote.pull-right2 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-variant:small-caps; font-size:1.2em; font-weight: normal;
color: #000;
}
blockquote.pull-left {float:left; width:40%;
padding: 0 5% 0 0; margin:0;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold;
color: #5970C1;
}
#lp-header {  
white-space: nowrap;  
height:105px;
position:relative;  /* causes all the below 'absolutely-positioned' sub elements to be positioned *relative* to lp-header */
top: 0;
left:0;
width:100%;
margin:0;
padding:0;
z-index:1000;
}
#lp-header-logo {position:absolute; top: 9px; left: 14px;font-weight:bold; font-size:28pt; color:#3281B8;font-family: arial,helvetica,verdana;  }
#lp-header-signin, #lp-header-signup {position:absolute; top: 20px; left: 600px;  z-index:1001; white-space:nowrap; font-size:16px; font-weight:bold; nt-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
#lp-header-signup {left: 700px; top: 14px; }

#lp-header-topborder {  
position:absolute;
top: 82px;
left:0;
height:25px;
width:100%;
/*
old single file WORKS: background: url(/graphics/homepage/sf-menu-gradient.jpg) repeat-x left bottom;
*/
background:url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 0;  height: 25px;
border-bottom: #6b9bb3 1px solid;
}
#lp-header-bottomborder { 
position:relative;
margin-top:5px;
height:11px;
width:100%;
background: #71d7fd;
z-index:5;    
}


/* to see samples of the following go to /sandbox/button-test/boxnet-buttons/button-test.php */
.master_sbutton{background:url(/graphics/buttons/blue_green_buttons.png) left top no-repeat;border:none;color:#fff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:27px;text-align:center;display:block;cursor:pointer;font-weight:bold;text-decoration:none;}
.master_sbutton:hover{text-decoration:none; }

a.master_sbutton, a.master_sbutton:visited{background-position:-182px 0;padding:0;height:31px;width:112px; color:#fff;}
a.master_sbutton:hover{background-position:-182px -32px;color:#FFF;}
a.master_sbutton:active{background-position:-182px -64px;}
/*  end of new buttons */



#footer {
border-top: #6b9bb3 1px solid; 
background-color:#fff;  
background:  url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -75px;  height: 41px;
/* old single file WORKS:  background: url(/graphics/homepage/sf-menu-gradient180.jpg) repeat-x left top; */
clear:both;
padding: 6px 0;
margin: 15px -14px 0 -14px;
text-align:center;
font-size:10px;
line-height:18px;
color: #555555;
white-space:nowrap;
}
#footer li {list-style:none; text-align:left;}

a:link.hrefbutton-bold, a:visited.hrefbutton-bold, a:hover.hrefbutton-bold, a:active.hrefbutton-bold
{background-color:#ffcc00;  width:260px; border-right: 1px solid #7a5a20; border-bottom: 1px solid #7a5a20; padding:5px 15px 5px 15px; color: #1a74b0; text-align: center; white-space:none; font-weight: bold;}

a:link.footer_lplinks, a:visited.footer_lplinks, a:hover.footer_lplinks, a:active.footer_lplinks {
text-decoration: none;
color: #808080;
font-size:9px;
}

.yellowbutton, .yellowbutton_small{background-color:#ffcc00;   border-right: 1px solid #7a5a20; border-bottom: 1px solid #7a5a20; padding:5px 15px 5px 15px; color: #1a74b0; text-align: center; white-space:none; font-weight: bold; -moz-border-radius: 5px; border-radius: 5px;}
.yellowbutton_small{padding:3px 8px 3px 8px;  font-size:13px; font-weight: normal;}

#singlecolumn, #singlecolumn-searchresults, #singlecolumn-helppage, #singlecolumn_lightheader, #singlecolumn-homepage { 
left: 10px;
width:900px;
padding:0 14px 10px ;
border: solid  1px  #ba0; 
background:#fff url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -166px;   
/* old single file WORKS: background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; */
margin:15px auto;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
#singlecolumn-searchresults { width:850px; }
#singlecolumn-helppage { width:950px; }

#singlecolumn h1, #singlecolumn_lightheader h1  {
margin: 0 -14px;
padding: 2px 0 4px 14px;
font-size: 1.6em;  
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:normal;
color: #2a709c; 
background-color:#f4f4da;
}
#singlecolumn_lightheader h1 {
	border-top:none;
	background:none;
	padding-top:10px;
} 
/* use 'homepage' classes for narrower main col that has no ads */
#two-column-wrapper, #two-column-wrapper-homepage, #two-column-wrapper-helppage {  /* hold the center & rightcol columns together to prevent huge gutter on very wide windows */
width: 980px;  /* width of 980 for two-column, then 700 for maincolum and 247 for side bar just barely fits on 1024 screen without horiz scroll bar;  cannot make maincol < 700 because google ads require this width */
_width: 1005px;
padding:0 0 0 10px;
margin-top:15px;
}
#two-column-wrapper
 {
 width:980px; 
 margin: 0 auto;
 margin-top:15px;
 padding:0;
}
#two-column-wrapper-homepage
 {
 width:950px; 
}
#two-column-wrapper-helppage {
	width:950px; 
	margin-top:6px;
}

#maincolumn, #maincolumn-homepage, #maincolumn_noheader, #maincolumn-helppage, #maincolumn_lightheader, #maincolumn1 {
float:left;
width: 700px;  
/*_width: 700px;  /* 677 setting for IE6 IE 6*/
background:#fff url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -166px;   
/* old single file WORKS:  background: white url(/graphics/homepage/boxbg4-orig.jpg) repeat-x top left;  */
padding:10px 14px 10px 14px;
border: solid  1px  #ba0; /* #71a8cc; */
margin: 0 0 5px 0;
border: 1px solid #fa0;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

#maincolumn-homepage {
width: 660px;  
}
#maincolumn-helppage {
width: 670px;  
}
#maincolumn h3 {text-align:center;}
#maincolumn h1, #maincolumn_lightheader h1, #maincolumn1 h1 {
margin: 0 -14px;
padding-left: 14px;
padding: 5px 0 5px 1em;
font-size: 1.6em;  
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:normal;
color: #fa0; 
background-color:#f4f4da;
text-align:center;
}
#maincolumn_lightheader h1 {
border-top:none;
background:none;
padding-top:10px;
} 
#singlecolumn-homepage h1, #maincolumn-homepage h1 {
font: bold 26px trebuchet MS, sans-serif;	
color:#FF7D0B;
border-top: none; 
padding-top: 10px;
text-align:center;
} 
#maincolumn_noheader h1 {
font: bold 26px trebuchet MS, sans-serif;	
color:#FF7D0B;
border-top: none; 
padding-top: 10px;
text-align:center;
} 

/* next 2 maincolum1 6/30/10 - still used in FPC */
#maincolumn1, #maincolumn, #singlecolumn  {
border: solid  1px  #feca43; 
}
#maincolumn1 h1, #maincolumn h1, #singlecolumn h1, #singlecolumn-homepage h1 {
font: bold 26px trebuchet MS, sans-serif;	
color: #FF7D0B; 
background:none;
}

.topleft_col{padding: 8px 10px 10px 10px; float:left; text-align:center;} /* home pages like for_group top*/
.topleft_box{text-align:center; margin:25px 0 0 0; padding: 6px 6px 0px 6px; border:#ffdc49 thick solid; width:220px; }
.topleft_box ol li { text-align:left; }
.topright_col{margin-left:0px; margin-left:250px; padding:0px 35px 0 0px;  font-size:1em;}
.topright_col p { padding:0 0 0 20px}
.center_maincol{margin:20px 70px 0 70px; clear:both;}
.topleft_boxtitle{font-family: Georgia, 'Times New Roman', Times, serif; font-size:1.3em; font-weight:bold; color:#444; margin:10px 0 0 0; font-variant: small-caps;}

#sidebar, #sidebar-homepage {
float:right;
width: 243px;   
color:#000;
position:relative;

}
#sidebar {
background-color:#eee;
border: 1px solid #fa0;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.colhead{
text-align:center;
font: bold 1.2em Arial, Helvetica, sans-serif; 
color: black; 
} 
#sidebarquote {
	position:absolute; left:8px; top:380px;
}

#sidebar1 {
float:right;
width: 247px;  
border: solid  1px  #feca43; 
background-color: #f4f4f4;   
background: url(/graphics/homepage/orange_gradient.gif); background-repeat: repeat-x;background-position:top;  
}
#sidebar h1 {border-top: none; text-align:center;}
#sidebar h2 {border-top: none; text-align:center;}
#sidebar h3 {border-top: none; text-align:center;}
#sidebar h4 {border-top: none; text-align:center;}
#sidebar h5 {border-top: none; text-align:center;}

#sidebar div {
padding: 0;
text-align:center;
margin-top: 25px;
margin-bottom: 60px;
}
#sidebar  p {
margin: 20px 10px 30px 10px;
text-align:center;
}

#sidebar #finalfifty {
margin: 100px 15px 15px 15px;
font-size: 9px;
color: #555;
}
.ads {display:block}

.keylinktext{ color:#000; font-size:12px;}
 
div.key-links-box  {
padding: 9px 5px 12px 12px;
margin: 0 0 0px 0;
background-color:#996;  /* eee light gray from feature boxes;  FFC pale lemon; 996 khaki brow=promising; a99175 -from pantssuit;   */
border: 1px solid #fa0; 
border-radius: 6px;  /* for IE */  -moz-border-radius: 6px;  -webkit-border-radius: 6px; 
}
.key-links-box ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 5px;
text-indent: 0; 
}

.key-links-box li {
padding:0;
margin: 0 0 0 0; /*FF*/ 
_margin: 0 0 0.5em 0;/*IE6*/
line-height: 1.7em; 
font-size: 15px;
font-weight: normal;
}
.key-links-box li a:link,  .key-links-box li a:visited  {
color:#fff;  /* dark blue 1988d1 */
text-decoration: none;
}
.key-links-box li a:hover {
color: #FA0;
background: none; 
text-decoration:underline;
}



/* the following implements border radius for all IE 
.rounded-corners{
	behavior: url(/global/styles/landing_pages_border_radiusforIE.htc);
	border-radius: 6px;
}
*/
/* 4/3/10 borrowed from http://www.mozilla.com/en-US/firefox/3.6.3/whatsnew/  */
.feature, .feature2, .feature3 {
	padding: 5px 5px 7px 5px;
	width:100%;
	margin: 0 0 15px 0;
	border: 1px solid #fa0;
	background-color:#eee;
	border-radius: 6px;  /* for IE */  -moz-border-radius: 6px;  -webkit-border-radius: 6px;
	text-align:center;
}
.feature {
	margin-bottom:25px;
}
.feature2 {
	background-color:#0b93cf;  /* lt blue 71d7fd;  from gwl logo star 0b93cf*/
	color:#FFF;
	font-size:20px;
}
.feature3 {
	background-color:#88c027; /* green */
	border: 1px solid #fa0;
	color:#FFF;
	font-size:20px;
}


#sidebar-homepage feature {font-size:16px}
#sidebar .feature { padding-bottom:6px;}

.feature h3 {
	letter-spacing: -0.01em;
	line-height: 1.1;
	font-size: 16px;
	margin: 0 0 20px 0;
}


.feature ul {
	list-style:none;
	text-align:left;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	line-height:20px;
	left: 0;
}

.feature ul.link li {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: normal;
	line-height: 24px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #bedce6;
	-moz-box-shadow: inset 0 10px 20px rgba(255, 255, 255,0.5), inset 0 -10px 20px rgba(147,180,195,0.7), 0 3px rgba(0,0,0,0.1), inset 0 -3px #8eaebb;
}

.feature ul.link li a {
	background-image: url(/graphics/homepage2/connect-buttons.png);
	background-position: -750px 50%;
	background-repeat: no-repeat;
	display: block;
	padding: 5px 25px 7px 10px;
	color: #666;
	text-shadow: 0 1px #e2f2fa;
	text-decoration: none;
	letter-spacing: -0.04em;
	font-size: 15px;
}

#connect.feature ul.link li a {
	padding-left: 40px;
}

#connect.feature a:hover,
#connect.feature a:active {
	text-decoration: underline;
}

.feature li#connect-twitter  a { background-position: 0 50%; }
.feature li#connect-facebook a { background-position: -250px 50%; }
.feature li#connect-blog     a { background-position: -500px 50%; }


/*  6/24/11  temporarily added these back:   used on /business/logout.php  */
/* 4/3/10 borrowed from http://www.mozilla.com/en-US/firefox/3.6.3/whatsnew/  */
.sub-feature, .sub-feature2, .sub-feature3 {
	padding: 5px 5px 7px 5px;
	width: 160px;
	margin: 0 0 15px 0;
	border: 1px solid #fa0;
	background-color:#eee;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.sub-feature2 {
	background-color:#71d7fd;
	color:#FFF;
	font-size:20px;
	text-align:center;
	width:100%;
}
.sub-feature3 {
	background-color:#88c027;
	border: 1px solid #fa0;
	color:#FFF;
	font-size:20px;
	text-align:center;
	width:100%;
}







/*** ESSENTIAL STYLES - HOME PAGE PULL DOWN MENUS 
 The javascript code for the menus is loaded at bottom of every external page by function show_end in page_elements.php
***/
#topnav {position: absolute; left:100px; top:82px; z-index:2000;}  /* controls 'indent' of menu bar from left edge */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-weight: bold;
	color: #000;
	padding:15px;
	margin:0;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	font: normal 12px/Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sf-menu a {
	line-height: 25px;
	text-decoration: none;
	font-weight: normal;
	font-size:14px;
	height:25px;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}


.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#013e64;
}
.sf-menu li {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	width: 100px;
	height:auto;
	overflow: visible;
	position: relative;
	background: none;
}
.sf-menu li li {
background:#dae2f6; /*ebf2f6  background of pull down menu */
font-weight:normal;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#dae2f6; /* hover color for top menu bar and pull down menu items */
	outline:0;
}

.sf-menu li li a, #topnav li ul li a{
	font-weight:normal;
	color: #013E64;  /* color of text in drop downs */
	text-indent:5px;
	font-size:12px;
	padding:0 5px;
	line-height:20px;
	text-align:left;
}
.sf-menu li li a:hover {
	text-decoration: underline;
}
.sf-menu li li:first-child  {
	padding-top: 10px;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/global/javascript_lp/sf/shadow.png') no-repeat bottom right;  /* use /sandbox/superfish/images/shadow.png */
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


#topnav li#home{
width:75px;	
}

#topnav li#features{
width:120px;	
}

#topnav li#solutions{
width:120px;	
}

#topnav li#support{
width:120px;	
}

#topnav li#joinfree{
width:120px;	
}


/* following set the width of the pull down menus */
#topnav li#home ul {
}

#topnav li#features ul {
width:180px;	
}

#topnav li#solutions ul {
width:220px;	
}

#topnav li#support ul {
width:200px;	
}

#topnav li#joinfree ul {
width:200px;	
}




.formbox { width:650px; padding:0 20px 10px 20px; margin:24px auto 11px 120px;
	border: 1px solid #fa0; background-color:#eee; 	-moz-border-radius: 6px;  -webkit-border-radius: 6px; }






/*
div.centeredbox {         
margin: 1% 3.5%;
padding: 0 15px 5px 15px;
background-color: white;
border: solid 1px #ba0;
min-height:300px;
}
.centeredbox > p {text-indent: 1.5em;}

.centeredbox > p {text-indent: 1.5em;}


.centeredbox .headbox-centeredbox { 
.centeredbox {
margin: 0 -15px;
padding: 5px 0 5px 1em;
font: normal 1.6em  "Trebuchet MS", Arial, Helvetica, sans-serif;
border-top:solid 14px #ba0;
background-color:#f4f4da;
font-weight:bold;
color: #2a709c; 
}
*/
.centeredbox, .centeredbox-colored {
margin:auto;
margin-bottom:5px;
background-color: white;
border-top:  1px solid #ba0; 
border-left: 1px solid #ba0;
border-right:  2px solid #ba0;
border-bottom: 2px solid #ba0;
padding: 4px 3px 4px 5px;
width:93%;
font-size:12px;
}
.centeredbox-colored {
	background-color:#FFC;
}



.inset-box-plain, .inset-box {
margin:auto;
width:93%;
padding: 0;
background-color: white;
border-top:  1px solid #ba0; 
border-left: 1px solid #ba0;
border-right:  2px solid #ba0;
border-bottom: 2px solid #ba0;
}

.inset-box {
background:#fff url(/graphics/homepage/sprite/homepage-gradient-sprite.gif) repeat-x; background-position: 0 -166px;   
/* old single file WORKS: background: white url(/graphics/homepage/boxbg4.jpg) repeat-x top left; */
}
.inset-box h5 {
margin-bottom: 13px;
}

.inset-box h6 {
text-align:center;
border-bottom:solid 1px #ba0;   
padding: 0 0 3px 0;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:1.3em;
font-weight: bold;
margin-top: 6px;
color: #f60; 
}
.inset-box  ul {
list-style:none; 
padding:0 8px; 
margin: -24px 0 0 0; 
#margin: -8px 0 0 0; 
_margin: -8px 0 0 0; 
text-align:left; 
}
.inset-box  li {
color: #333;
text-indent:-0.8em;	
margin: 0px 0px 0px 0px;
padding: 0 0 2px 2.3em;	
/*background: url(/graphics/homepage/arrow-orange.gif) no-repeat top left;*/
background:url("/graphics/homepage/sprite/homepage-sprite.gif") no-repeat; background-position: 0 0; 
}
.childpage_chapters_navlinks {      
margin-top:10px;
padding-bottom:5px;
text-align:center;
}


/* useful for 2 cols of links, or 2 cols in additional pages */
.subcolumn-left, .subcolumn-right  {
white-space:nowrap; 
overflow:hidden;  
padding:10px;

width:40%;
}
.subcolumn-left {float: left; margin-left:10px;}
.subcolumn-right {margin-bottom: 1em;}

.subcolumn-left p{
margin: 0;
}
.subcolumn-right p{
margin: 0;
}

.twomorepanels{padding:10px 10px 0 10px;clear:both;}
.topleftcol{padding: 10px 10px; float:left; margin-top:16px;}
.topleftcol-box{text-align:center; margin:25px 0 0 0; padding: 0px 6px 0px 6px; border:#ffdc49 thick solid; width:220px; }
.topleftcol-box h3 {font-family: Georgia, 'Times New Roman', Times, serif; font-size:1.3em; color:#444; margin:0;font-variant: small-caps;}
.bottomleftmaincol{clear:both; padding:7px 80px 0 30px;}
.bottomleftmaincolimage{padding:0 20px 20px 0; float:left}

.toprightcol{ margin-left:260px; padding:10px 20px 0 15px;  }
#singlecolumn-homepage .toprightcol {max-width:500px; margin-left:300px; }

.morepanel-subcol-right, .morepanel-subcol-left li {
text-indent: 0;
}
.morepanel-subcol-right p, .morepanel-subcol-left p {
text-indent: 1.5em;
margin-top:0;
margin-bottom:20px;
}
#singlecolumn-homepage .morepanel-subcol-left p {margin-right:29px;}
#maincolumn-homepage .morepanel-subcol-left p {margin-right:10px;}


.morepanel-subcol-left {
float: left;
display:inline;
width: 50%;
padding: 0 5px 0 0;
margin: 0;
border-right:thin solid #CCC;
}
.morepanel-subcol-left ul {
margin: 0 0 0 3.3em;
padding: 0;
}

.morepanel-subcol-right {
width:45%;
display:inline;
float: left;
padding: 0;
margin: 0 0px 10px 25px;
}
#singlecolumn-homepage .morepanel-subcol-right  {margin-left:30px;}
.morepanel-subcol-right li{margin-top:9px;}

/* see sample icons at: www.keepandshare.com/sandbox/css-lists/a_KAS_icons_sample.php */
#iconbulletlist{margin-left:30px;}
#iconbulletlist dl { width: 550px; list-style-type: none; margin: 0; padding: 0 40px 0 30px;  margin-top: 10px;  }
#iconbulletlist dl dt strong {  font-size: 14px; color: #ba0; margin-bottom: 2px; }
#iconbulletlist dl dt { display: block; padding-left: 42px; height: 32px; }
#iconbulletlist dl dd { display: block; border-bottom: 1px dashed #d4d4d4; margin-bottom: 20px; padding-bottom: 20px; margin-top: -12px;}
#iconbulletlist dl dd.last { border-bottom: 0; padding-bottom: 0; }
#iconbulletlist h2 { font-size: 15px; border-top: none; padding-top: 0; text-align:left;} 

.aletters{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 0;}
.balloons{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -82px;}
.bluedownarrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -164px;} 
.blueuparrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -246px;} 
.caldownarrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -328px;} 
.chainlink{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -410px;} 
.clock{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -492px;} 
.cloverleaf{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -574px;} 
.compass{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -656px;} 
.diskuparrow{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -738px;} 
.done{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -820px;} 
.exclamation{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -984px;} 
.flames{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1066px;} 
.flower{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1148px;} 
.folders{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1230px;} 
.gear{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1312px;} 
.globe{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1394px;} 
.globeelectrons{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1476px;} 
.goldstar{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1558px;} 
.goldstarreddot{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1640px;} 
.highlighter{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1722px;} 
.hourglass{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1804px;} 
.laptop{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1886px;} 
.lifepreserver{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -1968px;} 
.magnifyglass{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2050px;} 
.mailbox{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2132px;} 
.nytimes{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2214px;} 
.officechair{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2296px;} 
.padlock{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2378px;} 
.pdf{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2460px;} 
.pencil{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2542px;} 
.pencilcup{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2624px;} 
.photoalbum{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2706px;} 
.photocamera{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2788px;} 
.photochainlink{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2870px;} 
.photodownload{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -2952px;} 
.photoenvelope{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3034px;} 
.photolibrary{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3116px;} 
.photopaperclip{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3198px;} 
.photosunset{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3280px;} 
.photoupload{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3362px;} 
.puzzle{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3444px;} 
.quillscroll{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3526px;} 
.radio1people{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3608px;} 
.radiopeople{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3690px;} 
.redflag{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3772px;} 
.redplus{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3854px;} 
.redribbonplus{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -3936px;} 
.rolodexdark{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4018px;} 
.rolodexlight{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4100px;} 
.rssblue{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4182px;} 
.rsssymbol{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4264px;} 
.safedial{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4346px;} 
.sharedocs{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4428px;} 
.shield{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4510px;} 
.smartphone{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4592px;} 
.squareelectrons{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4674px;} 
.stophand{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4756px;} 
.todolists{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4838px;} 
.wand{background:url(/graphics/icons/b/_s.gif) no-repeat;background-position:0 -4920px;} 





.sprite-arrow-orange{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 0; width: 14px; height: 14px; } 
.sprite-boxbg4{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -64px; width: 2px; height: 41px; } 
.sprite-close_quote{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -155px; width: 14px; height: 11px; vertical-align: text-bottom;} 
.sprite-gwhizreduxdkblue65{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -216px; width: 150px; height: 65px; } 
.sprite-open_quote{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -331px; width: 14px; height: 11px; vertical-align: text-top;} 
.sprite-sf-menu-gradient{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -392px; width: 2px; height: 41px; } 
.sprite-sf-menu-gradient180{  background:url("/graphics/homepage/sprite/home-page/home-page-sprite.gif") no-repeat; background-position: 0 -483px; width: 2px; height: 41px; } 



/* General purpose printable table */
table.table_generalpurpose {
	width:100%;
	color:#000000;
	border: solid thin #5970C1;
	font-size: 13px;
	margin-bottom:7px;
	}
table.table_generalpurpose th {font-size:12px;
	background-color: #999999;
}
table.table_generalpurpose tr.even {	background: #EEE;	}
#table_col1, #table_col2, #table_col3, #table_col4, #table_col5, #table_col6, #table_col7, #table_col8 {	text-align:center;	}