/*
 * Common stuff - kill browser defaults, etc.
 */

html, body {
	padding: 0;
	margin: 0;
	background-color: white;
}

table, img {
	border: none;
}

table.layout, tr.layout, td.layout {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

tr {
    vertical-align: top;
}

/* "Utility" classes... */

.float.left { float: left; } 
.float.right { float: right;}

.clear-floats:after {        /* credit to Tony Aslett of csscreator.com */
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.block { display: block;}
.inline { display: inline;}
.hidden { display: none;}

.centered {
    margin-left: auto;
    margin-right: auto;
}

.nowrap { white-space: nowrap;}

.clearer {
	clear: both;
	height: 0;
}

.graphics {
  line-height: 0;
}

/*
 * Make Firefox nice like Safari
 */
input {
    margin-top: 3px;
    margin-bottom: 3px;
}

a:active
{
  outline: none;
}
a:focus
{
  -moz-outline-style: none;
}


/*
 * layout.css
 */

html,
body,
#content-pane 
{
    background-color: #275672;
}

body {
    position: relative;
    background-image: url('/sites/ci.yreka.ca.us/images/background.jpg');
    background-repeat: repeat-x;
    margin-bottom: 20px;
}

#content-pane {
    position: relative;
    z-index: 1;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
}

#masthead .intranet_title {
    font-family: "Lucida Grande";
    position: absolute;
    top: 28px;
    font-weight: bold;
    left: 48px;
    color: #138c0c;
    text-align: center;
    font-size: 12pt;
}

#masthead {
    position: relative;
}
#masthead img {
    display: block;
}
img#masthead-main {
    height: 98px;
    width: 860px;
}
#masthead img.wing {
    position: absolute;
    top: -1px;
}
#masthead img.wing.left {
    left: -65px;
}
#masthead img.wing.right {
    right: -65px;
}

#section-header {
    border-bottom: 7px solid #c45124;
}
body.intranet #section-header {
    border-bottom: 7px solid #6cad4f;
}
body#home #section-header {
    border-top: 7px solid #c45124;
}

#footer {
    position: relative;
    padding-top: 4px;
    text-align: center;
    font-size: 10px;
}
#footer img.inner {
    position: absolute;
    top: 0;
}
#footer img.inner.left { left: 0; }
#footer img.inner.right { right: 0; }
.footer-top {
    color: white;
    text-transform: uppercase;
}
.footer-bottom {
    color: #ccc;
}

#footer-background {
    height: 16px;
    width: 100%;
    background-image: url('/sites/ci.yreka.ca.us/images/background-btm.jpg');
    background-repeat: repeat-x;
    position: absolute;
    display: none;  /* JavaScript will enable after calculating position */
}

#sidebar {
    padding: 15px;
    width: 190px;
    background-color: #efefef;
}

body.intranet #sidebar {
    background-color: #cce0a1;
}

#sidebar-content {
    margin-top: 20px;
}

#gsearch-box {
    /*
    position: absolute;
    bottom: 0;
    */
}

#main {
    width: 100%;
}

#main-content {
    background-color: white;
}

#main-inner {
    padding: 10px 20px 20px 20px;
}

.sidebox
{
    border: 1px solid #1A4171;
    background-color: #476E8B;
    margin: 5px 0px 8px 8px;
}

.sidebox-inner {
	background-color: #orange;
}

.sidebox-content,
.sidebox-title
{
    padding: 0px 10px 0px 10px;
    
}

.sidebox h2 {
    font-size: 12px;
    color: white;
}

.sidebox-content {
	padding: 1px 10px 8px 10px;
    background-color: #F6Eec8;
}

.sidebox-lists ul {
	list-style-type: none;
	padding-left: 10px; 
	margin-left: 0; 
}

.sidebox-lists li {
	padding-bottom: 4px; 
}

.keyline {
	border: 1px solid #1A4171;
}

.float.left { margin: 0 5px 5px 0; } 
.float.right { margin: 0 0 5px 5px; }

.divider {
	border-top: 1px solid #CE4D30;
	margin-bottom: 10px;
	padding-top: 10px;
}




html {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #777;
}

/*p {
	line-height: 1.4em;
}*/

#main-inner li {
	line-height: 1.4em;
	padding-bottom: 4px;
}
#main-inner div.flash {
	padding: 3px 10px;
	background-color: #F6Eec8;
	color: #275672
}

h1 {
    font-size: 16px;
    color: #CE4D30;
}

h2 {
	font-size: 14px;
    color: #165580;
}

h3 {
	font-size: 12px;
    color: #5E783B;
}

.question {
	padding-bottom: 5px;
	padding-left: 10px;
}

.answer {
	padding-left: 20px;
}

.calendar-event {
	margin-bottom: 10px;
}

.calendar-event > .date {
	font-weight: bold;
	color: #B18800;
}

.calendar-event .time {
	color: #BF4D30;
}

/*
* Links
*/

a {
    color: #035aa9;
    text-decoration: underline;
}
a:hover {
    color: #3F4F44;
}

#footer a {
    color: #ccc;
    text-decoration: none;
}
#footer a:hover {
    color: #ccc;
    text-decoration: underline;
}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #919898;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #919898;
 border-bottom: none;
 background: #979B7D;
 text-decoration: none;
}

ul.tabbernav li a:link { color: white; }
ul.tabbernav li a:visited { color: white; }

ul.tabbernav li a:hover
{
 color: white;
 background: #7E8168;
 border-color: #5A641C;
}

ul.tabbernav li.tabberactive a
{
 background-color: #274866;
 border-bottom: 1px solid #CFD6C2;
}

ul.tabbernav li.tabberactive a:hover
{
 color: white;
 border-color: #2C4C7F;
 background: #5885BC;
 border-bottom: 1px solid #CFD6C2;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 10px;
 border:1px solid #919898;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


ul.nav, 
ul.nav li
{
    position: relative;
    margin: 0;
    padding: 0;
}

ul.nav {
    list-style-type: none;
}

/*
 * Primary navmenu
 */

#sidebar ul.nav {
    display: none;
    z-index: 2;
    width: 190px;
    text-transform: uppercase;
}

/*
 * Always display the top level and the second "current" level:
 */
#sidebar ul.nav.level-1,
#sidebar li.show > ul.nav.level-2
{
    display: block;
}

/*
 * Cascading "flyover" menus.
 *
 * IE can't handle "li:hover:not([class ~= 'current'])", even with the
 * Dean Edwards mojo... so we use the following combination of two rules
 * to work around.
 */
#sidebar ul.nav li:hover > ul.nav
{
    display: block;
    position: absolute;
    margin-top: -22px;
    left: 190px;
    padding: 2px;
    background-color: #f2dd66;
    color: #15537d;
}
#sidebar li.show:hover > ul.nav.level-2
{
    position: static;
    margin-top: 0;
    padding: 0;
}

#sidebar ul.nav li a:link,
#sidebar ul.nav li a:hover,
#sidebar ul.nav li a:active,
#sidebar ul.nav li a:visited
{
    display: block;
    border-bottom: 1px dotted #679ac5;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 18px;
    padding-left: 18px;
    background-image: url('/sites/ci.yreka.ca.us/images/nav-arrow.gif');
    background-repeat: no-repeat;
    background-position: no-repeat;
    color: #15537d;
    text-decoration: none;
}

#sidebar ul.nav a:hover
{
    background-color: #f6ecb1;
    background-image: url('/sites/ci.yreka.ca.us/images/nav-arrow-hover.gif');
}

#sidebar ul.nav li a.current:link,
#sidebar ul.nav li a.current:active,
#sidebar ul.nav li a.current:hover,
#sidebar ul.nav li a.current:visited
{
    color: #c25127 ;
}

#sidebar ul.nav li a:link,
#sidebar ul.nav li a:active,
#sidebar ul.nav li a:hover,
#sidebar ul.nav li a:visited
{
    color: #777;
}

#sidebar li.show ul.nav.level-2 > li > a:link,
#sidebar li.show ul.nav.level-2 > li > a:active,
#sidebar li.show ul.nav.level-2 > li > a:hover,
#sidebar li.show ul.nav.level-2 > li > a:visited
{
    padding-left: 40px;
    background-color: #FEF9DB;
}
#sidebar ul.nav.level-2 > li > a:hover
{
    background-color: #f6ecb1;
}

body.intranet #sidebar ul.nav li a.current:link,
body.intranet #sidebar ul.nav li a.current:active,
body.intranet #sidebar ul.nav li a.current:hover,
body.intranet #sidebar ul.nav li a.current:visited
{
    color: #56853f;
}

/*
 * Secondary navmenus
 */

#main-content ul.nav {
    border-bottom: 1px solid #c45124;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 8px;
    background-color: #f7ecae;
    text-align: right;
    font-size: 10px;
}

body.intranet #main-content ul.nav {
    border-bottom: 1px solid #679ac5;
}

#main-content ul.nav.level-4 {
  background-color: #D2DEE7;
}


#main-content ul.nav li {
   display: inline; 
}

#main-content ul.nav li:after {
   content: ' | ';
}
#main-content ul.nav li:last-child:after {
   content: '';
}


#main-content ul.nav li a:link,
#main-content ul.nav li a:active,
#main-content ul.nav li a:visited
{
  text-decoration: none;
  color: #777;
}

#main-content ul.nav a:hover {
	text-decoration: underline;
}

#main-content ul.nav li a.current:link,
#main-content ul.nav li a.current:hover,
#main-content ul.nav li a.current:active,
#main-content ul.nav li a.current:visited
{
  color: #c45124;
  font-weight: bold;
}

body.intranet #main-content ul.nav li a.current:link,
body.intranet #main-content ul.nav li a.current:hover,
body.intranet #main-content ul.nav li a.current:active,
body.intranet #main-content ul.nav li a.current:visited
{
  color: #6cad4f;
  font-weight: bold;
}

/*
 * Breadcrumbs
 */

.breadcrumbs {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    text-align: right;
    text-transform: uppercase;
    font-size: 8pt;
    color: #c25127;
}

.breadcrumbs a:link,
.breadcrumbs a:active,
.breadcrumbs a:hover,
.breadcrumbs a:visited
{
    color: #c25127;
    text-decoration: none;
}
.breadcrumbs,
.breadcrumbs a:link,
.breadcrumbs a:active,
.breadcrumbs a:hover,
.breadcrumbs a:visited
{
    color: #2e5721;
}

.breadcrumbs a:hover
{
    color: #888;
    text-decoration: none;
}

/*
 * Site Map page styling
 */

ul.site-map {
    list-style-type: none;
}

ul.site-map a {
    text-decoration: none;
}
ul.site-map a:hover {
    text-decoration: underline;
}

ul.site-map.level-1 > li {
    margin-bottom: .5em;
}
ul.site-map.level-1 > li,
ul.site-map.level-1 > li > a
{
    font-size: 14px;
    color: #BF4D30;
}

ul.site-map.level-2 > li {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}
ul.site-map.level-2 > li > a {
    font-size: 12px;
}

ul.site-map.level-3 {
    list-style-type: square;
}

ul.site-map.level-3 > li {
	padding-top: 1px;
	padding-bottom: 1px;
}

ul.site-map.level-3 > li > a {
    color: #666;
    font-size: 12px;
}

ul.site-map.level-4 {
    list-style-type: circle;
}

ul.site-map.level-4 > li {
	padding-top: 1px;
	padding-bottom: 1px;
}

ul.site-map.level-4 > li > a {
    color: #BF4D30;
    font-size: 11px;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #919898;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #919898;
 border-bottom: none;
 background: #979B7D;
 text-decoration: none;
}

ul.tabbernav li a:link { color: white; }
ul.tabbernav li a:visited { color: white; }

ul.tabbernav li a:hover
{
 color: white;
 background: #7E8168;
 border-color: #5A641C;
}

ul.tabbernav li.tabberactive a
{
 background-color: #274866;
 border-bottom: 1px solid #CFD6C2;
}

ul.tabbernav li.tabberactive a:hover
{
 color: white;
 border-color: #2C4C7F;
 background: #5885BC;
 border-bottom: 1px solid #CFD6C2;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 10px;
 border:1px solid #919898;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.linkbox_heading {
    font-size: 11px;
    border: 1px solid #1A4171;
    border-bottom: none;
    background-color: #476E8B;
    color: white;
    padding: 5px 0px 8px 8px;
}

.linkbox_body {
    font-size: 11px;
    background-color:#F6EEC8;
    padding: 1px 10px 8px;
    border: 1px solid #1A4171;
    border-top: none;
}

.sidebox {
    width: 250px;
    float: right;
    border-collapse: collapse;
}
.sidebox .heading {
    font-size: 12px;
    border: 1px solid #1A4171;
    border-bottom: none;
    font-weight: bold;
    background-color: #476E8B;
    color: white;
    padding: 5px 0px 8px 8px;
}
.sidebox .body {
    font-size: 11px;
    background-color:#F6EEC8;
    padding: 1px 10px 8px;
    border: 1px solid #1A4171;
    border-top: none;
}

#sidebar ul.intranet { display: none; }


/* Table row alternation */

table.listing {
    border-collapse: collapse;
	width: 300px;
	border: solid 1px #919898;
	margin-bottom: 10px;
}

table.listing.wide {
	width: 100%;
}

table.listing tr {
    vertical-align: top;
}

table.listing td p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
table.listing th,
table.listing td
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}

table.listing th {
	color: #555555;
}

table.listing thead,
tr.order-total
{
	background-color: #B6B8B6;
	font-weight: bold;
}

table.listing .even {
	background-color: #DCE5E5;
}

table.listing .odd {
	background-color: #ECF2F2;
}

.entry .body {
    line-height: 1.4em;
}

.entry .body img {
    border: 1px solid #1A4171;
}

form td p { margin: 3px 0; }


div.sh_show {
	color: #035AA9;
	text-decoration: underline;
	cursor: pointer;
	padding: 3px 10px;
}
div.sh_hide {
	display: none;
	padding: 5px 30px;
}