@charset "UTF-8";

/* CSS Document */

/* ----------------------------------------------------------------------------------------------------- */
/*--- GLOBALS ---*/
/* ----------------------------------------------------------------------------------------------------- */

html{ overflow-x: hidden;	 
}

*html body { width: 988px; 
	overflow-x:hidden
}

*+html body { width: 988px; 
	overflow-x: hidden;
} /*---IE screws up box model---*/


body {
 background: #666e64;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 width: 1071px;
  min-width: 530px;
}

/* the basic layout for most text */

A:link {
	color : #73482e;
	text-decoration : none;
}
A:active {
	color : #73482e;
}
A:visited {
	color : #73482e;
	text-decoration : underline;
}
A:hover {
 color : #2C619B;
 text-decoration: underline;
}






/* ----------------------------------------------------------------------------------------------------- */
/*--- MAJOR LAYOUT ELEMENTS ---*/
/* ----------------------------------------------------------------------------------------------------- */

#headerlogo {display: none; }
.nav {display: none; }
#nav_top { display: none; }
#nav_marquee { display: none; }

#outer_wrap { /*colored bar and left drop shadow*/
 background: transparent url(/layouts/forakergroup/images/body_bg.gif) left top repeat-y;
 float: left;
 padding-left: 64px;
 position: relative;
 z-index:  1;
}

/*---TOP---*/

#top * { /*zero out browser defaults */
 margin: 0px;
 padding: 0px;
 list-style: none;
 text-decoration: none;
 text-indent: 0px;
}

/*---THE TOP ROW OF LINKS---*/
#top_nav ul {
 float: right;
 margin-top: -118px;
}

#top_nav * { position: relative; }

#top_nav li {
 float: left;
 margin-right: 4px;
 position: absolute;
}

#top_nav a {/*the individual links in the #top_nav element are each styled with individual colors.
This is because we used the font-size: 0px method of image replacement and IE6 renders this as font-size: 1px. 
So the color helps the text links blend away into the background.*/
 background-repeat: no-repeat;
 display: block;
 font-size: 0px;/*hides text to make way for image_replacement*/
 height: 22px;
 margin-top: 19px;
 text-decoration: none;
}

#our_business {
 color: #245798;
 left: -682px;
 width: 83px;
}

#our_business:hover { background: url(/layouts/forakergroup/images/top_ourbusiness_over.png) }/*this changes the bg image on hover without using JS*/

*html #our_business:hover { left: -637px; }

*+html #our_business:hover { left: -637px; }

#jobs {
 color: #3266a0;
 left: -590px;
 width: 36px;
}

#jobs:hover { background: url(/layouts/forakergroup/images/top_jobs_over.png) }

*html #jobs:hover { left: -545px; }

*+html #jobs:hover { left: -545px; }

#vision_circle {
 color: #4376ab;
 left: -550px;
 width: 110px;
}

#vision_circle:hover { background: url(/layouts/forakergroup/images/top_visioncircle_over.png) }

*html #vision_circle:hover { left: -505px; }

*+html #vision_circle:hover { left: -505px; }

#calendar {
 color: #5786bc;
 left: -440px;
 width: 70px;
}

#calendar:hover { background: transparent url(/layouts/forakergroup/images/top_calendar_over.png) no-repeat; }

*html #calendar:hover { left: -395px; }

*+html #calendar:hover { left: -395px; }

#resources {
 color: #6696c4;
 left: -367px;
 width: 71px;
}

#resources:hover { background: url(/layouts/forakergroup/images/top_resources_over.png) }

*html #resources:hover { left: -321px; }

*+html #resources:hover { left: -321px; }

#rates {
 color: #6e9dc7;
 left: -292px;
 width: 43px;
}

#rates:hover { background: url(/layouts/forakergroup/images/top_rates_over.png) }

*html #rates:hover { left: -246px; }

*+html #rates:hover { left: -246px; }

#blog {
 color: #78a3cd;
 left: -245px;
 width: 38px;
}

#blog:hover { background: url(/layouts/forakergroup/images/top_blog_over.png) }

*html #blog:hover { left: -199px; }

*+html #blog:hover { left: -199px; }

#newsletter {
 color: #7eacd0;
 left: -203px;
 width: 77px;
}

#newsletter:hover { background: url(/layouts/forakergroup/images/top_newsletter_over.png) }

*html #newsletter:hover { left: -157px; }

*+html #newsletter:hover { left: -157px; }

#contact {
 color: #84b1d8;
 left: -124px;
 width: 57px;
}

#contact:hover { background: url(/layouts/forakergroup/images/top_contact_over.png) }

*html #contact:hover { left: -76px; }

*+html #contact:hover { left: -76px; }

/*---END TOP ROW OF LINKS---*/


/*---BOTTOM ROW OF LINKS---*/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
 left: 64px;
 position: absolute;
 top: 62px;
 z-index: 999;
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive { z-index: 1000; }

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
 float: left;
 position: relative;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
 background: #a3d8e2 url(/layouts/forakergroup/images/bottom_nav_ul.png) no-repeat left bottom;
 left: -1000em;
 position: absolute;
 width: 175px;
 z-index: 1020;
}

ul.MenuBarHorizontal ul li {
 background: url(/layouts/forakergroup/images/line_dropdown.png) repeat-x left 17px; /*the double-dashed line under each link--alpha transparent.*/
 float: none;
 height: 20px;
 width: 175px;
}

*html ul.MenuBarHorizontal ul li {
 background: none;
 border-bottom:1px dashed #ceeaef;
}/*Not worth it to mess with png alpha channel on clickanble regions, so use a border instead*/

*html ul.MenuBarHorizontal ul li.last { border-bottom: none; }

ul.MenuBarHorizontal ul li a {
 height: 14px;
 padding: 2px 0px 3px 9px !important;
}

ul.MenuBarHorizontal ul li a:hover { background: white url(/layouts/forakergroup/images/line_dropdown.png) repeat-x left 17px; }

ul.MenuBarHorizontal ul li.last a:hover { background: white; }

*html ul.MenuBarHorizontal ul li a:hover { background: white; }

ul.MenuBarHorizontal ul li.last {
 background: none;
 height: 19px;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }

ul.MenuBarHorizontal a { display: block;/*we want the entire li to be clickable and hoverable*/ }

ul.MenuBarHorizontal a.first_layer /*using the font-size: 0  method of image replacement on the links*/ {
 color: #0c2940; /*again, used to blend text links into BG for IE6*/
 font-size: 0px !important;
 height: 42px;
 text-decoration: none;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
 position: absolute;
 z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {

ul.MenuBarHorizontal li.MenuBarItemIE {
 display: inline;
 f\loat: left;
}
}

/* THE MAJOR LINKS */ 
			
#home { width: 305px; }

#our_products { width: 105px; }

#our_products:hover { background: url(/layouts/forakergroup/images/link_products_over.jpg) no-repeat left top; }

#our_partners { width: 103px; }

#our_partners:hover { background: url(/layouts/forakergroup/images/link_partners_over.jpg); }

#shared_services { width: 102px; }

#shared_services:hover { background: url(/layouts/forakergroup/images/link_shared_over.jpg) no-repeat left top; }

#organization_development { width: 144px; }

#organization_development:hover { background: url(/layouts/forakergroup/images/link_orgdev_over.jpg) no-repeat left top; }

#edu { width: 149px; }

#edu:hover { background: url(/layouts/forakergroup/images/link_edu_over.jpg) no-repeat left top; }


#sector_voice { width: 76px; }

#sector_voice:hover { background: url(/layouts/forakergroup/images/link_sectorvoice_over.jpg) no-repeat left top; }



*html #bottom_nav {
 overflow: hidden;
 width: 980px;
 text-decoration: none;
}

/*---END BOTTOM LINKS---*/

#header {
 background: url(/layouts/forakergroup/images/top.png) left top no-repeat; /*Mt Foraker and backdrop for both rows of links*/
 height: 104px;
 text-indent: -2000em !important;/*image replacement*/
 width: 1044px;
}

*html #header { width: 1044px; }

h5 { display: none; /*site slogan is replaced with same image as h1*/ }

/*---END TOP---*/

/*---BOTTOM---*/

#bottom_spacer {
 background: white url(/layouts/forakergroup/images/right_bg.png) repeat-y 984px top;
 clear: both;
 height: 15px;
 width: 998px;
}

#secondary #bottom_spacer { background: url(/layouts/forakergroup/images/secondary_bg.gif) repeat-y top left; } /*white on the left, green on the right*/

#footer * {/*zero out browser defaults*/
 list-style: none;
 margin: 0px;
 padding: 0px;
 position: relative;
 text-decoration: none;
 text-indent: 0px;
}




#secondary #footer, .page-template-default #footer { background: url(/layouts/forakergroup/images/secondary_bg.gif) repeat-y top left; }

#footer, .page-id-127 #footer, .page-id-2559 #footer, .page-id-2561 #footer, .page-id-2563 #footer, .page-id-2565 #footer  {
 background: white url(/layouts/forakergroup/images/right_bg.png) repeat-y 984px top;
 clear: both;
 margin-right: 15px;
 padding-top: 3px;
 padding-left: 22px;
 padding-bottom: 10px;
 position: relative;
 width: 997px;

}

#footer ul {
 padding-top: 8px;
 width: 555px;
}



#footer li {
 margin-right: 200px;
 width: 100%;
 padding: 0 0 2px 0
}

#footer img {
 margin-right: 10px;
 padding-top: 2;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
}

#btm {
 position: relative;
 left: 12px;
 height: 22px;
 width: 1048px;
}

#footer_border {
    border-top: 1px solid #8a979b;
    width: 950px;
}

#footer_logo {
background: url(/layouts/forakergroup/images/logo_sm.gif) no-repeat top left;	
width: 160px;
height: 60px;
float: left;
padding-right: 20px;
}

#footer_ncnp {
background: url(/layouts/forakergroup/images/council-of-nonprofits-logo_sm.png) no-repeat top right;	
width: 215px;
height: 53px;
float: right;
margin-right: 46px;
}
/*---END BOTTOM---*/



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


.dropdown, .dropdown a, .dropdown A:link, .dropdown A:active, .dropdown A:visited, .dropdown A:hover {/*dropdown nav menu and homepage column text*/
 color: black;
 font-size: 12px;
 line-height: 17px;
 font-weight: bold;
}

.dropdowna, .dropdowna a { color: black; } /*used on drop-down navigation links*/

.page_item, .page_item a, .left_nav A:link, .left_nav A:active, .left_nav A:visited, .left_nav A:hover {/*left_nav nav menu and homepage column text*/
 color: #526465;
 font-size: 12px;
 line-height: 17px;
 font-weight: bold;
}

.quote {
 color:#60a1d7;
 margin: 0;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-weight: normal;
 line-height: 18px;
 padding-top: 0px;
 padding-right: 15px;
 padding-bottom: 15px;
 padding-left: 15px;
}

.quote_name {
 float:left;
 margin-left: 35px;
 color: #69c;
 font-size: 11px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
}

.quote_position {
 margin-left: 43px;
 color: #60a1d7;
 font-size: 11px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 line-height: 17px;
}

/* ----------------------------------------------------------------------------------------------------- */
/*--- HOME PAGE ---*/
/* ----------------------------------------------------------------------------------------------------- */

#welcome h3 {/*thiselement is only on the homepage*/
 clear: left;
 margin:6px 0px 2px 0px;
 padding: 0px 0px 0px 27px;
}

#content {
 background: white url(/layouts/forakergroup/images/right_bg.png) repeat-y 984px top; /*right drop shadow*/
 float: left;/*needed to show bg image*/
 position: relative;
 z-index: 2;
 width: 998px;
}

#welcome {
 padding: 0;
 background: url(/layouts/forakergroup/images/foraker_home.gif) no-repeat 0px top; /*green backdrop with stones and white lines on home page*/
 height: 204px;
 margin: 0;
 padding-top: 30px;
}

#welcome p {
 margin-top: 0;
 padding-top: 0;
 padding-left: 25px;
 width: 530px
}

#sustainability {
 position: relative;
 top: 4px;
 background:#74482f url(/layouts/forakergroup/images/sustainability.gif) no-repeat 13.7em 5px; /*dashed and down-facing arrow*/
 margin-left: -1px;
 padding: 8px 43px 7px 10px;
}

*html #sustainability {
 position: relative;
 top: -14px;
}

*+html #sustainability {
 margin-top: -13px !important;
 top: 0px;
 padding-bottom: 6px;
 padding-top: 7px
}

#home_columns {/*contains the 3 columns on the bottom half of the home page*/
 display: inline;
 float: left;
 margin-left: 12px;
 width: 962px;
}

.home_column {
 float: left;
 margin-right: 12px;

 padding: 5px;
}

.home_column h3 {
 padding-bottom: 0;
 margin-bottom:8px;
 padding-top: 0;
 margin-top: 0;
}

#events_column { background: url(/layouts/forakergroup/images/column_bg.gif) repeat-x top left;  width: 317px; }

#blog_column { background: url(/layouts/forakergroup/images/column_bg.gif) repeat-x top left;  width: 317px; }

#misc_column {  width: 277px;  margin: 0;
 padding: 0; }
 
#misc_column * {
 list-style: none;
 margin: 0;
 padding: 0;

}

.welcome_large {/*large welcome text, secondary page title, calendar month*/
 font-size: 21px;
 font-weight: normal;
 line-height: 26px;
 color: #73482e;
}

/* copy 1 is the location for events on home page */
.copy_1 {
 color: #526465;
 font-size: 12px;
 line-height: 17px;
}

/* copy 2 is the larger blue links on home pagee */
.copy_2 {
 color: #60a1d7;
 font-size: 15px;
 line-height: 20px;
 text-decoration: none;
}

.copy_2 a {
 color: #60a1d7;
 text-decoration: none;
}

.copy_2 a:link {
 color: #60a1d7;
 text-decoration: none;
}

.copy_2 a:visited {
 color: #60a1d7;
 text-decoration: none;
}

.copy_2 a:hover {
 color: #A65231 !important;
 text-decoration: underline !important;
}

.copy_3 { /*used on text inputs for search form and mailing list form on HOME oage */
 color: #78c5d4;
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
}

.copy_4 {/*homepage welcome text, homepage news boxes*/
 color: #333;
 font-size: 13px;
 line-height: 18px;
 text-decoration: none;
}

.copy_4 a {
 color: #333;
 text-decoration: none;
}

.copy_4 a:link {
 color: #333;
 text-decoration: none;
}

.copy_4 a:visited {
 color: #333;
 text-decoration: none;
}

.copy_4 a:hover {
 color: #333;
 text-decoration: underline;
}

.h3 {
 color: #73482e;
 font-size: 11px !important;
 font-weight: bold;
 line-height: 13px;
 text-decoration: none;
 text-transform: uppercase;
}

#misc_column input {
 background: #e7e7e5;
 border: none;
 padding-top: 3px;
}

#misc_column .button {
 position: relative;
 top: -7px;
 background-color: #FFF;
 background-position: center top;
}

*html #misc_column .button { top: -7px \9; }

*+html #misc_column .button { top: -7px \9; }

#misc_column .button { top: -5px \9; }

#search_term, #mailing_list { padding: 3px 1px; }

#search_term { width: 187px !important; }

#mailing_list { width: 104px !important; }

#search_form {
 height: 22px;
 padding-left: 10px;
 padding-bottom: 5px
}

#join_form {
 height: 22px;
 margin-bottom: 2px;
 padding-left: 10px
}

#sharehome {
 clear: both;
 display: block;
 padding-top: 5px !important;
 padding-bottom: 8px !important;
 padding-left: 10px;
 background-image: url(/layouts/forakergroup/images/share_white.gif);
 background-repeat: no-repeat;
 background-position: 78px 2px;
}

#sharehome a {
 text-decoration: none;
 color: #73482e;
 font-size: 11px !important;
 font-weight: bold;
 line-height: 13px;
 text-decoration: none;
 text-transform: uppercase;
}

#misc_column_book {
 background:#e7e7e5 url(/layouts/forakergroup/images/home_bookpromo.jpg) repeat-x;
 padding: 8px;
 margin-bottom: 5px;
 margin-top: 5px;
 clear: both;
 height: 58px;
}

.bookpromotitle {/*the all caps header element used throughout the site*/
	color: #60a1d7;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	}

.bookpromo a  {
 padding-top: 5px;
 color: #999999;
 font-weight: bold;
 font-size: 14px;
 text-decoration: none;
}




#misc_column_shared {
 background:#cad6ae url(/layouts/forakergroup/images/shared_column_bg.gif) repeat-x ;
 padding: 8px;
 margin-bottom: 5px;
 margin-top: 5px;
 clear: both;
}

#misc_column_org {
 background: #b6e2e3 url(/layouts/forakergroup/images/org_column_bg.gif) repeat-x ;
 padding: 8px;
 margin-bottom: 5px;
}

#misc_column_don {
 background: #99c3e5 url(/layouts/forakergroup/images/don_column_bg.gif) repeat-x ;
 padding: 8px;
 margin-bottom: 5px;
}

#misc_column_shared hr {
 width: 100%;
 height: 4px;
 border-top-width: 1px;
 border-right-width: 0;
 border-bottom-width: 0;
 border-left-width: 0;
 border-top-style: solid;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #666;
 margin-top: 3px;
 margin-bottom: 3px;
}

#misc_column_org hr {
 width: 100%;
 height: 4px;
 border-top-width: 1px;
 border-right-width: 0;
 border-bottom-width: 0;
 border-left-width: 0;
 border-top-style: solid;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #666;
 margin-top: 3px;
 margin-bottom: 3px;
}

#misc_column_don hr {
 width: 100%;
 height: 4px;
 border-top-width: 1px;
 border-right-width: 0;
 border-bottom-width: 0;
 border-left-width: 0;
 border-top-style: solid;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #666;
 margin-top: 3px;
 margin-bottom: 3px;
}

/* ----------------------------------------------------------------------------------------------------- */
/*--- SECONDARY PAGES ---*/
/* ----------------------------------------------------------------------------------------------------- */

#secondary #content { background: url(/layouts/forakergroup/images/secondary_bg.gif) repeat-y top left; } /*white on the left, green on the right*/
.page-template-default #content  { background: url(/layouts/forakergroup/images/secondary_bg.gif) repeat-y top left; } /*white on the left, green on the right*/

#secondary_tagline {
 display: block;
 height: 28px;
 margin-left: -72px !important;
 margin-top: 0 !important;
 padding-bottom: 0 !important;
 text-indent: -2000em;
 width: 1117px;
 background-image: url(/layouts/forakergroup/images/secondary_h2.gif);
 background-repeat: no-repeat;
 background-position: left top;
}

.page-template-default #tagline {
 display: block;
 height: 28px;
 margin-left: -72px !important;
 margin-top: 0 !important;
 padding-bottom: 0 !important;
 text-indent: -2000em;
 width: 1117px;
 background-image: url(/layouts/forakergroup/images/secondary_h2.gif);
 background-repeat: no-repeat;
 background-position: left top;
}


#secondary_left {
 background: url(/layouts/forakergroup/images/left_nav.gif) repeat-x top left;
 float: left;
 padding-bottom: 140px;
 width: 192px;
 height: 600px;
}

#secondary_left * {
 line-height: 1em;
 list-style: none;
 margin: 0;
 padding: 0;
 text-decoration: none;
 text-indent: none;
}

#secondary_body {
 float: left;
 margin-left: 25px;
 padding-top: 5px;
 width: 515px;
}

#secondary_right {
 float: right;
 margin-right: 14px;
 padding-top: 28px;
 width: 232px;
}

*html #secondary_right { margin-right: 7px; }

#secondary_right img {
 display: inline;
 float: right;
 padding-bottom: 20px;
 width: 232px;
}

/* ----------------------------------------------------------------------------------------------------- */
/*--- TERTIARY PAGE ---*/
/* ----------------------------------------------------------------------------------------------------- */

#tertiary #content, .page-id-127 #content {
 background: white url(/layouts/forakergroup/images/right_bg.png) repeat-y 984px top; /*right drop shadow*/
 float: left;/*needed to show bg image*/
 position: relative;
 z-index: 2;
 width: 998px;
}

.page-template-page_fullwidth #content, .page-id-127 #content, .page-id-2559 #content, .page-id-2561 #content, .page-id-2563 #content, .page-id-2565 #content  {
 background: white url(/layouts/forakergroup/images/right_bg.png) repeat-y 984px top; /*right drop shadow*/
 float: left;/*needed to show bg image*/
 position: relative;
 z-index: 2;
 width: 998px;
}


#tertiary_tagline {
 background: url(/layouts/forakergroup/images/tertiary_h2.gif) repeat-y top left;
 display: block;
 height: 28px;
 margin-left: -72px !important;
 margin-top: 0 !important;
 padding-bottom: 0 !important;
 text-indent: -2000em;
 width: 1072px;
}

.page-template-page_fullwidth #tagline, .page-id-127 #tagline, .blog #tagline, .single #tagline, .category #tagline, .page-id-2559 #tagline, .page-id-2561 #tagline, .page-id-2563 #tagline, .page-id-2565 #tagline, .search #tagline, .error404  #tagline  {
 background: url(/layouts/forakergroup/images/tertiary_h2.gif) repeat-y top left;
 display: block;
 height: 28px;
 margin-left: -72px !important;
 margin-top: 0 !important;
 padding-bottom: 0 !important;
 text-indent: -2000em;
 width: 1072px;
}

.home #tagline {
	display: none;
}



#tertiary_body {
 float: left;
 margin-left: 25px;
 padding-top: 5px;
 width: 750px;
}

/* ----------------------------------------------------------------------------------------------------- */
/*--- SIDE NAV ---*/
/* ----------------------------------------------------------------------------------------------------- */
#nav_footer {
 display: none;
}

#left_nav {
 margin-bottom: 28px;
 margin-top:5px;
}

*html #left_nav { margin-top: 0px background: none;
}

#left-sidebar h4 { padding: 2px 4px 2px 16px; }

#left_nav li {
 float: none;
 border-top:  1px dashed #d1d2cb;
 background-repeat: repeat-x;
 background-position: left -1px;
}


#left_nav li a {
 display: block;
 padding-top: 7px;
 padding-right: 0px;
 padding-bottom: 6px;
 padding-left: 16px;
}


#left_nav .current_page_item, #left_nav .current_page_parent  {
 background: #d9e0d9;
 background-repeat: repeat-x;
 background-position: left -1px;
}


#left_nav a:hover {
 background: #e7ede7;
}


#left_nav .children {
    display: none;
}


#left_nav .current_page_item .children, #left_nav .current_page_parent .children {
    display: block;
     background: #d9e0d9;
}
#left_nav .current_page_item .children li, #left_nav .current_page_parent .children li {
    border-top:  none;
    background: none;
}
#left_nav .current_page_item .children a, #left_nav .current_page_parent .children a  {
    border-top:  none;
    font-size: 11px;
    padding: 1px 0 5px 22px;
}



/* ----------------------------------------------------------------------------------------------------- */
/*--- QUICK LINKS FOR  SECONDARY ---*/
/* ----------------------------------------------------------------------------------------------------- */

#secondary_left .quick_links {
 background-position: 150px center;
 margin-top: -12px !important;
 padding-left: 16px !important;
 position: relative;
 width: 169px;
 z-index: 999;
}

#secondary_left #MenuBar2 ul { margin-top: 0px; }

#secondary_left #MenuBar2 li ul li {
 background: none;
 padding-left: 1px !important;
 text-indent: 2px;
}

#secondary_left #MenuBar2 a {
 background: none;
 display: block;
 color: #FFF;
 font-weight: bold;
}

#secondary_left #MenuBar2 a:hover {
 display: block;
 color: #73482e;
 background-image: none;
 font-weight: bold;
 background-color: #FFF;
 width: 178px;
}

#MenuBar2 {
 margin-bottom: 40px !important;
 padding-bottom: 1px;
 position: static !important;
}

*html #secondary_left #MenuBar2 { margin-bottom: 10px !important; }

*html ul.MenuBarHorizontal ul li {
 background: none;
 border-bottom:1px dashed #ceeaef;
}

.quick_links {
 background:#74482f url(/layouts/forakergroup/images/quick_links.gif) no-repeat;
 border: none;
 display: block !important;
 padding: 9px 7px 8px 10px !important;
 font-weight: bold;
 text-transform: uppercase;
 color: #FFF;
 font-size: 10px;
 text-decoration: none;
}

.quick_links_drop_down li {
 padding: 2px 0px 2px 0px !important;
 border-bottom: none !important;
 background: none !important;
}

.quick_links_drop_down ul {
 background: #89644a !important;
 width: 190px !important;
 position: relative;
 z-index: 999;
 text-indent: 1px !important;
 border: 1px solid #73482e;
 border-top: none;
}

.quick_links_drop_down a {
 font-size: 11px;
 color: #FFF;
}

*html .quick_links_drop_down ul { text-indent: 0px !important; }

/* ----------------------------------------------------------------------------------------------------- */
/*--- QUICK LINKS FOR HOME  ---*/
/* ----------------------------------------------------------------------------------------------------- */

#misc_column .quick_links {
 background-position:  234px center;
 margin-left: 0px !important;
 margin-top: 4px !important;
 width: 259px;
}

#misc_column #MenuBar2 ul { margin-top: 0px; }

#misc_column #MenuBar2 li ul li {
 background: none;
 padding-left: 1px !important;
 text-indent: 2px;
}

#misc_column #MenuBar2 a {
 background: none;
 display: block;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
}

#misc_column #MenuBar2 a:hover {
 display: block;
 color: #73482e;
 background-image: none;
 font-weight: bold;
 background-color: #FFF;
 width: 263px;
}

#misc_column #MenuBar2 {
 margin-bottom: 40px !important;
 position: static !important;
}

*html #misc_column #MenuBar2 { margin-bottom: 10px !important; }

#misc_column .quick_links_drop_down ul {
 width: 274px !important;
 text-indent: 11px !important;
}

/* ----------------------------------------------------------------------------------------------------- */
/*--- SHARE / SEARCH FORMS ---*/
/* ----------------------------------------------------------------------------------------------------- */

#share {
 clear: both;
 display: block;
 padding-top: 8px !important;
 padding-bottom: 8px !important;
 background-image: url(/layouts/forakergroup/images/share_left.gif);
 background-repeat: no-repeat;
 background-position: 68px 2px;
}

#share a {
 text-decoration: none;
 color: #60a1d7;
 font-size: 11px !important;
 font-weight: bold;
 line-height: 13px;
 text-decoration: none;
 text-transform: uppercase;
}

#sidebar {
 padding-top: 2px !important;
 padding-left: 16px !important;
 padding-bottom: 8px !important;
}

#sidebar .button {
 position: relative;
 top: -6px;
}

*html #sidebar .button {
 position: relative;
 top: -4px;
}

*+html #sidebar .button {
 position: relative;
 top: -4px;
}

#sidebar .button {
 position: relative;
 top: -2px \9;
}

#searchform {
 width: 135px !important;
 border: none;
 margin-top: 4px;
 vertical-align: middle;
 padding: 3px;
 margin-bottom: 8px;
 margin-left: 16px;
}

.searchtext {/*form inputs on secondary pages*/
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 color: #d1daba;
}

.searchbutton {
clear: both;
 display: block;
 padding-top: 3px !important;
 padding-bottom: 8px !important;
  padding-right: 8px !important;
 background-image: url(/layouts/forakergroup/images/next.gif);
 background-repeat: no-repeat;
top: -1px;
width:24px;
height:14px;
 position: relative;
 float: right;
 text-indent:-9999px;
}
/* ----------------------------------------------------------------------------------------------------- */
/*--- BLOG ---*/
/* ----------------------------------------------------------------------------------------------------- */

div.sticky {
 border: 1px dashed #bccfe0;/*the border*/
 padding: 5px;
 background:  #dde7cc;
 -moz-box-shadow: 5px 5px 3px #888;
 -webkit-box-shadow: 5px 5px 3px #888;
 box-shadow: 5px 5px 3px #888;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 9px 9px 9px 9px;
 border-radius: 9px 9px 9px 9px;
 color: #000;
 margin-bottom: 20px;
}

div.post-mod {  background:  #eeeeee; 
	border-top: 1px dashed #bccfe0;/*the border*/
	border-bottom: 1px dashed #bccfe0;/*the border*/
	margin-top: 5px;
	margin-bottom: 5px;
}

div.post { }

div.blogpost-title {
 font-size: 17px;
 font-weight: normal;
 color:#526465;
 padding-bottom: 3px;
 padding-top: 0.3em;
 padding-right: 0;
 padding-left: 50px;
}

div.blogpost-title a:link {
 color:#526465;
 text-decoration: none;
}

div.blogpost-title a:visited {
 color:#526465;
 text-decoration: none;
}

div.blogpost-title a:hover {
 color:#73482e;
 text-decoration: underline;
}

.post-sub {
 padding-top: -10px;
 padding-left: 50px;
 font-size: 90%;
}

div.blogpost-intro {
 padding: 10px;
}

div.datebox {
 float: left;
 display: inline;
 width:33px;
 height:50px;
 border: 1px solid #999;
 margin-top: 5px;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 10px;
 background-color: #FFF;
}

.month {
 text-align:center;
 text-transform:uppercase;
 font-size:0.8em;
 color:#FFF;
 font-weight:bold;
 background-color: #60a1d7;
 margin-top: 0em;
 padding-top: 0.01em;
 padding-right: 0;
 padding-bottom: 0.01em;
 padding-left: 0;
}

.day {
 text-align:center;
 font-size:1.4em;
 color:#000;
 font-weight:bold;
 margin:0;
 padding:0;
 padding-top:1px;
 line-height:100%;
}

.year {
 text-align:center;
 margin:0;
 padding:0;
 line-height:100%;
 font-size:.8em;
}





/* count blog pages */
.count {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #000000;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: thin solid #000;
}
.count_active {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #000000;
	background-color: #fff;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: thin solid #000;
}
a.count:link {
 
	color: #000;
	background-color: #eee;
 
}
a.count:active {
 
	color: #000000;
	background-color: #99CC99;
 
}
a.count:visited {
 
	color: #000;
	background-color: #eee;
 
}
a.count:hover {
 color: #000000;
 background-color: #FFC;
}


.label2 {
	background-color:#99CC99;
	color: #000;
}

.value2 {
	background-color:#EEEEEE;
	color: #000;
}

.formbutton { color: #fff; font-size: 14px; font-weight: bold; background-color: #60A1D7; border: 3px double #999999; padding: 0.2em; text-decoration: none; }

a.formbutton { text-decoration: none; color: #fff; font-size: 12px; font-weight: bold;  }


.formbutton2 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;

	background-color: #eeeeee;
	border: 3px double #999999;
	border-top-color: #999999;
	border-left-color: #999999;
	padding: .3em;
}


.formbutton3 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	background-color: #eeeeee;
	border: 3px double #999999;
	border-top-color: #999999;
	border-left-color: #999999;
	padding: 0.1em;
}

.activeRow{background-color:#eeeeee}
.NormalRow{background-color:#ffffff}


.gallery  {
	margin: 5px;
	border: 1px dashed #bccfe0;
}


hr {border: none 0;
border-top: 1px dashed #bccfe0;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 
.formtext {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

textarea {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.logos {
    padding: 10px 5px;
    height: 85px;
    width: auto;
}

/* ----------------------------------------------------------------------------------------------------- */
/*--- Old STYLE items ---*/
/* ----------------------------------------------------------------------------------------------------- */


.header1 {/*secondary page title, calendar month*/ font-size: 21px; font-weight: normal;  color:#60a1d7; padding-bottom: 5px; text-decoration: none; line-height: 115%; }
.header2 { font-size: 17px; font-weight: normal; color:#526465; }
.fineprint {	font-size: 11px; line-height: 14px; }
.post-title { /* Font used for title of all url.section pages */ font-size: 21px; font-weight: normal; color:#60a1d7; margin-bottom: 10px; line-height: 115%; }

.label1 { background-color:#60A1D7; color: #fff; font-weight: bold; 
}

.label1 a {
	color: #fff; text-decoration: underline;
}

.label1 a:link {
	color : #fff; text-decoration: underline;
}
.label1 a:active {
	color : #fff;
	text-decoration: underline;
}
.label1 a:visited {
	color : #fff;
	text-decoration: underline;
}
.label1 a:hover {
	color : #fff;
	text-decoration: underline;
}

.value1 {  background-color:#eeeeee;  font-weight: bold; }
.fineprint { font-size: 11px; line-height: 14px;}


/* ----------------------------------------------------------------------------------------------------- */
/*--- store layout ---*/
/* ----------------------------------------------------------------------------------------------------- */

.highlight {
	font-size: 16px;
	font-weight: normal;
	color:#60a1d7;
	
}

.greyback {
 background-color: #ededed;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: dashed;
 border-bottom-style: dashed;
 border-top-color: #ccd5dd;
 border-bottom-color: #ccd5dd;
 padding-top: 4px;
 padding-right: 10px;
 padding-bottom: 4px;
 padding-left: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
}


/* ----------------------------------------------------------------------------------------------------- */
/*--- dox layout ---*/
/* ----------------------------------------------------------------------------------------------------- */

.foraker-attach img { height:22px; }

/* ----------------------------------------------------------------------------------------------------- */
/* font / form etc. styles for checkout pages */
/* ----------------------------------------------------------------------------------------------------- */



.price {
 color: #e01a3b;
 font-weight: 300;
 margin-top: 2px;
 float: right;
}

.checkouttext {
 line-height: 18px;
}

.total {
 padding: 10px;
 text-align:right;
}

#orderform h2 {
 margin-left:0;
 margin-bottom: 10px;
}

#orderform p {
 color:#222222;
}

#orderform .labelwrap { margin-bottom: 10px; }

.orderforminput {
 width:100%;
 border:2px solid #cccccc;
 padding:3px 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#orderform input, select, textarea {
 width:95%;
 border:2px solid #cccccc;
 padding:3px 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

input.checkbox {
 width:20px !important;
 border:2px solid #cccccc;
 padding:3px 5px;
 margin-top: 5px;
}

#orderform .shortselect {
 width:40%;
 border:2px solid #cccccc;
 padding:3px 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#orderform input, button, select, submit { margin-top: 5px; }

#orderform label {
 clear: none;
 float: none;
 font-weight: bold;
 text-align: left;
 text-transform: uppercase;
 width: 100%;
 margin-bottom: 5px;
}


label, label .error {
 float: left;
 font-weight: bold;
 clear: left;
 padding-top: 4px;
}


#color .required { color:#000; }

.required { color:#dd6666; }

input.error {
 border: 1px solid #f00;
 background-color:#FCC;
}

#orderform .error {
 font-weight: normal;

}

.green { color:#390;}

.none { display:none; }
.clear {clear:both;}

.checkform {
 font-size: 24px;
 font-weight: bold;
 color: #FFF; 
 padding: 25px;
}



.spinner {
  margin: 20px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.control-label { color: red; padding-left: 5px;}

/*  ///////////////////   formancejs for credit card validation  \\\\\\\\\\\\\\\\\\\  */
.highlight  { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

.type-csharp .highlight .k { color: #0000FF }
.type-csharp .highlight .kt { color: #0000FF }
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
.type-csharp .highlight .nc { color: #2B91AF }
.type-csharp .highlight .nn { color: #000000 }
.type-csharp .highlight .s { color: #A31515 }
.type-csharp .highlight .sc { color: #A31515 }