/************************************************************************
*                                                                       *
*                                  
*                   Copyright (C) 2004, John Zaitseff
*                   modified by Pariahdog Design 
*                   for Loudoun Interfaith BRIDGES 8/10/09              *
*                                                                       *
************************************************************************/


/********** Global Styles **********/

			/* The global font size is set to 90% as   */
			/* most browsers' normal font is too large */
body {
   font-family:     Verdana, Arial, Helvetica, sans-serif;
   font-size:       90%;	/* Allow IE/Win to resize the document */
   color:           #999;
   background:      white;
   width:           960px;
   margin:          0px auto 0px;
   padding:         0;
   border:          none;
}

.hidden {		/* Used for content that should be displayed */
			/* by non-stylesheet-aware browsers          */
   display:         none !important;
}

.notprinted {			/* Used for content that should not be */
}				/* printed to paper                    */

.smaller {
   font-size:       90%;
   font-weight:     normal;
   color:           #779900;
   margin:          1em 0;
   padding:         0 0 0 0.5em;
}

.cap {
   font-size:       90%;
   font-weight:     normal;
   color:           #779900;
   text-align:      center;
   margin:          2px 0;
   padding:         0;
}   


/* Headings */  /* Headings (H1-H6) should only be used in */
			/* the main content area                   */
h1,	
h2 {
   color:           #666;
   font-weight:     normal;
   text-align:      left;
   margin:          1.25em 0 0 0;
}

h3 { 
   color:         #3399cc;
   font-weight:     normal;
   text-align:      left;
   margin:          1.25em 0 0 0;
}

h1 { font-size:     150%;
}

h2 { font-size:     135%;
}

h3 { font-size:     120%;
}

h4 { 
     font-size:       95%;
     color:           #000;
     font-weight:     normal;
     text-align:      left;
     margin:          1.25em 0 0 0;
}


/* Anchors */

a:link {
   text-decoration: none;
   color:           #3366cc;
   background:      transparent;
}

a:visited {
   text-decoration: none;
   color:           #3366cc;
   background:      transparent;
}

a:hover,
a:active {
   color:           #779900;
   text-decoration: none;
}


/* Inline elements and classes */

			/* This style sheet assumes B, BIG, EM, I, */
			/* SMALL, STRONG, SUB and SUP are defined  */
			/* by the browser as per the HTML4 sample  */
			/* style sheet.                            */
code,
kbd,
pre,
samp,
tt {
   font-family:     "Courier New", Courier, monospace;
   font-size:       110%;	/* Courier tends to be a little too small */
}

kbd,
code.markup,			/* HTML/CSS markup */
span.markup,			/* Alternative form for HTML/CSS markup */
.title {			/* Title in floating boxes / left sidebar */
   font-weight:     bolder;
}

abbr,
acronym {
   font:            inherit;	/* Don't use small-caps, etc. */
}

.tooltip {
   cursor:          help;
   border-bottom:   1px dotted #CCCCCC;
}

abbr[title],
acronym[title] {
   cursor:          help;
   border-bottom:   1px dotted #CCCCCC;
}

cite,
dfn,
var,
.fn,				/* Filename */
.url,				/* Uniform Resource Locator */
.email {			/* E-mail address */
   font-style:      italic;
}

.clearboxes {			/* Clear navboxes and floatboxes */
   clear:           right;
}

.unicode {
   font-family:     "Arial Unicode MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}


/* Block-inline elements */

img {
   vertical-align:  baseline;
   margin:          3px;
   padding:         0;
   border:          none;
}

img.left {			/* Left-floating images */
   margin:          0.75em 1.5em 0.75em 0;
   float:           left;
}

img.right {			/* Right-floating images */
   margin:          0.75em 0 0.75em 1.5em;
   float:           right;
}

img.icon16[src] {		/* For 16x16 file-type icons */
   vertical-align:  -10%; /* IE/Win cannot handle negative percentages */
}

del,
del * {				/* Required for Mozilla */
   text-decoration: line-through;
}

ins,
ins * {				/* Required for Mozilla */
   text-decoration: underline;
}


/* Block elements */

p {
   margin:          1em 0;
   padding:         0;
}

blockquote {
   font-size: 95%;      /* Should only be used in main content area, */
			/* floating boxes or left sidebar.           */
   margin:          1em 2.5em;
   padding:         0;
}

pre {				/* Should only be used in main content area  */
				/* and floating boxes.                       */
   line-height:     1.1;
   margin:          1em 2.5em;
   padding:         0;
}

hr {
   color:           #999999;
   background:      transparent;
   height:          1px;	/* Required for IE/Win */
   margin:          1em 0;
   padding:         0;
   border-color:    #999999;
   border-width:    1px;
   border-style:    none none solid none;
}

hr.lighter {			/* Warning: not printed out on paper */
   color:           #F0F0F0;
   background:      transparent;
   border-color:    #F0F0F0;
}

/* Lists */

ol {
   list-style:      decimal outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol.alpha {
   list-style-type: lower-alpha;
}

ol.number {
   list-style-type: decimal;
}

ul {
   list-style:      square outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-top:      0;
   margin-bottom:   0;
}

ol ul,				/* Override possible browser styles */
ol ol ul,
ol ul ul,
ul ul,
ul ol ul,
ul ul ul {
   list-style:      square outside;
}

li {
   margin:          0;
   padding:         0;
}

dl {
   margin:          1em 0;
   padding:         0;
}

dt {
   font:            inherit;	/* Don't make the text bold by default */
   margin:          1em 0 0.25em 0;
   padding:         0;
}

dd {
   margin:          0 0 1em 2.5em;
   padding:         0;
}



/* Tables */
				/* Tables should never be used for visual */
				/* formatting: that is the role of CSS!   */

table.simple {
   color:           inherit;
   background:      inherit;	/* Don't make tables transparent */
   border-collapse: collapse;
   border-spacing:  0;
   empty-cells:     show;
   margin:          0.5em 2.5em;
   padding:         0;
   border:          1px solid #999999;
}

table.simple caption {
   text-align:      center;
   caption-side:    top;
   margin:          0 2.5em 0.75em;
   padding:         0;
   border:          none;
}

table.simple td,
table.simple th {
   text-align:      center;
   vertical-align:  middle;
   margin:          0;
   padding:         0.25em 0.5em;
   border:          1px solid #999999;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
   font-weight:     bold;
   color:           inherit;
   background:      #F0F0F0;
}

table.simple td.lighter,
table.simple th.lighter {
   color:           inherit;
   background:      #F8F8F8;
}

table.simple td.left,
table.simple th.left {
   text-align:      left;
}

table.simple td.center,
table.simple th.center {
   text-align:      center;
}

table.simple td.right,
table.simple th.right {
   text-align:      right;
}


/* The following HTML elements should NOT be used in documents using this
   style sheet:

       address - use the #footer style instead
       q       - use “ and ” instead
*/


/********** Styles for Main Content **********/

#main {
   background: #FFFFFF url(images/hands_blue.jpg) top center repeat-y;
   text-align:      justify;
   line-height:     1.4;
   color:           #666;
   margin:          0 2em 0 180px;
   padding:         0.25em 2.0em 0.5em 2em;
   border:          none;
}

#main h1 {			/* Should be used once, following navhead */
   color:           #003399;
   background:      transparent;
   margin:          0 0 0.5em 0;
}

#main a {
   color:           #0000cc;
   font-size:       95%
}

#main a:hover {
   text-decoration: underline;
}

#main a:visited {
   color: #66cc99;
}

#main .highlight {		/* Highlight box (for warnings, etc) */
   font-size:	    95%;
   color:           #990000;
   background:      #F0F0F0;
   margin:          1em 0;
   padding:         0.5em 1em 1em 1.25em;
   border:          1px solid #999999;
}

#main .totop {			/* For "Top ^" lines in FAQs, etc */
   font-size:       90%;
   text-align:      right;
   margin:          -0.75em 0 1em 0;
   padding:         0 0 0.25em 0;
   border-bottom:   1px solid #F0F0F0;
}

#main table.simple td.highlight,  /* Else "#main .highlight" will override */
#main table.simple th.highlight {
   margin:          0;
   padding:         0.25em 0.5em;
}

.data {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 90%;
   padding-left: 2.25em;
}


/* Other styles related to the main content */

#mainlink {			/* "Skip to main content" link */
   display:         none !important;
}

#navhead {			/* "Path to this page" information */
				/* Warning: not printed out on paper */
   font-size:       90%;
}

#navhead hr {
   display:         none;
}

#endmain {
   visibility:      hidden;
   clear:           both;	/* Doesn't always work under IE/Win */
}


/********** Styles for Floating Boxes **********/

			/* "navbox" is used to provide intra/inter- */
			/* page links; it is NOT printed out on     */
			/* paper.  "floatbox" is used to provide    */
			/* floating boxes that may appear anywhere  */
			/* in the main content; they ARE printed.   */

.floatbox,
.navbox
.widebox {
   overflow:        visible;
   color:           #666;
   font-size:       90%;
   line-height:     1.4;
   margin:          0 0 0.75em 2em;
   padding:         0.5em 1em;
   border:          1px solid #e4e0f0;
   float:           right;
   clear:           right;
}

.widebox {
   background: white;
   width:      45%; 
}

.imagebox {
   color:           #666;
   background:      #fcfafa;
   margin:          0 0 0.75em 2em;
   padding:         1px;
   border:          1px solid #e4e0f0;
   float:           right;
   clear:           right;
} 

.imagebox .caption {
   font-size:       90%;
   line-height:     1.4;
   margin:          0.5em 0.5em;
}

.floatbox {
   background:      white;
   width:           35%;
}

.navbox {
   text-align:      left;
   background:      white;
   width:           12.5em;
}

.imagebox hr,
.floatbox hr,			/* Used for non-stylesheet-aware browsers */
.navbox hr {
   display:         none !important;
}

.floatbox p,
.navbox p {
   margin:          0.75em 0;
   padding:         0;
}

.widebox ol,
.widebox ul,
.floatbox ol,
.floatbox ul {
   margin:          0.75em 0;
   padding:         0 0 0 0.25em;
}

.navbox ol,
.navbox ul {
   margin:          0.5em 0;
   padding:         0 0 0 1.5em;
}

.floatbox blockquote {
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox pre {
   font-size:       95%;
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0 0.25em 0;
   padding:         0;
}

.floatbox dd {
   margin:          0 0 0.75em 1.5em;
   padding:         0;
}

.floatbox .title {
   font-size:       120%;
   font-weight:     normal;
}

.floatbox img {
   display:     block;
   margin:      3px 0 6px 0;
   padding:     3px;
   float:       right;
   clear:       both;
   border:      1px solid #e4e0f0;
}

#main .floatbox .highlight {
   color:           inherit;
   background:      white;
   margin:          0.75em 0;
   padding:         0.75em 1.5em;
}

#main .floatbox table.simple {
   margin:          0.75em 0;
}

#main .floatbox table.simple th,
#main .floatbox table.simple td.highlight,
#main .floatbox table.simple th.highlight {
   color:           inherit;
   background:      white;
   margin:          0;
   padding:         0.25em 0.5em;
}



/********** Styles for Header **********/

				/* In this style sheet, headers are composed */
				/* of three parts: left, right and subheader */
				/* Left part is ideally an image.            */

#header {			/* Warning: not printed out on paper */
   color:           #3399cc;
   background:      transparent;
}

#header a:link,
#header a:visited {
   color:           #eee;
}



/* Left part of header (ideally an image but may be a link) */

#header div.left {
   float:           left;
   clear:           left;
}

#header div.left img {
   display:     block;
   padding:     16px 0 0 0; 
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       200%;
   font-weight:     bold;
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#header div.left p {
   margin:          0 0 0 0;
   padding:         0;
}

#header div.left .alt {
   color:           #f0f0f0;
   background:      transparent;
}

/* Right part of header is for external/global links, search, etc */

#header div.right {
   width:           450px;
   font-size:       120%;
   font-weight:     normal;
   text-align:      right;
   margin:          1em 1em 0 0;
   float:           right;
   clear:           right;
}

#header div.right img {
   display:     block;
   margin:     0 0 18px 10px;
   padding:     3px;
   float:       right;
   clear:       right;
   border:      1px solid #e4e0f0;
   
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0; 
}

#header div.right a:hover {
   color: #ccff00;
}

#header div.right form {
   margin:          0;
   padding:         0.25em 0 0 0;
}

#header div.right form input {
   font-size:       95%;
   vertical-align:  middle;
}

/* Subheader for global links */

#header div.subheader {
   color:           white;
   background:      #fafafa;
   text-align:      left;
   margin:          0;
   padding:         0; /* For IE/Win */
   clear:           both;
   border:	        none;
}

#header > div.subheader {
   height:          2px;
   padding:         0; /* For all other browsers */
}

#header div.subheader a:link,
#header div.subheader a:visited {
   font-weight:     bolder;
   color:           white;
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}


/********** Styles for Left Sidebar **********/

#sidebar {			/* Warning: not printed out on paper */
   width:           180px;
   float:           left;
   clear:           both;
   margin:          0 0 0 0;
   border:          none;  
}

#sidebar ul {
  width: 180px;  
  text-align: left;
  list-style: none;
  list-style-position: none;
  margin: 0;
  padding: 0 0;
}

#sidebar li {
  font-weight: normal;
  font-size: 110%;
  background-color: transparent;
  margin: 0px 0 0 4px;
  padding: 0;
  border: none;
  display: block;
}

#sidebar li a {
  color: #999;
  margin: 0;
  padding: 0.6em 0 0.6em 0.4em;
  display: block;
}

#sidebar li ul {
  width: 180px;  
  text-align: left;
  list-style: none;
  list-style-position: none;
  margin: 0;
  padding: 0 0;
}

#sidebar ul ul li {
  font-size: 95%;
  padding:   0 0 0 1.5em;
  display:   block

}

#sidebar a:hover {
  color: #3399cc;
  background-color: #f4fafa;
  text-decoration: none;
  padding: 0.6em 0 0.6em 1.2em;
}

#sidebar li .current {
  color: #3399cc;
  background-color: #f4fafa;
  text-align: left;
  text-decoration: none;
  padding: 0.6em 0 0.6em 1.2em;
}

#sidebar div {
   font-size:       100%;
   text-align:      left;
   margin:          0;
   padding:         0.5em 1em;
   border:   none;
}
	
#sidebar div.spacer {
   font-size:       100%;
   text-align:      left;
   margin:          0;
   padding:         0.5em 1em;
   border:   none;
}

#sidebar div.lighter {
   font-size: 90%;
   background-color: white;
   border:   none;
}

#sidebar div.lighter a {
   font-weight: bold;
   font-size: 95%;
   background-color: white;
}

#sidebar div.lighter a:hover {
   color: #cc0000;
   font-weight: bold;
   background-color: transparent;
}

#sidebar div.list {
   font-size: 90%;
   background-color: white;
   color:  #003399;
   margin:          0.7em;
   padding:         0.1em 0.5em 0.5em 0.7em;
   border: 1px solid #999;
}

#sidebar div.list a {
   font-weight: bold;
   font-size: 90%;
   background-color: white;
}

#sidebar div.list a:hover {
   color: #6487DC;
   font-weight: bold;
   background-color: transparent;
   text-decoration: underline;
}

#sidebar p {
   margin:          0.5em 0;
}

#sidebar .title a:link,
#sidebar .title a:visited {
   color:          #003399;
   background-color:      transparent;
}



/********** Styles for Footer **********/

#footer {
   font-size:       85%;
   text-align:      center;
   color:           #0000cc;
   background:      transparent;
   margin:          0.5em 0 0 0;
   padding:         0.5em 1.67em 0.5em 15.25em;
   clear:           both;
}

#footer a:link,
#footer a:visited {
   text-decoration: underline;
   color:           #999999;
   background:      transparent;
}

#footer hr {
   display:         none !important;
}

/* End of the Sinorcaish style sheet */