/* Style definitions for Kit Carson District */

/* General purpose styles. */

body { font-family: arial, helvetica, "Trebuchet MS", sans-serif; color: #000000; background-color: #FFFFFF;
       margin: 0; padding: 0; font-size: 100%; }
img { border-style: none; }
hr { border-top: 1px solid #A1AFC7; border-bottom: 1px solid #FFFFFF; ; border-left: 1px solid #FFFFFF;
     border-right: 1px solid #FFFFFF; clear: both; }
/* Titles */
h1 { color: #425E90; font-size: 125%; font-style: italic; font-weight: bold; padding-left: 3px;
    padding-top: 8px; background: url('../gui/bg_box_title.jpg') no-repeat #FFFFFF bottom left; }
h2 { color: #425E90; font-size: 100%; font-weight: bold; font-style: italic; padding-top: 5px; }
p { line-height: 125%; }    /* For 'sup' and 'sub', so that they doesn't expand the line spacing. */
sup, sub { vertical-align: 0; position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }
/* Images */
.img_left { float: left; padding: 0px 10px 5px 10px; }
.img_right { float: right; padding: 0px 10px 5px 10px; }
.photo { border: solid 2px #000000; }
/* Text/Font characteristics */
.center { text-align: center; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.underline { text-decoration: underline; }
/* Colors */
.warning { color: #FF0000; }
.theme { color: #425E90; }                          /* Colored to match overall theme */
.theme_highlight { color: #D9B516; }                /* Theme highlight */
.tiger_text { color: #FF9933; }                     /* Tiger Scout */
.wolf_text { color: #FF0033; }                      /* Wolf Scout */
.bear_text { color: #99CCCC; }                      /* Bear Scout */
.webelos_text { color: #003399; }                   /* Webelos Scout */
.cevent { color: #CC0033; background: inherit; }    /* Council event */
.devent { color: #425E90; background: inherit; }    /* District event */
.veevent { color: #006633; background: inherit; }   /* Venturing event */
.vaevent { color: #FF9900; background: inherit; }   /* Varsity event */
.oaevent { color: #FF0000; background: inherit; }   /* OA event */
.form_button { color: #FFFFFF; background-color: #425E90; } /* Form button */
/* Font sizes */
.xx-small { font-size:xx-small; }
.x-small { font-size:x-small; }
.small { font-size:small; }
.large { font-size:large;}
.x-large { font-size:x-large; }
.xx-large { font-size:xx-large; }
/* Widths */
.percent_10 { width: 10%; }
.percent_15 { width: 15%; }
.percent_20 { width: 20%; }
.percent_25 { width: 25%; }
.percent_30 { width: 30%; }
.percent_80 { width: 80%; }
/* Lists */
.no_bullet { list-style: none; }
.spaced_li li { padding-bottom: 10px; }
/* Navigation bar */
.navbar { list-style-type: none; padding: 0; margin: 0; }
.navbar li { font-size: 80%; display: inline; padding-left: 4px; border-left: 1px solid #000000; }
.navbar li.start { padding-left: 0px; border-left: none; }
.navbar a { color: #000000; background-color: inherit; }
/* Miscellaneous */
img .screen_decor { display: none; }
.quality { color: #A4A454; font-weight: bold; }
.table_header { color: #000000; background-color : #899BBA; }
.fine_print { font-size: 70%; }
.ultrafine_print { font-size: 50%; }
.tab { margin: 1.5em; }
.suck_up { margin-top: -.5em; }
.spaced { padding-right: .5em; }
div .center table { margin: 0 auto; }

/* Header specific styles. Sizes are in px to absolutely control the layout. */
/* Think of it as one big graphic.                                             */

#header { width: 100%; font-family: arial,sans-serif; padding-bottom: 10px; }

#header_upper { background-color: #425E90; color: #FFFFFF; height: 98px; font-size: 1px; }

#header_upper #graphic{ position: absolute; top: 0px; left: 0px; width: 172px; height: 98px;
                        background-color: inherit; background: url('../gui/Flag%20w%20Trefoil.jpg') no-repeat right; }

#header_upper #marquee { margin-left: auto; margin-right: auto; text-align: center; padding-top: 0px;
                         color: #D9B516; background-color: inherit; font-size: 44px; font-weight: bold;
                         font-style: italic; }

#header_upper #admin { position: absolute; top: 0px; right: 5px; height: 98px; }
#header_upper .navbar { width: 172px; height: 17px; line-height: 17px; font-size: 14px; text-align: right; }
#header_upper .navbar li { display: inline; padding-left: 4px; border-left: 1px solid #FFFFFF; }
#header_upper .navbar li.start { padding-left: 0px; border-left: none; }
#header_upper .navbar a { color: #FFFFFF; background-color: inherit; font-weight: bold; }

#header_upper #admin #council .local { position: absolute; top: 42px; right: 3px; font-size: 12px;
                                    font-weight: bold; text-align: right; background-color: inherit; }
#header_upper #admin #council .national { position: absolute; top: 56px; right: 3px; font-size: 12px;
                                       font-weight: bold; text-align: right; background-color: inherit; }

#header_upper #admin .datestamp { position: absolute; top: 82px; right: 3px; font-size: 10px; color: #000000;
                               font-weight: bold; text-align: right; background-color: inherit; }

#header_search { background: #425E90; height: 1.2em; }
#header_search #cse-search-box { float: right; }

#header_lower { background-image: url('../gui/bg_subbanner.gif'); height: 20px; }

/* Content specific styles. */

.content { width: 98%; padding-left: 10px; }

/* Footer specific styles. */

#footer { width: 100%; clear: both; text-align: center; }
.w3c { font-size: 60%; color: #F0F0F0; text-decoration: none; }
.designer { font-size: 60%; color: #4F4F4F; text-decoration: none; }

/* Home page specific styles. */

#banner { width: 100%; float: left; /*margin-right: -220px;*/ margin-right: -15em; }
#kcd { /*margin-right: 219px;*/ margin-right: 14.95em; padding-bottom: 10px; border-right: 1px solid #A1AFC7; }
#sidebar { /*width: 220px;*/ width: 15em; float: right; border-left: 1px solid #A1AFC7; margin-right: -1px; }
#sidebar #join { }
#sidebar #join .graphic { display: block; margin-left: auto; margin-right: auto; }
#sidebar #quality { margin: 0px 25px 35px 25px; white-space: nowrap; }
#sidebar #quality .graphic { float: left; }
#announcements a { font-size: 200%; font-weight: bold; text-decoration: underline; color: #D9B516; }
#get_it { margin: 0px 0px 10px 10px;  font-weight: normal; }

/* Contact Us page specific styles. */

.uc_unit { font-size: 80%; font-weight: normal; }
.uc_tab { margin: 2em; }

@media print {
#header { display: none; }
#footer { display: none; }
.alpha_links { display: none; }
.screen_decor { display:  none; }
.cevent { text-decoration: none; }  /* Council event */
.devent { text-decoration: none; }  /* District event */
.veevent { text-decoration: none; } /* Venturing event */
.vaevent { text-decoration: none; } /* Varsity event */
h1 { font-size: 2em; font-style: normal; margin: .67em 0; text-align:center; }
}

@media screen {
img.screen_decor { display: block; }
}