/*
Skin Name: Troop 72 website
Theme URI: http://www.PerkinsTaylor.com/
Description: Style sheet for use at Troop72Seattle.com by <a href="http://www.PerkinsTaylor.com/">PerkinsTaylor</a>.
Version: 1.0.0
Author: Jeff
Author URI: http://www.PerkinsTaylor.com
*/

/*********************************************************************************************************
*********************************************** Reset Styles *********************************************
*********************************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
textarea {resize:none}

/*********************************************************************************************************
************************************************ Body Styles *********************************************
*********************************************************************************************************/
body {
    font-family: calibri, sans-serif;
    font-size: x-small;
    font-size: 14px;
    background:#322F26 url('http://troop72seattle.org/outings/skins/Troop72/background3.jpg');
    color: #322F26;
    margin:0;
    padding:0;
    text-align:center;
}
/*********************************************************************************************************
************************************************ Font Styles *********************************************
*********************************************************************************************************/

a {
        text-decoration: none;
        color:#A0522D;
        background: none;
}
a:visited,
a:active,
a.stub,
a.new,
a.new:visited {
        color:#A0522D;
}
a:hover {
        color:#CD853F;
        text-decoration: underline;
        text-decoration: none;
}
img {
        border: none;
        vertical-align: middle;
}
p {
        margin: 0 0 .5em 0;
        line-height: 1.1em;
        color: #322F26;
}
p img {
        margin: 0;
}

/**************** headers *******************/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
        xcolor: #696969;
        color: #322F26;
        background: none;
        margin: 0;
        xpadding-bottom: 0;
        xpadding-top: .5em;

        padding:0;
        border:none;
        font-family:'Volkhov', serif;
        font-weight:bold;
        line-height:100%;
}
h1, h2, .h1, .h2, h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
        font-weight: bolder;
        border-bottom: none;
        margin-bottom: 0;
}
h1, h2, .h1, .h2 {
        xfont-weight: normal;
        xborder-bottom: 1px solid #6A6754;
        xmargin-bottom: .5em;
}
.contentarea h1, .contentarea h2 {
        padding:0 0 5px 0;
}
h1, .h1 { font-size: 188%; }
h2, .h2 { font-size: 150%; }
h3, .h3 { font-size: 145%; }
h4, .h4 { font-size: 130%; }
h5, .h5 { font-size: 115%; }
h6, .h6 { font-size: 100%; padding-top:0; }

.wiki h1, .wiki .h1 { xfont-size: 150%; }
.wiki h2, .wiki .h2 { xfont-size: 150%; }
.wiki h3, .wiki .h3 { xfont-size: 145%; }
.wiki h4, .wiki .h4 { xfont-size: 130%; }
.wiki h5, .wiki .h5 { xfont-size: 115%; }
.wiki h6, .wiki .h6 { xfont-size: 100%; }

.contentarea h1 { xfont-size: 312%; }
.contentarea h2 { xfont-size: 250%; }
.contentarea h3 { xfont-size: 240%; }
.contentarea h4 { xfont-size: 215%; }
.contentarea h5 { xfont-size: 190%; }
.contentarea xh6 { xfont-size: 170%; }

.wikicontent h1 { xfont-size: 208%; }
.wikicontent h2 { xfont-size: 166%; }
.wikicontent h3 { xfont-size: 160%; }
.wikicontent h4 { xfont-size: 141%; }
.wikicontent h5 { xfont-size: 123%; }
.wikicontent xh6 { xfont-size: 115%; }

h1 .editsection,
h2 .editsection,
h3 .editsection,
h4 .editsection,
h5 .editsection, 
h6 .editsection { 
	font-size: small;
}
.editsection {
	font-weight: normal;
	float: right;
	margin-left: 5px;
}

/*********************************************************************************************************
*************************************************** Tables ***********************************************
*********************************************************************************************************/

table {
        font-size: 100%;
        color: #322F26;
        background: transparent;
        margin: 0;
        padding:0;
        border:none;
        border-collapse:collapse;
        empty-cells:show;
}
table th {
        text-align:left;
        text-align:center;
        padding:2px;
        vertical-align:bottom;
        font-weight:bold;
        line-height:100%;
}
table td {
        vertical-align:top;
        text-align: left;
        padding:2px;
        background:transparent;
        border:none;
}
table caption {
        text-align:center;
        margin-left:2px;
        margin-right:2px;
        font-weight: bold;
        padding:2px;
}
table ul {
        line-height: 1.2em;
        list-style-type: square;
        xlist-style-image: url('http://troop72seattle.org/outings/skins/Troop72/bullet.gif');
        color: #322F26;
        margin: 0 0 .4em 1.5em;
        padding: 0;
}
table ol {
        line-height: 1.2em;
        list-style-image: none;
        margin: 0 0 0 1.5em;
        padding: 0;
}
table li {
        margin-bottom: 0em;
}
table code {
        background-color: transparent;
}
/********************* colored table ************************/
table.colored {
        border:5px solid #f2f2f2;
}
table.colored th {
        background:#6a6754;
        color:#f2f2f2;
}
tr.odd_row {
        background:#f2f2f2;
}
tr.even_row {
        background:#eee5d8;
}
/********************* media table ************************/
table.mediatable td {
        padding:0;
}
.mediatable .rcol td {
        width:112px;
}
.mediatable .rcol {
        xborder:1px solid red;
}

/*********************************************************************************************************
*********************************************** Containers ***********************************************
*********************************************************************************************************/

/********************* divider ************************/
img.divider {
        margin:0px;
        height:2px;
        width:800px;
        margin:0 20px;
}

/********************* screencontainer ************************/
#screencontainer {
        width:100%;
        xborder:1px solid red;
        border:none;
        background:transparent;
        xbackground:#322F26 url('http://troop72seattle.org/outings/skins/Troop72/background3.jpg');
}

/********************* screenheader ************************/
#screenheader {
        width:100%;
        xdisplay:none;
        xborder:1px solid blue;
        xcolor:red;
        xbackground:#5c2e14;
        background:transparent;
        xheight:15px;
        xpadding:0 0 15px 0;
}

/********************* screenfooter ************************/
#screenfooter {
        width:100%;
        xdisplay:none;
        xborder:1px solid blue;
        xcolor:red;
        xbackground:#5c2e14;
        background:transparent;
        xpadding:15px 0 0 0;
}
#negspace {
        background:white; margin:-15px auto 0 auto; width:840px;
}
#lfooterborder, #rfooterborder {
        background:transparent;
        margin:0;
        xwidth:10px;
        width:7px;
        xheight:100px;
        height:70px;
        position:relative;
        xtop:-100px;
        top:-70px;
}
#lfooterborder {
        float:left;
        xleft:-10px;
        left:-7px;
}
#rfooterborder {
        background:transparent;
        float:right;
        xright:-10px;
        right:-7px;
}
#screenfooter {
        xdisplay:none;
}
#screenfooter {
        xdisplay:none;
}

/********************* screencontent ************************/
#screencontent {
        width:100%;
        border:none;
}

/********************* pagelimit ************************/
#pagelimit {
        margin:-15px 10px -15px 10px;
        border:none;
        height:100%;
}

/********************* page container ************************/
/*to include a left or right navigation bar, change the page container width
to the width of the navigation bar(s) plus the desired page width */
#pagecontainer {
        margin: 0 auto;
        padding:0;
        width:860px;
        xwidth:854px;
        border:none;
        height:100%;
        xborder:1px solid red;
}

/********************* left navigation bar ************************/
/*to include a left navigation bar, remove the 'display:none' setting.  Change the
navigation bar width and increase the page container width to the width of the
navigation bar(s) plus the desired page width. */
#lnavbar {
        display:none;
        xdisplay:inline;
        width:0px;
        xwidth:125px;
        float:left;
        margin:0;
        padding:0;
        xborder:1px solid blue;
}

/********************* right navigation bar ************************/
/*to include a right navigation bar, change the navigation bar width and increase the page
container width to the width of the navigation bar(s) plus the desired page width */
#rnavbar {
        display:none;
        xdisplay:inline;
        width:0px;
        xwidth:125px;
        float:right;
        margin:0;
        padding:0;
        xborder:1px solid blue;
}

/********************* page footprint ************************/
#pagefootprint {
        width:860px;
        xwidth:854px;
        xheight:100%;
}

/********************* page borders ************************/
#lpageborder {
        width:10px;
        margin:0;
        padding:0;
        padding-top:15px;
        background:transparent;
        float:left; ;
}
#rpageborder {
        width:10px;
        margin:0;
        padding:0;
        padding-top:15px;
        background:transparent;
        float:right; ;
}

/********************* pagearea ************************/
/*to include a left or right navigation bar, change the left or right margins to the same
width as the navigation bar(s) */
#pagearea {
        xmargin-left:125px;
        xmargin-right:125px;
        margin-left:0px;
        margin-right:0px;
        width:840px;
        padding:0;
        xbackground:white;
        background:#EEE5D8 url('http://troop72seattle.org/skins/troop72/images/grad_bg_01.png') repeat-x;
        border:5px solid white;
        overflow:auto;
        overflow:hidden;
}

/********************* pageheader ************************/
#pageheader {
        padding:0 20px;
        padding:10px 0 0 0;
        padding:0;
        xborder:1px solid green;
}
#pageheader img.divider {
        margin-top:-20px;
}

/********************* navcontainer ************************/
#menucontainer {
        xwidth:620px;
        margin:0 auto;
        padding:0;
        width:100%;
}

/********************* pagecontentarea ************************/
#pagecontentarea {
        width:100%;
        padding:0;
}

/********************* pageheightlimiter ************************/
/*this element acts as the right padding for the pagecontent and forces a minimum height for the pagecontent area*/
#pageheightlimiter {
        width:8px;
        margin:0;
        float:right;
        padding-top:500px;
}
.nofloat {
        clear:both;
}
/********************* pagecontent ************************/
#pagecontent {
        margin:8px 8px 0 0;
        padding:0 0 0 8px;
}

/********************* contentarea ************************/
.contentarea {
        text-align:left;
        xborder:1px solid #aaa;
        xwidth:66%;
}
#txtcol_l, #txtcol_c, #txtcol_r {
        margin:0;
        padding:0;
}
#txtcol_l {
        padding:5px;
}
#txtcol_l, #txtcol_r {
        background:#DFCDB5 url('http://troop72seattle.org/skins/Troop72/images/grad_bg_02.png') repeat-x;
}
#txtcol_l {width:608px;}
#txtcol_c {width:8px;}
#txtcol_r {width:212px;}
#txtcol_l.fw_np, #txtcol_l.fw_wp {width:828px;}

#txtcol_l.fw_np {padding:0;}

#crumbs {
        float:left;
        width:400px;
        margin:-10px 0 0 -40px;
}
#crumbs p {
        text-align:left;
        color:#A0522D;
}
#pagetextarea, #articleheader, #articlecontent, #articlephotoset {
        width:100%;
}
#pagetext {
        width:594px;
        padding:5px;
        margin:0;
        padding-bottom:8px;
        background:#DFCDB5 url('http://troop72seattle.org/skins/Troop72/images/grad_bg_02.png') repeat-x;
}
#pagetext ul {
        line-height:100%; 
        list-style-type:square;
        padding-left:25px; }
#pagetext li {
        padding-bottom:5px; }
}
.textcontainer {
    padding:0 5px;
    font-size: 110%;
    font-size: 92%;
    line-height: 180%;
}

/******************** background info **********************/
.about_section {
        margin:10px 0 0 0;
        border: none;
        xbackground:#EEE5D8 url('http://troop72seattle.org/skins/Troop72/images/grad_bg_02.png') repeat-x;
        padding:5px;
}
.textbg {
        xbackground:#DFCDB5 url('http://troop72seattle.org/skins/Troop72/images/grad_bg_02.png') repeat-x;
        background:#DFCDB5 url('http://troop72seattle.org/skins/Troop72/images/grad_bg_02.png') repeat-x;
}

/********************* footercontainer ************************/
#footercontainer {
        margin:0;
        padding:0;
        width:100%;
        xborder:1px solid red;
}

/********************* pagefooter ************************/
#footersection {
        padding:0px 75px 0 75px;
        xborder:1px solid #aaa;
}

.threshold {
    color: #6A6754;
    margin:0;
    padding:0;
    width:100%;
    text-align: center;
    xfont-size: 90%;
    line-height: 1.0em;
    position: relative;
    z-index:1
}
table.threshold {
    margin:0 auto 10px auto;
    width:auto;
    font-size: 90%;
}
table.threshold td {
    text-align:center; 
    vertical-align:middle;
}
.threshold li {
    display: inline;
    margin: 0;
    xline-height: 1.0em;
}
.threshold ul {
    margin: 0;
}
.threshold a {
    color: #6A6754;
    text-decoration: underline;
    font-weight: normal;
    }
.threshold a:visited {
    color: #6A6754;
    }
.threshold a:hover {
    color: #303026;
    xtext-decoration: none;
    xfont-weight: bold;
    }

/*********** containers to hide on print **************/
.printfooter {
        display: none;
}
.noshow {
        display: none;
}

/********************* element ************************/
#element {
        width:100%;
}

/********************* element ************************/
#element {
        width:100%;
}

/*********************************************************************************************************
*************************************************** Menu *************************************************
*********************************************************************************************************/

/********************* mainmenu ************************/
table.mainmenu {
        margin:0;
        padding:0;
        border:none;
        width:100%;
        background:#6A6754;
}
table.mainmenu td {
        vertical-align:top;
        text-align:left;
        xpadding:10px;
        padding:0 5px;
}
/********************* menubar ************************/
.menubar {
        margin:0;
        padding:0;
}
.menubar ul {
        margin:0;
        padding:0;
}
.menubar li {
        float:left;
        margin:0;
        xpadding:8px 0px 8px 0px;
        padding:5px 0px;
        display: inline;
        color:#DFCDB5;
        font-weight: normal;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 90%;
}
.menubar a, .menubar a:active, .menubar a:visited {
        padding:5px 0 5px 5px ;
        color: #DFCDB5;
        text-decoration:none;
        xbackground:none;
        border:none;
}
.menubar a:hover {
        color:white;
        text-decoration:none;
}
/********************* menulist ************************/
table.dropmenu {
        xmargin:8px;
        margin:5px;
        width:165px;
        position:absolute;
        visibility:hidden;
        text-align:left;
        border:2px solid #6A6754;
        border-top:none;
}
table.dropmenu td {
        padding:0;
}
.dropmenu {
        float:left;
        margin:0px;
        padding:0;
}
.dropdownlist a, .dropdownlist a:active, .dropdownlist a:visited {
        display:block;
        padding:5px 0 5px 5px;
        color: #6A6754;
        text-decoration:none;
        background:#F6F2EB;
        width:165px;
        xfont-size: 90%;
        font-size:100%;
        xwidth:194px;
}
.dropdownlist a:hover {
        color: #6A6754;
        text-decoration:none;
        background:#EEE5D8;
}
.dropdownlist li {
        padding:0;
        border-bottom:1px solid #6A6754;
        display:inline;
}
#my_wiki.dropdownlist a, #my_wiki.dropdownlist a:active, #my_wiki.dropdownlist a:visited {
        font-size: 100%;
}

/*********************************************************************************************************
**************************************************** Tabs ************************************************
*********************************************************************************************************/

/********************** sidebars ************************/
.sidebar {
        padding: 0;
        margin: 0 0 8px 0;
        margin: 0 0 0px 0;
}
table.sidebar {
        float:right
}
table.sidebar td {
        list-style-type: none;
        list-style-image: none;
        background: #EEE5D8;
        width: 100px;
        padding: 0 0 0 5px;
        color: black;
        margin: 0;
}
table.sidebar th {
        background-color: #6A6754;
        color: white;
        font-weight: bold;
        width: 100px;
        padding: 3px 5px 3px 5px;
}
.sidebar ul {
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0 0 5px 0;
        }
.sidebar li {
        margin: 0;
        padding: 0px;
        line-height: 18px;
        border-bottom: 1px solid #6A6754;
        font-size: 90%;
        }
a.sidebar,
a.sidebar:active,
a.sidebar:selected {
        display: block;
        font-weight: normal;
        text-decoration: none;
        color: #6A6754;
        }
a.sidebar:hover {
        color: #6A6754;
        text-decoration: none;
        font-weight: bold;
        }
#lh_shadow {
        width: 5px;
        background-image: url('http://troop72seattle.org/outings/skins/Troop72/green left.bmp');
        background-repeat: repeat-y
        border:1px solid red;
}
#lb_shadow {
        width: 5px;
        background-image: url('http://troop72seattle.org/outings/skins/Troop72/tan left.bmp');
        background-repeat: repeat-y
        border:1px solid red;
}
.page_tab_area {
        position:fixed;
        top:100px;
        font-size:95%;
}

/********************** right page tabs ************************/
.inactiveedge {
        width: 12px;
        padding: 0;
        margin: 0 0 0 0px;
}
.page-edge {
        background-image: url('http://troop72seattle.org/outings/skins/Troop72/white right.bmp');
        background-repeat: repeat-y
}
#edge-banner {
        padding: 70px 0 0 0;
        margin: 0 0 40px 0px;
        background-image: url('http://troop72seattle.org/outings/skins/Troop72/white right.bmp');
        background-repeat: repeat-y
}
.sidetabs {
        xwidth: 75px;
        width: 76px;
        padding: 0;
        margin: 0;
        text-align:left;
}
#sidetab-active {
        background-color: white;
        padding: 5px 5px 5px 5px;
        xmargin: 0 10px 0 -12px;
        margin: 0 10px 0 -15px;
}
#sidetab-inactive {
        background-color: white;
        padding: 2px 5px 0 0;
        margin: 0 0 0 0px;
}
#tab_top_shadow {
        xmargin: -3px 0 -26px -12px;
        margin: -3px 0 -26px -11px;
        padding: 0;
        line-height: 38px;
        width: 92px;
        background-image: url('http://troop72seattle.org/outings/skins/Troop72/tab_shadow.jpg'); /* #776666 to #C3B091 */
        background-position: top left
}
#inactivehidden {
        margin: 0 0 -152px 0;
        padding: 0;
        line-height: 140px;
        background-color: #625F4D;
        border-right: 5px solid #C3B091;
        border-bottom: 5px solid #C3B091;
}
#activeheader {
        margin: 0;
        padding: 3px 5px 3px 5px;
        background-color: #6A6754;
        color: white;
        font-weight: bold;
}
#inactiveheader {
        margin: 5px 0 0 0px;
        width: 65px;
        padding: 3px 5px 3px 5px;
        background-color: #6A6754;
        color: white;
        font-weight: bold;
}
#sidetab-active ul {
        background-color: #C3B091;
        background-color: #EEE5D8;
        line-height: 1.2em;
        margin: 0;
        padding: 0 0 10px 0;
        }
#sidetab-inactive ul {
        background-color: #C3B091;
        background-color: #EEE5D8;
        line-height: 1.0em;
        margin: 0;
        padding: 0;
        }
#sidetab-active a {
        background-color: #C3B091;
        background-color: #EEE5D8;
        padding: 0px 5px 0px 5px;
        color: #6A6754;
        text-decoration: none;
        width: 65px;
        display: block;
        }
#sidetab-inactive a {
        background-color: #C3B091;
        background-color: #EEE5D8;
        padding: 0px 5px 0px 5px;
        text-decoration: none;
        color: #6A6754;
        width: 65px;
        display: block;
        }
#sidetab-active li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        }
#sidetab-inactive li {
        xmargin: 0px -9px 0px -21px;
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        }
#sidetab-active a:hover {
        text-decoration: none;
        font-weight: bold;
        }
#sidetab-inactive a:hover {
        text-decoration: none;
        font-weight: bold;
        }
#sidetab-active .selected a {
        font-weight: bold;
        background-color: white;
        }

/*********************************************************************************************************
************************************************** Images ************************************************
*********************************************************************************************************/
div.floatright, table.floatright {
        xclear: right;
        float: right;
        xposition: relative;
        margin: 0 0 .5em .5em;
        border: 0;
        xborder: .5em solid white;
        xborder-width: .5em 0 .8em 1.4em;
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
        float: left;
        xclear: left;
        xposition: relative;
        margin: 0 .5em .5em 0;
        border: 0;
        xmargin: .3em .5em .5em 0;
        xborder: .5em solid white;
        xborder-width: .5em 1.4em .8em 0;
}
div.floatleft p { font-style: italic; }
/*********************** thumbnails ***********************/
div.thumb {
        margin-bottom: .5em;
        border-style: solid;
        border-color: white;
        width: auto;
}
div.thumbinner {
        border: 1px solid #ccc;
        padding: 3px !important;
        background-color: #f9f9f9;
        font-size: 94%;
        text-align: center;
        overflow: hidden;
}
html .thumbimage {
        border: 1px solid #ccc;
}
html .thumbcaption {
        border: none;
        text-align: left;
        line-height: 1.4em;
        padding: 3px !important;
        font-size: 94%;
}
div.magnify {
        float: right;
        border: none !important;
        background: none !important;
}
div.magnify a, div.magnify img {
        display: block;
        border: none !important;
        background: none !important;
}
div.tright {
        clear: right;
        float: right;
        border-width: .5em 0 .8em 1.4em;
}
div.tleft {
        float: left;
        clear: left;
        margin-right: .5em;
        border-width: .5em 1.4em .8em 0;
}

.hiddenStructure {
        display: none;
        speak: none;
}
img.tex {
        vertical-align: middle;
}
span.texhtml {
        font-family: serif;
}

table.gallery {
        border: 1px solid #ccc;
        margin: 2px;
        padding: 2px;
        background-color: white;
}

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

table.gallery td {
        vertical-align: top;
        background-color: #f9f9f9;
        border: solid 2px white;
}

table.gallery td.galleryheader {
        text-align: center;
        font-weight: bold;
}

div.gallerybox {
        margin: 2px;
        width:  150px;
}

div.gallerybox div.thumb {
        text-align: center;
        border: 1px solid #ccc;
        margin: 2px;
}

div.gallerytext {
        font-size: 94%;
        padding: 2px 4px;
}
.img_right {
        float:right;
        margin:0px 0px 5px 5px;
}
.img_left {
        float:left;
        margin:0px 5px 5px 0px;
}

/*********************** media links ***********************/
.medialink {
        margin:0 0 5px 5px; 
        width:150px
}


/*********************************************************************************************************
************************************************** Forms **********************************************
*********************************************************************************************************/

/* form.css */

* {
xmargin: 0;
xpadding: 0;
}

form {
margin: 0;
padding: 0;
xfont-size: 100%;
min-width: 560px;
max-width: 620px;
width: 590px;
}

form fieldset {
clear: both;
xfont-size: 100%;
border-color: #000000;
border-width: 1px 0 0 0;
border-style: solid none none none;
padding: 10px;
margin: 0 0 0 0;
}

form fieldset legend {
xfont-size: 150%;
font-weight: normal;
color: #000000;
margin: 0 0 0 0;
padding: 0 5px;
}

label {
xfont-size: 100%;
}

label u {
font-style: normal;
text-decoration: underline;
}

input, select, textarea {
xfont-family: Tahoma, Arial, sans-serif;
font-family: inherit;
font-size: 100%;
xfont-size: 90%;
color: #000000;
}

textarea {
overflow: auto;
}

form div {
clear: left;
display: block;
width: 354px;
zoom: 1;
margin: 5px 0 0 0;
margin: 0px 0 0 0;
padding: 1px 3px;
}

form fieldset div.notes {
float: right;
width: 158px;
height: auto;
margin: 0 0 10px 10px;
padding: 5px;
border: 1px solid #666666;
background-color: #ffffe1;
color: #666666;
font-size: 88%;
}

form fieldset div.notes h4 {
background-image: url('http://troop72seattle.org/outings/skins/Troop72/images/icon_info.gif');
background-repeat: no-repeat;
background-position: top left;
padding: 3px 0 3px 27px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #666666;
color: #666666;
font-size: 110%;
}

form fieldset div.notes p {
margin: 0em 0em 1.2em 0em;
color: #666666;
}

form fieldset div.notes p.last {
margin: 0em;
}

form div fieldset {
clear: none;
border-width: 1px;
border-style: solid;
border-color: #666666;
margin: 0 0 0 144px;
padding: 0 5px 5px 5px;
width: 197px;
}

form div fieldset legend {
font-size: 100%;
padding: 0 3px 0 9px;
}

form div.required fieldset legend {
font-weight: bold;
}

form div label {
display: block;
float: left;
width: 130px;
padding: 3px 5px;
margin: 0 0 5px 0;
text-align: right;
}

form div.wide label {
width: 327px;
padding: 3px 5px;
padding: 3px 0px;
margin: 0 0 0 0;
text-align: left;
}

form div.optional label, label.optional {
font-weight: normal;
}

form div.required label, label.required {
font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
float: none;
display: block;
width: 200px;
zoom: 1;
padding: 0;
margin: 0 0 5px 142px;
text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
margin: 0 0 5px 0;
width: 170px;
}

form div img {
float: left;
border: 1px solid #000000;
margin: 0 0 5px 0;
}

p.error {
background-color: #ff0000;
background-image: url('http://troop72seattle.org/outings/skins/Troop72/images/icon_error.gif');
background-repeat: no-repeat;
background-position: 3px 3px;
color: #ffffff;
padding: 3px 3px 5px 27px;
border: 1px solid #000000;
margin: auto 100px;
}

form div.error {
background-color: #ffffe1;
background-image: url('http://troop72seattle.org/outings/skins/Troop72/images/required_bg.gif');
background-repeat: no-repeat;
background-position: top left;
color: #666666;
border: 1px solid #ff0000;
}

form div.error p.error {
background-image: url('http://troop72seattle.org/outings/skins/Troop72/images/icon_error.gif');
background-position: top left;
background-color: transparent;
border-style: none;
font-size: 88%;
font-weight: bold;
margin: 0 0 0 118px;
width: 200px;
color: #ff0000;
}

form div select, form div textarea {
width: 200px;
padding: 1px 3px;
margin: 0 0 0 0;
}

form div textarea {
width: 332px;
padding: 1px 3px;
margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
width: 200px;
padding: 1px 3px;
margin: 0 0 0 0;
}

form div input.inputFile {
width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
width: 211px;
padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
display: inline;
height: auto;
width: auto;
background-color: transparent;
border-width: 0;
padding: 0;
margin: 0 0 0 140px;
}

form div.submit {
width: 214px;
padding: 0 0 0 146px;
}

form div.submit div {
display: inline;
float: left;
text-align: left;
width: auto;
padding: 0;
margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
background-color: #cccccc;
color: #000000;
width: auto;
padding: 0 6px;
margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
float: right;
margin: 0 0 0 5px;
}

form div small {
display: block;
margin: 0 0 5px 142px;
padding: 1px 3px;
font-size: 88%;
zoom: 1;
}

.admin_box form {
min-width: 500px;
width: 510px;
width: 100%;
}

/*********************************************************************************************************
************************************************** Elements **********************************************
*********************************************************************************************************/

/*********************** Search Box ***********************/
.searchContainer {
        xborder:1px solid red;
        float:right;
        xmargin:5px 0px 0 0;
        xmargin:0;
        xwidth:490px;
        text-align:right;
        width:100%;
}
.searchBody {
        xborder:1px solid blue;
}
.searchWrap {
        xborder:1px solid blue;
        width:502px;
        float:right;
        xtext-align:right;
        padding:0;
}
.searchFS {
        xborder:1px solid orange;
        xwidth:380px;
        xfloat:right;
        width:500px;
        text-align:right;
        padding:0;
}
#searchform {
        xwidth:490px;
        xborder:1px solid green;
}

/********************* upcoming schedule ************************/
table.inset td {
        padding:0 2px;
}

#schedule h5 {
        font-size:120%;
        margin:0;
        padding:0;
        padding-top:.5em;
}

/********************** ratings box ************************/
table.icons {
}
table.icons td {
        padding:0 1px;
        background:white;
}

/*********************** Category Box ***********************/
#catlinks {
        border: 1px solid #aaa;
        background-color: #f9f9f9;
        background: transparent;
        padding: 2px;
        margin: 15px 0 10px 0;
        clear: both;
        font-size: 75%;
}

/******************* Table of Contents *******************/
#toc,
.toc,
.mw-warning {
        border: 2px solid white;
        background-color: #f9f9f9;
        padding: 5px;
        font-size: 95%;
}
table.toc {
        xmargin:25px;
        xpadding:0;
        xborder:none;
        xwidth:100%;
        
        xbackground:#EEE5D8;
        xpadding:5px 0 5px 5px;
        xborder:1px solid red;
}
table.toc td {
        xvertical-align:top;
        padding:0px ;
        xbackground:#EEE5D8;
        xborder:1px solid blue;
}
#toc h2,
.toc h2 {
        display: inline;
        border: none;
        padding: 3px;
        font-size: 100%;
        font-weight: bold;
        xbackground:#6A6754;
        color:white;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
        text-align: left;
        padding: 3px;
        color:white;
        background:#6A6754;
}
#toc ul,
.toc ul {
        list-style-type: none;
        list-style-image: none;
        margin-left: 0;
        margin: 8px;
        padding-left: 0;
        text-align: left;
}
#toc ul ul,
.toc ul ul {
        margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
        font-size: 94%;
}
.mw-warning {
        margin-left: 50px;
        margin-right: 50px;
        text-align: center;
}
.toccolours {
        border: 1px solid #aaa;
        background-color: #f9f9f9;
        padding: 5px;
        font-size: 95%;
}

/******************** front page boxes ******************/
#events_box {
        width:224px; 
        float:right; 
        margin:0; 
        padding:0; 
        padding-left:4px;
}
#headlines_box {
        width:360px;
        float:left; 
        margin:0; 
        padding:0; 
        padding-right:4px;
}

/************************* RSVP *************************/
.RSVP a,
a.RSVP {
        text-decoration: none;
        color: white;
        background: red;
        padding: 0 3px;
        font-weight:bold; 
        font-size:90%; 
        letter-spacing:-1px
}
.RSVP a:hover,
a:hover.RSVP {
        text-decoration: none;
}
.RSVP a:visited, a:visited.RSVP,
.RSVP a:active, a:active.RSVP,
.RSVP a.stub, a.stub.RSVP,
.RSVP a.new, a.new.RSVP,
.RSVP a.new:visited, a.new:visited.RSVP {
        color: white;
}

/************************* contacts *************************/
.contacts li {
        line-height: 0.8em;
}

/******************* gear list tables **********************/
.gearlist table.inset {
        width:66%;
}
/******************* tree lot tables **********************/
.treelot table {
        width:100%;
}
.treelot table, .treelot th, .treelot td {
        border: 1px solid #6a6754;
}
.treelot td {
        width:14.286%;
}
.tls_date {
        text-align:center; 
        width:100%;
        margin:0;
        padding:0;
        background: #eee5d8;
}


/***************** administration elements *********************/
#acrumbs {
  display:inline-block; 
  clear:both; 
  width:100%;
}
#acrumbs_forward {
  float:right;
  margin:0 10px 0 0;
}
#acrumbs_backward {
  float:left;
  margin:0 0 0 0;
}
#response_zone {
  float: right;
  margin-left: 10px;
}
.response_box {
  background: #6a6754;
  color: #f6f2eb;
  color:#DFCDB5;
  padding: 10px;
  margin-bottom: 10px;
}
.response_box table,
.response_box h4,
.response_box h5,
.response_box h6,
.response_box ul {
        color: #f6f2eb;
}
.admin_box {
  border:1px solid #6a6754;
  background:#f4efe8;
  padding:8px;
  margin:0 0 10px 0;
}
.borderless {
  border:none;
}
.no_bg {
  background:none;
}
#response_zone div.response_box,
#response_zone div.admin_box {
  width:240px;
}
#response_zone img,
#response_zone form,
#response_zone form div {
  width:240px;
}
#xresponse_zone form div {
  width:240px;
  border:1px solid blue;
}

#response_zone div label {
  text-align:left;
  padding:0 0 5px 0;
  margin:0;
  width:227px;
  line-height:100%;
}

#response_zone div input[type="radio"] {
  float:left;
  width:13px;
  padding:0;
}
#admin_area {
  width:540px;
}