/*************************************
* Troop 777 Stylesheet
* Copyright Troop 777, 2009
* Revision History
* 11/27/2009 - Initial release
*************************************/

/*************************************
* 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;
}

/*************************************
* Set nckerchief 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: px;
}
	
/*************************************
* 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: 14pt; 
	font-family: impact, arial, serif;
	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;
}

/*************************************
* Boxed sections of the main page
*************************************/
td#box {
    padding: 12px 5px 12px 5px;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
}    
	
/*************************************
* Various types of text for the main content area
*************************************/
#intro {
    font-size: 12pt; 
	color: #076509;
	text-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: 12pt; 
	line-height: 2pt;
	color: black;
	text-align: center;
}

#downloads{
    font-size: 12pt; 
	line-height: 12pt;
	color: #076509;
	text-decoration: none;
	text-align: center;
	display: block;
}

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

#heading{
    font-size: 14pt; 
	line-height: 2pt;
	font-weight: bold;
	color: black;
	text-decoration: underline;
	text-align: center;
}

#event{
    font-size: 12pt; 
	line-height: 4pt;
	color: black;
	text-align: center;
	display: block;
}

#when_where{
    font-size: 12pt; 
	line-height: 4pt;
	color: #076509;
	text-align: center;
	display: block;
}

#important{
    font-size: 12pt; 
	line-height: 4pt;
	color: red;
	text-align: center;
	display: block;
}

#gap{
    font-size: 4pt; 
	line-height: 4pt;
	color: red;
	text-align: center;
	display: block;
}

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

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

/*************************************
* Secondary page content
*************************************/
h2 {
    font-size: 16pt; 
	line-height: 4pt;
	color: black;
	text-align: left;
	display: block;

}

#email {
    font-size: 12pt; 
	font-style: italic;
	line-height: 12pt;
	color: black;
	text-align: left;
	display: block;

}

#info{
    font-size: 12pt; 
	line-height: 14pt;
	color: black;
	text-align: left;
	display: block;

}

li {
    font-size: 12pt; 
	line-height: 14pt;
	color: black;
    text-align: left;
}

#info_important{
    font-size: 12pt; 
	line-height: 14pt;
	color: red;
	text-align: center;
	display: block;
}

#downloads_l{
    font-size: 12pt; 
	line-height: 12pt;
	color: #076509;
	text-decoration: none;
	text-align: left;
	display: block;
}

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

#heading_l{
    font-size: 14pt; 
	line-height: 2pt;
	font-weight: bold;
	color: black;
	text-decoration: underline;
	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;
}


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

}

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