/*
 * ------------------------------------------
 * 'Good News' (c) 2004/2005, Eden G Adogla 
 * ------------------------------------------
 */

html {
font-family:arial, helvetica, sans-serif;
font-size:12px;
color:#333;
background:#FFF;
background-image: url(../img/html-background.png); 
background-position:center center;
background-repeat:repeat-y;
}

body {
width:700px;
padding:20px 25px 50px 25px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image: url(../img/body.png);
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
}

#header {
width:100%;
height:180px;
padding:0 !important;
background-image: url(../img/header.png);
background-position:center top;
background-repeat:no-repeat;
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
}
#header p {
padding:20px;
margin:0;
font-family:serif;
font-size:180%;
font-style:italic;
line-height:60%;
color:#F3F8FF;
text-shadow: 2px 2px 2px #f00;
}

#logo{
float:left;
padding:0;
margin:0;
width:350px;
height:130px;
}
#logo h1{
color:#003;
font-size:24px;
margin-top: 40px;
}
#logo a{
 text-decoration:none;
color:#003;
}
#logo a:hover{
 color:#999;
}
#logo img{
border:none;
}

img {
float:left;
border:none;
}


#nav-toplevel {
float:right;
width:100%;
height:180px;
margin-right:0px;
margin-bottom:0px;
}

#nav-meta {
float:right;
margin:auto;
padding-right:20px;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}
#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#f9fcff;
border:1px solid #ccc;
border-top:none;
list-style:none;
}
#nav-meta a {
padding-left:2px;
font-size:94%;
letter-spacing:0.04em;
color:#999;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}
#nav-meta li:hover {
border-top:1px dotted #cabaca;
}
#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
height:26px;
float:right;
clear:both;
margin:auto;
font-family:Georgia, serif;
font-size:110%;
z-index:1;
/*hacked values -- See Hack Section*/
padding:30px 20px 0px 0px;
}

#nav-main ul {
margin:0; 
}

#nav-main ul li {
display:inline;
background-color:#fed;
border:1px solid #ccc;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}
#nav-main a {
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
text-decoration:none;
color:#999;
}
#nav-main ul li a.current {
border-top:5px solid #fee;
background:#fee;
color:#006;
}
#nav-main li:hover {
background-color:#fef;
border:1px solid #ccc;
border-top:5px solid #fed;
color:#000;
}

/*
li li{
margin:0px;
padding:0px;
}*/

#nav-main li a:hover {
background-color:#fef;	
color:#009;
}

#main-container {
width:700px;
background-color:#f8fbff;
background-image: url(../img/watermark-good-shepherd.gif);
background-position:right bottom;
background-repeat:no-repeat;
margin:30px 0px 30px 0px;
}

html>body #main-container{height:auto; margin-bottom:30px}

#content {
float:left;
width:525px;
background-image: url(../img/page.png);
background-position:bottom left;
background-repeat:no-repeat;
min-height:550px;
}

#content p {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 8px 20px;
margin:0 15px 01.1em 0;
}

#content ul{
padding:6px 11px 13px 20px;
margin:0px 45px 0.8em 20px;
background-color:#FFFFFF;
}

#content ul li ul{
padding: 0px;
}
/*#content p:first-letter*/
.dropcap {
font-size:500%; 
float:left;
line-height:.7em;
font-family:"times","times new roman";
font-style:italic;
font-weight:bold;
text-shadow:#c0c0c0;
color:#900;
background:transparent url(../img/dropcap.gif) center bottom no-repeat;
}

h1,h2,h3,h4,h5,h6 {
/*height:auto !important;
height:30px;*/
margin:0 0 2px 10px;
padding:0;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
background-repeat:no-repeat;
}
h1 {
/*width:487px;*/
padding-top:0.3em;
padding-left:12px;
font-size:170%;
color:#444;
background-position:bottom right;
}

/*
-----
New additions to make sub-nav links possible
-----
*/
#nav-subs li ul li{
margin:0;
padding:0 0 0 10px;
}
#nav-subs ul ul{
margin:0;
padding:0;
}

#nav-subs li li a{
margin:0;
padding:0;
padding-left:10px;
display:block;
text-decoration:none;
color:#888;
background:transparent url(../img/circle1.gif) left center no-repeat;
}

#nav-subs li li a:hover{
text-decoration:none;
color:#000;
background:transparent url(../img/circle2.gif) left center no-repeat;
}
#nav-subs li li .youarehere {
text-decoration:none;
color:#333;
background:transparent url(../img/circle3.gif) left center no-repeat;
}

/* End sub-links */
h2,h3,h4,h5,h6 {
/*width:475px;*/
font-size:150%;
color:#444;
padding-left:25px;
background-position:bottom left;
}

h4,h5,h6{
font-size:120%;
}

h3{
clear:both;
}
#nav-subs {
float:right;
width:185px;
margin-top:0px;
margin-right:0px;
padding-top:3px;
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
background:transparent url(../img/menu-lakeside.gif) top center no-repeat;
line-height:17px;
voice-family: "\"}\"";
voice-family:inherit;
width:161px;
}
body>#nav-subs {width:161px;}

#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:10px;
border-top:1px solid #888;
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color:#888;
background:transparent url(../img/dot1.gif) left center no-repeat;
}
#nav-subs li a:hover{
text-decoration:none;
color:#000;
background:transparent url(../img/dot2.gif) left center no-repeat;
}
#nav-subs .youarehere {
text-decoration:none;
color:#333;
background:transparent url(../img/dot3.gif) left center no-repeat;
}

#nav-main-section { 
border-bottom:1px solid #888;
margin:0 0 10px 25px;
}

#nav-misc-section { 
border-bottom:1px solid #888;
margin:0 0 10px 25px;
}

#nav-supp {
/*border-top:1px solid #ececec;*/
padding-top:3px;
}
#nav-supp ul {
margin-top:0px;
padding-top:0px;
}

#nav-subs p{
margin:0;
padding:0 0 0 40px;
font-weight:bold;
}

#nav-supp p{
margin:0;
padding:0 0 5px 40px;
font-weight:bold;
}

#footer {
width:100%;
clear:both;
margin:0px;
font-size:95%;
}
#site-info, #standards-info{
float:right;
clear:both;
padding:0px;
margin:0px;
}

/*additional*/
A:link { color:#888; text-decoration:underline; }
A:active { color:#000; text-decoration:none; }
A:visited { color:#888; text-decoration:underline; }
A:hover { color:#ccc; text-decoration:none; }
abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}
code, kbd, samp, .quote, .listing {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}

.book-title, .drama-title{
font-style:italic;
}

a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#eeeeee;
color:#000;
text-decoration:none;
}

a.info:hover{z-index:25; background-color:#dff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:20em;
padding:5px;
border:1px solid #0cf;
background-color:#dff; color:#000;
text-align: left;
font-size:80%;
}

/*
 -----------------
 For displaying images
 -----------------
*/

.left-imagebox {
border: 1px #ccc dotted;
float: left;
margin: 15px;
margin-left:20px;
padding: 5px;
color: #091c5a;
text-align:center;
}

.right-imagebox {
border: 1px #ccc dotted;
float: right;
margin: 15px;
margin-right:30px;
padding:5px;
color: #091c5a;
text-align:center;
}

.image-caption{
font-size: 80%;
margin:0px auto;
padding:3px;
white-space:nowrap;
text-align:center;
clear:both;
}

.left-imagebox a:link, .left-imagebox a:visited, .right-imagebox a:link, .right-imagebox a:visited {
color: #091c5a;
}

.left-imagebox a:hover, .left-imagebox a:hover {
color: #fff;
background-color: #9999cc;
}

iframe{
width:425px;
height:250px;
/*background-color:#ececec;*/
margin:5px 25px 5px 25px;
padding:0px;
border:none;
text-align:center;
}

form{
border:none;
margin:0px 25px 0px 25px;
padding:0px;
}

.form-paragraph{
width:350px;
display:block;
border-left: 5px solid #ccc;
padding:0px 0px 0px 25px;
margin:0px;
font-family:monaco, "Courier new", courier, monospace;
}

.form-standard{
text-align:left;
width:425px;
margin:5px 25px 5px 25px;
padding:0px;
border:none;
}
.form-buttons{
padding-left:50px;
width:250px;
}


.highlight{
background-color:#fc9;
}

ul.sitemap {
 list-style-type:none;
 margin-left:0.5cm;
 padding-left:0;
}
ul.sitemap li{
 padding-left:1.1em;
}
ul.sitemap li a {
 background: transparent url('img/sitemap_doc_bullet.gif') no-repeat;
 margin-left: -1.1em;
 padding-left: 1em;
}
ul.sitemap li ul {
 background: transparent url('img/sitemap_folder_bullet.gif') no-repeat;
 list-style-type: none;
 margin: -1.4em 0 0 -1.6em;
 padding: 1.4em 0 0 0.6em;
}
ul.sitemap li a.parent {
 background: transparent url(none) no-repeat;
}
ul.sitemap li ul li {
 margin-left: 0.5cm;
 padding-left: 10px;
}
/*
 ---------------------
   Hacks Section 
   -------------
   Until everyone obeys the standards we'll always have 
   a hack section like this one
 ---------------------
 */
 
 /* 
  --------------------
  Hack to make main-container stretch to hold all its container and show
  the right-hand side watermark
  
  the :after pseudoselector used to place a space after its content but since html
  disregards spaces, the white-space property is set to pre
  */
#main-container:after { 
content: " ";
white-space:pre;
display: block; 
height: 1px; 
clear: both; 
}

#main-container{
height:100%;
}

/* the following rule is recognized only by IE */
* html #nav-main {
width:300px;
padding:5px 0px 0px 0px;
}

/* Miscellaneous */

.spacer{
clear: both;
}

/*The Braces-Brackets-Star-HTML hack to feed a width to IE Mac just so 
it will not stetch the image div to fit the entire #maintext div. 
The x{[} hides everything from Netscape7 Replace this with the voice-family hack*/
  
* html .left-imagebox{
width: 100px;
voice-family: "\"}\""; 
voice-family:inherit;
/*width:auto;*/
}
 
 * html .right-imagebox{
width: 100px;
voice-family: "\"}\""; 
voice-family:inherit;
/*width:auto;*/
}