/* SBMUG's "Mac OS X theme" style sheet */


/* Drop capitals: Based on an idea by Stu Nichols <http://www.cssplay.co.uk/menu/dropcap.html> */
/* hide line height from Netscape 4 */
/*/*/
.dropCap {
	font-size:309%; 
	height:.80em; 
	line-height:.75em; 
	margin-top:.102em; 
	font-weight:normal; 
	float:left; 
	margin-right:1px; 
	margin-bottom:0px; 
}
/* end hiding from Netscape 4 */


BODY {color:#505050; background-color:#FFFFFF; }
A:link, .linkColor {color:#2971A7; }
A:visited, .vlinkColor {color:#6495ED; } /* CornflowerBlue */
A:active {color:#FF3333; }

P, DIV, LI, TABLE, TR, TD {
	font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
}

H1, H2, H3, .headingPlus3, .headingPlus2, .headingPlus1 {
	font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; 
}

H1, .headingPlus3, .headingPlus2, .headingPlus1 {
	color:#2971A7; 
}

H1 {
	font-weight:normal; 
	font-size:24px; 
	text-align:center; 
	margin-top:4px; 
}

H2 {
	font-weight:normal; 
	font-size:18px; 
}

H3 {
	font-weight:bold; 
	font-size:14px; 
	margin-bottom:1px; 
}

H2.calendar {margin-bottom:0em; }


/* Title headings: */
   .headingPlus3 {font-size:2em; }
   .headingPlus2 {font-size:1.5em; }
   .headingPlus1 {font-size:1.17em; }


/* format for IMG ALT text (Dec. 2006) */
IMG[alt] {
	font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
}


/* font format for INPUT and TEXTAREA fields (for Safari and Opera) */
INPUT[type="text"], TEXTAREA {
	font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#505050; 
}


/* improves IE's text rendering in imageSwitcher.js: */
.cf_element {background:#FFFFFF url(/spacer.gif) repeat; }



/* hide line height from Netscape 4 because it wraps text behind adjacent objects (March 30, 2007) */
/*/*/
P, DIV, LI, TABLE, TR, TD {line-height:1.5em; }
H1, H2 {line-height:1.17em; }
H3 {line-height:18px; }
.calendar {line-height:1.33em; margin-top:0px; }
.headingPlus3 {line-height:1.17em; }
.caption {line-height:1.33em; margin-top:4px; margin-bottom:8px; }
INPUT[type="text"], TEXTAREA {line-height:1.5em; }
/* end hiding from Netscape 4 */

DIV.keepTogether H1 {margin-bottom:0.25em; }
DIV.keepTogether H2 {margin-bottom:0em; }
DIV.keepTogether P {margin-top:0.25em; }
H3+P, H3+SCRIPT+P, H3+NOSCRIPT+P {margin-top:0em; } /* used on Calendar and SIG pages, eliminates extra space between H3 and P */
PRE {font-size:12px; }

   .important {color:#EE0033; }
   .plus4 {font-size:40px; }
   .plus3 {font-size:24px; }
   .plus2 {font-size:18px; }
   .plus1 {font-size:14px; }
   .size3 {font-size:12px; }
   .minus1 {font-size:10px; }
   .lightMinus1 {font-size:10px; color:#CCCCCC; }
   .minus2 {font-size:9px; }
   .caption {font-size:11px; }
   .caption9 {font-size:9px; }

   .verticalRule {background-color:#181800; }


/* calendar page */
   .calendar {font-size:11px; }
   .bgYEL {background-color:#FFFF00; }
   .bgRED {background-color:#FF3333; color:#FFFFFF; }
   .bgGRN {background-color:#339966; color:#FFFFFF; }
   .July4 {color:#FF0000; } /* border:1px solid #9999FF; color:#FF0000; padding-right:.2em; */


/* "news icon", the seasonal image in /scripts/news.js */
#nIcon {margin-top:12px; margin-right:12px; margin-bottom:8px; }


/* "Search SBMUG" input text, button image */
INPUT#q {font-size:9px; font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; }
INPUT.search {width:94px; height:21px; }


/* added by IL feb 2007 */

.dates {
	font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

dfn {
	text-decoration: none;
	border-bottom: 1px dotted red;
}

/* added by IL Aug. 10, 2007 */

.highlight {
	background-color: #f7ffd9;
	border-style: solid;
	border-color: #00941f;
	padding: 10px;
	margin: 2px;
}


/* new page layout styles, Jan. 2009 */
	#page {width:85%; } /* width of page in window */
	#q {width:90%; } /* width of search box in column1 */
	
	.pageLayout {width:100%; min-width:585px; max-width:875px; } /* width within #page */
	TD.column1 {width:24%; min-width:140px; max-width:210px; }
	TD.column2 {min-width:420px; max-width:640px; }
	.header2 {vertical-align:bottom; }