/*
VIRTUALGIVING.COM GLOBAL STYLESHEET
This stylesheet works in partnership with shared.css since certain
elements are previewed in the admin section. The elements are included in
this stylesheet but are not styled. Each includes a note referring you to
shared.css to eliminate confusion. Do not style those elements in this
stylesheet since those styles will not be available during admin preview.
*/

/*
HIDES HRS AND DIVIDERS FOR CSS ENABLED VIEWERS
When CSS is disabled, it's helpful to have dividers and headers to show
where one section of the page ends and another begins. The HRs and H2s
which fall outside the panels serve this purpose. We then restore their
visibility inside the panels to allow the tags to be used elsewhere if
desired.
*/
#mainFrame h2,#mainFrame hr,
#menuFrame h2,#menuFrame hr,
#moreFrame h2,#moreFrame hr,
#footFrame h2,#footFrame hr {display: none;}
div.mainPanel h2,div.mainPanel hr,
div.menuPanel h2,div.menuPanel hr,
div.morePanel h2,div.morePanel hr,
div.footPanel h2,div.footPanel hr {display: block;}

/*
HTML AND BODY STYLES
Setting the margin-top to zero helps cancel some collapsing margin bugs.
Because this site uses a full width and height layout, we cancel the
HTML and BODY margins and paddings altogether and give the elements a
height and width of 100%.
*/
* {
  margin-top:0;
}
html,
body {
  background: #cc9;
  height: 100%;
  margin:0;
  padding:0;
}
/*
BASE FONT SETTINGS!!
Note that changing these settings affects the entire website!!
See ieFixes.css for IE compatible setting
*/
body {
  font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

#siteShell {
  background: #cc9;
  color: #000;
  height: 100%;
}

/* MASTHEAD */
#headFrame {
  margin: 0;
}
#masthead {
  background: rgb(230,230,154);
  color: #000;
  font-size: 1em;
  height: 75px;
  overflow: hidden;
}
#masthead h1 {
  background: rgb(230,230,154);
  color: #000;
  margin: 0;
}
#masthead h1 a {
  background: rgb(230,230,154) url("../graphics/vglogo.gif") no-repeat;
  display: block;
  height: 75px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
}
#masthead h1 a span {
  visibility: hidden;
}

/* SITE MENU */
#siteMenu {
  background: #699;
  color: #fff;
  font-size: 13px;
  width:800px;
}
#siteMenu ul {
  margin: 0;
  padding: 0;
}
#siteMenu ul li {
  border-right: 1px solid #cc9;
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 125px;
}
#homeBox {
  width: 125px;
}
/*
#siteMenu ul li.activePage {}
semantic indicator only; no styles required.
*/
#siteMenu a {
  background: #699;
  color: #fff;
  display: block;
  padding: 3px 0 4px 11px;
  text-decoration: none;
  white-space: nowrap;
  font-size:13px;
}
/* sectionMenu list defined here to ensure consistency with subLinks */
#siteMenu li.activePage a.home-links,
#siteMenu a.home-links:hover,
#sectionMenu ul.home-links {
  background: #336600;
  color: #fff;
}
/* sectionMenu list defined here to ensure consistency with subLinks */
#siteMenu li.activePage a.services-links,
#siteMenu a.services-links:hover,
#sectionMenu ul.services-links {
  background: #d15b27;
  color: #fff;
}
/* sectionMenu list defined here to ensure consistency with subLinks */
#siteMenu li.activePage a.about_us-links,
#siteMenu a.about_us-links:hover,
#sectionMenu ul.about_us-links {
  background: #223f82;
  color: #fff;
}
/* sectionMenu list defined here to ensure consistency with subLinks */
#siteMenu li.activePage a.who_we_serve-links,
#siteMenu a.who_we_serve-links:hover,
#sectionMenu ul.who_we_serve-links {
  background: #6E8A2C;
  color: #fff;
}
/* sectionMenu list defined here to ensure consistency with subLinks */
#siteMenu li.activePage a.faqs_and_resources-links,
#siteMenu a.faqs_and_resources-links:hover,
#sectionMenu ul.faqs_and_resources-links {
  background: #e89403;
  color: #fff;
}
/* sectionMenu list defined here to ensure consistency with subLinks */
#siteMenu li.activePage a.contact_us-links,
#siteMenu a.contact_us-links:hover,
#sectionMenu ul.contact_us-links {
  background: #962B0F;
  color: #fff;
}

/* SITE FORMAT AND LAYOUT */
#siteMenu,
#siteFrame,
#footFrame {
min-width:950px;
}
div.SFhome {
  background: #cc9 url("../graphics/foliage_home.gif") no-repeat 0 0;
}
div.SFservices {
  background: #cc9 url("../graphics/foliage_services.jpg") no-repeat 0 0;
}
div.SFservices h3,
div.SFservices h4,
div.SFservices h5,
div.SFservices h6 {
  color: #d15b27;
  margin: 0 10px 5px 10px;
}


div.SFabout_us {
  background: #cc9 url("../graphics/foliage_about.jpg") no-repeat 0 0;
}
div.SFabout_us h3,
div.SFabout_us h4,
div.SFabout_us h5,
div.SFabout_us h6 {
  color: #223f82;
  margin: 0 10px 5px 10px;
}
div.SFwho_we_serve {
  background: #cc9 url("../graphics/foliage_whoweserve.jpg") no-repeat 0 0;
}
div.SFwho_we_serve h3,
div.SFwho_we_serve h4,
div.SFwho_we_serve h5,
div.SFwho_we_serve h6 {
  color: #6E8A2C;
  margin: 0 10px 5px 10px;
}
div.SFfaqs_and_resources {
  background: #cc9 url("../graphics/foliage_resources.jpg") no-repeat 0 0;
}
div.SFfaqs_and_resources h3,
div.SFfaqs_and_resources h4,
div.SFfaqs_and_resources h5,
div.SFfaqs_and_resources h6 {
  color: #e89403;
  margin: 0 10px 5px 10px;
}
div.SFcontact_us {
  background: #cc9 url("../graphics/foliage_contact.jpg") no-repeat 0 0;
}
div.SFcontact_us h3,
div.SFcontact_us h4,
div.SFcontact_us h5,
div.SFcontact_us h6 {
  color: #962B0F;
  margin: 0 10px 5px 10px;
}
#sitePanel {
  background: #fff;
  border: none;
  height: 100%;
  margin-left: 125px;
}

div.SFservices h4 {
font-size:1em;
}
div.SFabout_us h4 {
font-size:1em;
}
div.SFwho_we_serve h4 {
font-size:1em;
}
div.SFfaqs_and_resources h4 {
font-size:1em;
}
div.SFcontact_us h4 {
font-size:1em;
}


/*
#coreFrame {}
semantic separator only; no styles required.
*/
#corePanel {
  display: inline;
  float: left;
  width: 100%;
}
#mainFrame {
  display: inline;
  float: right;
  width: 100%;
}
#sectionMenu {
  background: #fff;
  color: #000;
  font-size: 1em;
}
#homeHeader {
  background: rgb(51,102,0) url("../graphics/homeHeader.gif") no-repeat;
  height: 108px;
  margin: 0;
  overflow: hidden;
}
#homeHeader a {
  display: block;
  height: 108px;
  overflow: hidden;
  text-decoration: none;
}
#homeHeader a span {
  display: block;
  visibility: hidden;
  width: 625px;
}
#sectionMenu ul {
  margin: 0;
  padding: 2px;
}
#sectionMenu ul li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 2px 0;
}
#sectionMenu ul li a {
  border-right: 1px solid #fff;
  color: #f1f1f1;
  display: block;
  padding: 0 10px;
  text-decoration: none;
}
#sectionMenu ul li a:hover {
  color: #fff;
  text-decoration: none;
}

/*
The sectionMenu is defined above to ensure consistency, but this is where
they would fall according to the source order.
#sectionMenu.mainPanel ul.services-links
#sectionMenu.mainPanel ul.about_us-links
#sectionMenu.mainPanel ul.who_we_serve-links
#sectionMenu.mainPanel ul.faqs_and_resources-links
#sectionMenu.mainPanel ul.contact_us-links
*/

/*
#inset.mainSubPanel {}
SEE SHARED.CSS: The admin section allows the user to see the changes styled
according to the website, therefore we must separate this out so it can be
be previewed properly. Make all changes to any elements in this section by
adding or removing rules to the shared stylesheet (shared.css).
*/

/*
#relatedLinks.mainSubPanel {}
SEE SHARED.CSS: The admin section allows the user to see the changes styled
according to the website, therefore we must separate this out so it can be
be previewed properly. Make all changes to any elements in this section by
adding or removing rules to the shared stylesheet (shared.css).
*/

/*
#pageContent.mainSubPanel {}
SEE SHARED.CSS: The admin section allows the user to see the changes styled
according to the website, therefore we must separate this out so it can be
be previewed properly. Make all changes to any elements in this section by
adding or removing rules to the shared stylesheet (shared.css).
*/

#pageContent ul.client_list li {
  list-style: none none;
  margin-bottom: 0;
}
#pageContent #testimonials {
  margin: 0 10px 5px 10px;
  padding: 0;
}
#pageContent #testimonials li {
  list-style: none none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  padding-bottom: 15px;
  padding-left: 150px;
  zoom: 1.0;
}
#pageContent #testimonials li div.photo {
  display: inline;
  float: left;
  margin: 0;
  margin-left: -150px;
}
#pageContent #testimonials li div.photo p {
  margin: 0;
}
#pageContent #testimonials li div.photo p span.title {
  margin: 0;
}
#pageContent #testimonials li div.content {
  display: inline;
  float: left;
  margin: 0;
  width: 100%;
}
#pageContent #testimonials li div.content p {
  margin: 0;
}

#menuFrame {
  display: inline;
  float: left;
  margin-left: -125px;
  position: relative;
  width: 125px;
}

/*
#quickLinks.menuPanel {}
SEE SHARED.CSS: The admin section allows the user to see the changes styled
according to the website, therefore we must separate this out so it can be
be previewed properly. Make all changes to any elements in this section by
adding or removing rules to the shared stylesheet (shared.css).
*/

#footFrame {
  background: #cc9;
}
#vgAddress {
  background: #699;
  color: #fff;
  font-size: 0.9em;
  margin-left: 125px;
}
#vgAddress address {
  display: block;
  font-style: normal;
  margin: 0;
  padding: 2px 0 2px 2px;
}

/*
CLEAR AFTER FLOAT FIX
This section is used to clear the floats in non-MSIE browsers.
See ieFixes.css for the non-validating IE Clear After Float Fixes.
*/
#siteShell:after,
#siteFrame:after,
#sitePanel:after,
#sectionMenu ul:after,
#siteMenu ul:after,
#menuFrame:after,
#coreFrame:after {
  clear: both          !important;
  content: "..."       !important;
  display: block       !important;
  font-size: 0         !important;
  height: 0            !important;
  overflow: hidden     !important;
  visibility: hidden   !important;
}
#siteFrame {overflow:hidden;}