/*************************************
* Troop 777 Stylesheet
* Copyright Troop 777, 2009
* Revision History
* 11/27/2009 - Initial release
* 09/15/2010 - Revised B.Marshall
*************************************/

/*************************************
* Set background color and fonts for all pages
*************************************/
body {
    background: #e9e9e9;
    font-family: arial, helvetica, serif;
}

/*************************************
* Dispaly:block eliminates gaps between images in a table
*************************************/
td img {
    display: block;
}
img#center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*************************************
* Set neckerchief banner background color
*************************************/
td#banner a {
	color: #e9e9e9;
}

/*************************************
* Left justify the web page
*************************************/
table#main {
        text-align: left;
	padding: 0px;
	margin: 0px;
}
	
/*************************************
* Left side navigation buttons
*************************************/
table#nav {
        width: 130px;
	text-align: center;
	padding: 2px;
	margin: 0px;
}
	
/*************************************
* Configure text over the rank images on the left side navigation buttons
*************************************/
td#button {
	vertical-align: top; 
	height: 125px;
	border: 0px;
}

td#home_button {
	vertical-align: top; 
	height: 42px;
	border: 0px;
}

a#button {
        font-size: 11pt; 
	font-family: arial, serif, impact;
        font-weight: bold;
	color: black;
	text-align: center;
	vertical-align:top; 
	margin: 0px;
	text-decoration: none;
}

table a#button {
        display: block; 
	width: 100%; 
	height: 100%; 
}

/*************************************
* Main page content
*************************************/
table#content {
        width: 800px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

table#archive_by_year {
        width: 800px;
	padding: 0px;
	margin: 0px;
}

table#resource {
        width: 800px;
	padding: 0px;
	margin: 0px;
}
table#admindocs {
        width: 800px;
	padding: 0px;
	margin: 0px;
}



/*************************************
* Boxed sections of the main page
*************************************/
td#box {
    padding: 5px 5px 5px 5px;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
} 

td#banner_box {
    padding: 0px 0px 5px 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
}    
	
/*************************************
* Various types of text for the main content area
*************************************/
#intro {
        font-size: 10pt; 
	color: #076509;
	text-align: center;
}

#intro_credit {
        font-size: 9pt; 
	color: #076509;
	text-align: center;
        align: center;
}

#intro_credit a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
        align: center;
}

#intro_credit a:hover{
        font-weight: normal;
        align: center;
}

/*************************************
* Elks club hyperlink in troop intro text will be underlined, green, and bold
* but will un-bold with a mouse roll over
*************************************/
#intro a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#intro a:hover{
        font-weight: normal;
}

#note{
        font-size: 11pt; 
	line-height: 2pt;
	color: black;
	text-align: center;
}

#downloads{
        font-size: 11pt; 
	padding-bottom: 6px;
	color: #076509;
	text-decoration: none;
	text-align: left;
	display: list-item;
}

a:hover#downloads{
        color: #076509;
	font-weight: bold;
}

#heading{
        font-size: 12pt;
	font-weight: bold;
	color: black;
	text-align: left;
}


/*************************************
* News
*************************************/
table#t777news {
        width: 175px;
	padding: 5px 5px 5px 5px;
        border-width: 2px;
        border-style: solid;
        border-color: #000000;
}

#news{
        font-size: 9pt;
	color: black;
        padding-bottom: 6px;
	text-align: left;
        display: list-item;
        list-style-type: none;
}


#news a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#news a:hover{
    font-weight: normal;
}


/*************************************
* Camp
*************************************/
#calendar_camp{
        font-size: 12pt;
        padding: 0px 3px 0px 3px;
	text-align: left;
        vertical-align: middle;
}

#heading_camp{
        font-size: 12pt;
	font-weight: bold;
        padding-right: 10px;
	color: black;
	text-align: right;
        text-decoration: underline;
}

#section_heading_camp{
        font-size: 12pt;
	font-weight: bold;
        background: #076509;
	color: white;
	text-align: center;
}

#info_camp{
        padding: 5px 5px 5px 5px;
        border-width: 2px;
        border-style: solid;
        border-color: #000000;
        font-size: 10pt; 
	color: black;
}


/*************************************
* Calendar
*************************************/
#calendar{
        font-size: 12pt;
        padding: 0px 3px 0px 3px;
	text-align: left;
        vertical-align: middle;
}

#heading_cal{
        font-size: 12pt;
	font-weight: bold;
	color: black;
	text-align: left;
        text-decoration: underline;
}

#legend_cal{
        font-size: 8pt;
	font-weight: bold;
	color: black;
	text-align: left;
        background-color: white;
}


#event{
        font-size: 10pt;
        color: black;
        vertical-align: top;
}

#signoff{
        font-size: 8pt;
        color: white;
        text-align: center;
        background: #076509;
        font-weight: bold;
}

#event a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#event a:hover{
    font-weight: normal;
}

#arcv_info{
        font-size: 11pt; 
	padding-bottom: 6px;
	color: black;
}

#important{
        font-size: 10pt; 
	color: red;
}

#map a {
        font-size: 8pt;
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#map a:hover{
        font-weight: normal;
}

#signup a {
        font-size: 8pt;
        text-decoration:underline;
	color: red;
        font-weight: bold;
}

#signup a:hover{
        font-weight: normal;
}


#gap{
        font-size: 4pt;
	color: red;
	text-align: left;
	display: list-item;
}

/*************************************
* Secondary page titles
*************************************/
td#title {
	vertical-align:top; 
	background: #4e7830;
	border: 0px;
}

h1 {
        font-size: 32pt; 
	font-family: arial, serif;
	color: black;
	text-align: center;
	vertical-align:top; 
	margin: 0px;
	text-decoration: none;
}

/*************************************
* Secondary page content
*************************************/
#email {
        font-size: 11pt; 
	font-style: italic;
	padding-bottom: 4px;
	color: black;
	text-align: left;
	display: block;

}

#info{
        font-size: 11pt; 
	padding-bottom: 6px;
	color: black;
	text-align: left;
        display: list-item;
        list-style-type: none;
}

#info_resource{
        font-size: 11pt; 
	padding-bottom: 6px;
	color: black;
}

#training{
        font-size: 11pt;
        text-align: left;
        vertical-align: middle;
}

#info_training{
        font-size: 11pt;
        text-indent: 15px; 
	color: black;
	text-align: left;
}

li {
        font-size: 11pt; 
	padding-bottom: 4px;
	color: black;
        text-align: left;
}

#info_important{
        font-size: 11pt; 
	padding-bottom: 6px;
	color: red;
	text-align: center;
	display: block;
}

#downloads_l{
        font-size: 11pt; 
	padding-bottom: 6px;
	color: #076509;
	text-decoration: none;
	text-align: left;
	display: block;
}

a:hover#downloads_l{
        color: #076509;
	font-weight: bold;
}

#heading_l{
        font-size: 12pt; 
	font-weight: bold;
	color: black;
	text-align: left;
}


/*************************************
* Secondary page hyperlink in troop intro text will be underlined, green, and bold
* but will un-bold with a mouse roll over
*************************************/
#info a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#info a:hover{
    font-weight: normal;
}

#info_camp a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#info_camp a:hover{
    font-weight: normal;
}

#arcv_info a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#arcv_info a:hover{
        font-weight: normal;
}

#info_resource a {
        text-decoration:underline;
	color: #076509;
        font-weight: bold;
}

#info_resource a:hover{
        font-weight: normal;
}


/*************************************
* Committee contacts table
*************************************/
table td#box table#committee {
        text-align: center;
	padding: 0px;
	margin: 0px;
        width: 445px;
	border-collapse: collapse;

}

td#committee {
        font-size: 11pt;
        text-align: left;
	padding: 2px;
	margin: 0px;
        width: 345px;
	border-width: 2px;
	border-style: solid;
	border-color: #076509;
}