/*
Theme Name: SJO
Description: The WordPress theme was designed by a <a href="http://chilico.com/">Chili Pepper Consulting</a>.
Version: 1.0
Author: Karen
Author URI: http://chilico.com/
*/

html { min-height: 100%; margin-bottom: 1px; }

body { 
  font-size: 13px; 
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  background-color: #ECF0F6;
  text-align: center;
  margin: 0px 0px 20px 0px;
  padding: 0px;
	line-height: 1.35em;
}

td { vertical-align:top; text-align:left; }

h1, h2, h3, h4, h5, h6 { margin-top:0px; padding-top:0px; color: #444;  } /*EDAB49 9FD668*/
h1 { font-size: 1.7em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.25em; font-weight: normal; margin-bottom: 0px; padding-bottom: 0px; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; font-weight: normal; margin-bottom: 0px; padding-bottom: 0px;  }
h6 { font-size: 1.0em; }

p { margin-top: 0px; padding-top: 0px; }

a { color:#00348C; }
a:hover { color:#2D66BE; }

a img { border: none; }

hr { 
  background-color: #C0C7CE;
  color:      #C0C7CE;
  border:     0px;
  height:     1pt;
  width:      100%;
  padding:    0px;
  margin:     0px;
}

#header-wrap { 
  background-color: #262626;
  border-bottom: 8px solid #1c1c1c;
  height:160px;
  padding: 0px;
}

#navigation-wrap { 
  background-color: #828B95;
  font-size: 1em; 
  font-weight: bold;
  padding: 0px;
  height: 38px;
}

#page-wrap { 
  margin: 0px;
  padding: 40px 0px 0px 0px;
  background:url('images/page-bg.gif') top left repeat-x;
}

#header { 
  text-align: left;
  vertical-align: middle;
  margin: auto;
  padding: 0px;
  width: 800px;
  background:url('images/header.gif') top left no-repeat;
  background-color: #262626;
  height:160px;
}

#header #headertxt { display:none; }	
#header #headerimg { height:160px; /*margin-left: -42px;*/ }	
#header #header-desc { color: #bbb; padding-left: 160px; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif; }

#header #header-nav { height:155px; background-color:#1c1c1c; padding:5px 0px 0px 0px; float:right;  width: 230px; color: #ccc;
 line-height: 2.2em;  }
#header #header-nav li { list-style: none; margin: 0px 0px 0px 0px; border-bottom: 1px solid #333; color: #bbb; font-size: .85em; }
#header #header-nav li a { color: #bbbbbb; text-decoration: none; display: block; padding-left: 15px; }
#header #header-nav li a:hover { background:#F0B75F; color:#262626; }
#header #header-nav li .nolink { padding-left: 15px; }
#header #header-logo { padding:38px 0px 4px 0px; }

#navigation { 
  color:#262626;
  text-align: left;
  margin: auto;
  padding: 0px;
  height: 38px;
  width: 800px;
}

#navigation li { display: block; float:left; list-style-type: none; padding:0px 20px 0px 0px; height: 38px; }
#navigation a  { display: block; float:left; color:#f8f8f8; padding:10px 10px 10px 10px; text-decoration:none; height: 18px; }	
#navigation a:hover { background:#F0B75F; color:#262626; }

#page { 
  color: #444;
  margin: auto;
  padding: 0px;
  text-align: left;
  width: 800px;
}

#page h1, 
#page h2,
#page h3, 
#page h4, 
#page h5, 
#page h6 { margin-top:0px; padding-top:0px; color: #444;   font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;} /*EDAB49 9FD668*/


#page #home-feature { float:right; width:230px; border-top: 10px solid #C0C7CE; padding: 15px 0px 0px 0px; }
#page #home-feature-slides { /*padding-bottom: 30px; font-size: .9em;*/ }
#page #home-feature-slides img { border: 0px; display: block; float: left; }
#page #home-feature-slides #d13nav  { display: none;  }
#page #home-feature-slides #d13slideshow {background-color:#C0C7CE; width: 500px; height: 200px; padding: 10px; margin: 0 0 20px 0;}
#page #home-feature-slides .d13fader  { width: 224px; float: right; margin: 0; padding: 0;  }
#page #home-feature-slides h3 { font-weight: bold; margin-bottom: .75em;  font-size:1em; font-family: Verdana, Arial, Helvetica, Sans-Serif;}


#page #home-feature-column { font-size: .9em; }
#page #home-feature-column img { border: 0px; margin-bottom: 10px; }
#page #content { font-size: 1.0em; }
#page .postpages .entry { float: left; padding: 0px; margin: 0px; width: 550px; }
#page .postpages .relatednav { list-style:none; float: right; padding: 0 0 0 30px; margin: 0px; width: 200px; overflow: visible; }
#page .postpages .relatednav ul { list-style:none; padding: 0px; margin: 0 0 0 16px; }
#page .postpages .relatednav ul li { list-style-image: url('images/arrow.gif'); /**/ }
#page .postpages .relatednav ul li a { text-decoration: none;  padding: 0px 0px 6px 0px; display: block; outline: none; }
#page .postpages .relatednav h4 { margin-left: 40px; }
#page .postpages .relatednav ul ul { display: none; }
#page .postpages .relatednav ul li.current_page_ancestor ul { display: block; }
#page .postpages .relatednav ul li.current_page_ancestor ul li ul { display: none; }
#page .postpages .relatednav ul li.current_page_ancestor ul li.current_page_ancestor ul { display: block; }
#page .postpages .relatednav ul li.current_page_ancestor ul li ul li ul { display: none; }
#page .postpages .relatednav ul li.current_page_ancestor ul li ul li.current_page_ancestor ul { display: block; }
#page .postpages .relatednav ul li.current_page_item ul { display: block !important; }
#page .postpages .relatednav ul li.current_page_item ul li ul { display: none !important; }

#page .postpages .relatednav ul li.current_page_item a { text-decoration: underline; }
#page .postpages .relatednav ul li.current_page_item li a { text-decoration: none; }

 

#totop { 
  padding: 6px 0px 6px 0px;
  margin: 0px auto;
  width: 800px;
  clear: both;
	text-align: right;
	font-size: .85em;
}

#totop a { 
  color: #999999;
	text-decoration: none;
}
#totop a:hover { 
	text-decoration: underline;
}

#footer { 
  padding: 8px 0px 24px 0px;
  margin: 0px auto;
  width: 800px;
  clear: both;
  border-top: 1px solid #B8BEC6;
  color: #999999;
	font-size: .85em;
 /* line-height: 1.4em;*/
}

#footer td { vertical-align: top; }
#footer p { padding-top: 0px; margin-top: 0px; }

.narrowcolumn { float: left; padding: 0px; margin: 0px; width: 567px; }
.widecolumn { float: left; padding: 0px; margin: 0px; width: 100%; }
.clear { clear: both; }
.hidden { display: none; }
.entry img { border: 8px solid #C0C7CE;	margin: 0px 10px 10px 0px; }


.subnav {
  display: block;
  clear: both;
  padding: 0px 0px 0px 32px;
}

.subnav li {
  float: left;
  margin: 0px 40px 16px 0px;
	list-style-image: url('images/arrow.gif');
}

.subnav a { text-decoration: none; }r: both;
  padding: 0px 0px 0px 32px;
}

.subnav li {
  float: left;
  margin: 0px 40px 16px 0px;
	list-style-image: url('images/arrow.gif');
}

.subnav a { text-decoration: none; }t-decoration: none; }