/*
 * scouts.css
 * Cascading Style Sheet for Pack 736 Web Pages
 *
 */

/* 
 * Set default body style: black 10 pt Arial text.  Background color to match that of the navigation bar icons
 */
body { 
	background-color: #cccc99; 
	color: black; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10pt;
}
/*body { background-image: url(images/insignia.gif); background-repeat: no-repeat; background-position: 90% 10%; background-attachment: fixed; } */

/*
 * Set default anchor styles 
 */
a { font-size: 1em; }
a:link { color: blue; }
a:visted { color: red; }
a:active { color: red; }

/* 
 * div tag styles.  Create id values for navigation bar and main content style.  These do not work with pre-CSS2 
 * browsers (Netscape 4x, IE4, etc.).  Will have to use tables for now...
 */
div#navbar { float: left; width: 20%; height: 80%; }
div#content { position: absolute; left: 20%; max-width: 80%; }
/* div#content { border: 1px solid red; } REMOVE FOR POSITION TESTING */

div.about { width: 90%; }
div.about a { font-weight: bold; }
div.footer { text-align: center; margin-top: 1em; font-size: x-small; }
div.footer div a { font-size: x-small; }
div.links { font-size: small }
div.links a { font-size: small }

/* 
 * Override default header tag styles 
 */
h2 { font-size: 24px; font-weight: normal; padding-top: 0.5em; padding-bottom: 0; margin-bottom: 0; }
h3 { font-size: large; padding-top: 0; }

/* 
 * Create horizontal rules to be 85 percent of page (or div) width.  May not work as advertised in some IE versions.
 */
hr { text-align: left; width: 85%;  }

/* 
 * Eliminate borders from all images
 */
a img { border: none; }
img { border: none; }

/* 
 * Create unordered list styles to eliminate the marker from preceding lists, and create special "image" marker for 
 * newsletter lists. 
 */
/* li { margin-left: 2em; } */
ul.news li { list-style-image: url(images/bullet_right.gif); list-style-type: none; }
ul.news a { font-weight: bold; }
ul.plain { list-style-type: none; }
ul.plain a { font-weight: bold; }

/* 
 * Specific paragraph tags for force right aligned text
 */
p.imageSection { 
	border-bottom: 1px dashed #808080; 
	color: #808080; 
	font-size: 1.5em; 
	font-weight: bold; 
	margin-bottom: 0px;
	width: 50%; 
}
p.right { 
	text-align: right;
}
p.right a { 
	font-size: small;
}

/*
 * Special span tag for displaying month headers. Used primarily in displaying calendar (non-table) text
 */
span.month { font-weight: bold; font-size: 1.1em; text-decoration: underline; }
span.time { color: #808080; }

span.highlight_red { color: red; font-weight: bold; }

/* 
 * Decrease the font size and push vertical alignment down to account for superscripted text 
 */
sup { font-size: 70%; vertical-align: 30%; }

/* 
 * Create special table style elements for calendar display 
 */
table.calendar { font-size: small; padding-left: 1em; padding-top: 0.1em;  }
table.calendar tr td { padding: 0.1em; padding-left: 1em; padding-top: 0; }
table.calendar td.section { color: gray; font-weight: bold; font-size: 1.1em; text-decoration: underline; 
				padding-left: 0; padding-top: 0.75em; } 

/* 
 * Vertically align outer td default tags to the top.  Nested table elements aligned to the middle 
 */
td { vertical-align: top; }
td table tr td { vertical-align: middle; }
td.caption { font-size: 0.8em; }

table { font-size: 1em; }