/********  Tacoma Chapter ABATE Webpage Style Sheet  **********/

BODY {
	background: url("../images/Index_Bricks.gif");
	background-repeat: repeat;
	font-family: Arial, sans-serif;
	font-size: medium;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	}					

.maps {
	margin-left: 1%;
	margin-right: 1%;
	}

P {
	font-size: medium;
	text-align: left;
	}

.caption {
	font-family: Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
	}

.firstline { 
	color: #774444;
	font-variant: small-caps;
	font-weight: bold;
	}

.salutation { 
	color: #444477;
	font-size: large;
	font-variant: small-caps;
	font-weight: bold;
	}

.reports { 
	background-color: none;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
	text-indent: 3%;
	}


.signature { 
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 100%;
	}

.signatureLG { 
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 110%;
	}

.signatureXL { 
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 125%;
	}


/*****  LISTS  *****/

UL.noindent { 
	list-style: outside;
	text-align: left;
	}

UL.indent { 
	list-style: outside;
	text-align: left;
	text-indent: 15;
	 }

OL {
	list-style: outside;
	text-align: left;
	}

OL.indent {
	list-style: outside;
	text-align: left;
	text-indent: 1%;
	}

OL.alpha {
	list-style: outside;
	list-style-type: lower-alpha;
	} 

LI.subhead { 
	font-size: large;
	font-weight: bold;
	list-style-type: none;
	}

LI.sublist { 
	list-style-type: none;
	text-indent: 50;
	}



/**********  Horizontal Lines (Navy Blue)  **********/
HR { color: #444477 }

HR.chapters { color: #CCCCCC }



/****** Headings: Default is Navy Blue (444477), Maroon is (774444) *****/

H1, H2, H3, H4, H5, H6	{
	color: #444477;
	font-variant: small-caps;
	}

.mr { color: #774444 }

.red { color: #FF0000 }

.bl { color: #444477 }

.blk { color: #000000 }

.tablehead { 
	margin-bottom: 0;
	margin-top: 0;
	}

.underline { text-decoration: underline }

.headgnote {
	font-size: medium;
	font-style: italic;
	text-align: center;
	}

.centered { text-align: center }


/*****  SMALL CAPITAL STYLE FONT FOR CAPTIONS OR JUST VARIETY  *****/
.smcaps { 
	margin-left: 10%;
	margin-right: 10%;
	font-variant: small-caps;
	text-align: center;
	}


/*****  TINY ITALICIZED NOTES.  *****/
.tipsI {
	font-family: Arial, sans-serif;
	font-size: small;
	font-style: italic;
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
	}

.tipsSmall {
	font-family: Arial, sans-serif;
	font-size: small;
	font-style: normal;
	text-align: center;
	}

.top {
	font-family: Arial, sans-serif;
	font-size: x-small;
	font-style: italic;
	}
/*************
Use the previous style in the following manner:
<A href="#top"><SPAN class="top">Return to Top of Page</SPAN></A>
*************/

/*****  TINY FONT, NON-ITALICIZED, ALSO FOR NOTES  *****/
.tipsN {
	font-family: Arial, sans-serif;
	font-size: x-small;
	font-style: normal;
	}


/*****  EXTRA TINY FONT, NON-ITALICIZED, FOR TIPS ON CALENDAR & Maps *****/
.tips {
	font-family: Arial, sans-serif;
	font-size: x-small;
	}

.mapnotes {
	font-family: Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	}

.mapcalendar {
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: left;
	}




/***   MEMBERSHIP FORM ONLY  ***/

TD.mbr { font-size: small; }

LABEL { font-size: small; }

LEGEND { 
	font-family: Arial;
	font-size: small;
	}

INPUT {	font-size: small; }




/********  INDENTS, MARGINS, PAGE LAYOUT  **********/

.firstline { text-indent: 5% }

.indent {
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
	}

.indentL {
	margin-left: 20%;
	text-align: left;
	}	

.indentLR {
	margin-left: 15%;
	margin-right: 15%;
	}

.margL1p	{ margin-left: 1% }
.margL2p	{ margin-left: 2% }
.margL3p	{ margin-left: 3% }
.margL5p	{ margin-left: 5% }
.margL10p	{ margin-left: 10% }
.margL15p	{ margin-left: 15% }
.margL20p	{ margin-left: 20% }
.margL40p	{ margin-left: 40% }

.margR1p	{ margin-right: 1% }
.margR2p	{ margin-right: 2% }
.margR3p	{ margin-right: 3% }
.margR5p	{ margin-right: 5% }
.margR10p	{ margin-right: 10% }
.margR15p	{ margin-right: 15% }
.margR20p	{ margin-right: 20% }
.margR40p	{ margin-right: 40% }

.margT1p	{ margin-top: 1% }
.margT2p	{ margin-top: 2% }
.margT3p	{ margin-top: 3% }
.margT5p	{ margin-top: 5% }
.margT10p	{ margin-top: 10% }
.margT15p	{ margin-top: 15% }
.margT20p	{ margin-top: 20% }
.margT40p	{ margin-top: 40% }

.margB1p	{ margin-bottom: 1% }
.margB2p	{ margin-bottom: 2% }
.margB3p	{ margin-bottom: 3% }
.margB5p	{ margin-bottom: 5% }
.margB10p	{ margin-bottom: 10% }
.margB15p	{ margin-bottom: 15% }
.margB20p	{ margin-bottom: 20% }
.margB40p	{ margin-bottom: 40% }


/*****  Force IMG to rt or left of text that follows in HTML paragraph *****/
.right { float: right }
.left	{ float: left }


/*****  Use after float to begin next element below it and align L or R *****/
.clearR { clear: right }
.clearL { clear: left }
.clear	{clear: center }


/*****  Hide colored borders of anything used as a hyperlink  *****/
.imglink { border: none }


/*****  Puts a silver border around images  *****/
.picframe { border: ridge 0.6em silver; }



/**********  TABLES  **********/
TABLE	{ border-spacing: 0 }


/***  Used in TH of Officer Contact table (ie: id="phones")  ***/
TH#phones { background: url("../images/Links_Phones.gif") }


/***  Table header cell background (Lt gray)  ***/
TH	{
	background-color: #DDDDDD;
	color: #444477;
	text-align: center;
	vertical-align: middle;
	}


TR	{ 
	text-align: left
	vertical-align: middle;
	}


TR.links { vertical-align: top; }


TR.inwind { vertical-align: top; text-align: left }


.xstext { font-size: small; }


TD	{
	font-family: Arial, sans-serif;
	white-space: nowrap;
	font-size: medium;
	}


TD P.smtext { 
	font-family: Arial, sans-serif;
	font-size: small;
	}


TD P { font-family: Arial, sans-serif; }


/***  Use mostly on end columns in table to prevent nos from wrapping  ***/
.wrap { white-space: normal; }


/***  Lt blue bkgd for T-chapter calendar events  ***/
.tacoma { background-color: #ECF2F9; }
.pink { background-color: #FFEEEE; }
.annual { background-color: #DDFFDD; }
.orange { background-color: #FF9900; }


/***  Special graphics used as decorative background on Calendar table  ***/
#stpattys { background: url("../images/Cal_ShamrockBanner.gif") }
#halloween { background: url("../images/Cal_HalloweenBanner.gif") }
#valentines { background: url("../images/Cal_ValentinesBanner.gif") }
#fossil { background: url("../images/Cal_FossilBanner.gif") }



/************  HYPERLINKS  **************/

/****** DEFAULT ******/


/***  UNVISITED  ***/
A:link { 
	background-color: none;
	color: #CC3300;	
	font-weight: bold;	
	text-decoration: none;
	}


/***  VISITED  ***/
A:visited {
	background-color: none;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
	}


/***  HOVER  ***/
A:hover {
	background-color: #FAFAF0;
	color: Black;
	font-weight: bold;
	}



/***********  hmlinks - HOMEPAGE & SITEMAP ***********/


/***  UNVISITED -- hmlinks  ***/

DIV.hmlinks A:link {   
	background-color: #DDDDDD;
	border: solid 2px;
	border-color: #EEEEEE #888888 #888888 #EEEEEE;
	color: #993333;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	line-height: 1.3; 
	margin-bottom: 3;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	}


/***  VISITED -- hmlinks  ***/

DIV.hmlinks A:visited {   
	background-color: #CCCCCC;
	border: solid 2px;
	border-color: #DDDDDD #888888 #888888 #DDDDDD;
	color: #444477;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 3;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	}


/***  HOVER -- hmlinks  ***/

DIV.hmlinks A:hover {
	background-color: #AAAAAA;
	border: solid 2px;
	border-color: #DDDDDD #777777 #777777 #DDDDDD;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 3;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	}



/********  articles - ARTICLES & REPORTS PAGE  ********/

/***  UNVISITED -- articles  ***/

DIV.articles A:link {   
	background-color: #DDDDDD;
	border: solid 2px;
	border-color: #EEEEEE #888888 #888888 #EEEEEE;
	color: #993333;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 3;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 240;
	}


/***  VISITED -- articles  ***/

DIV.articles A:visited {
	background-color: #CCCCCC;
	border: solid 2px;
	border-color: #DDDDDD #888888 #888888 #DDDDDD;
	color: #444477;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 3;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 240;
	}


/***  HOVER -- articles  ***/

DIV.articles A:hover {
	background-color: #AAAAAA;
	border: solid 2px;
	border-color: #DDDDDD #777777 #777777 #DDDDDD;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 3;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 240;
	}



/*********  morelinks - HEADER & FOOTER LINKS  ********/

/***  UNVISITED -- morelinks  ***/

DIV.morelinks A:link {   
	background-color: #DDDDDD;
	border: solid 2px;
	border-color: #EEEEEE #888888 #888888 #EEEEEE;
	color: #993333;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	margin-bottom: 2;
	margin-right: 0.1%;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 24%;
	}


/***  VISITED -- morelinks  ***/

DIV.morelinks A:visited {
	background-color: #CCCCCC;
	border: solid 2px;
	border-color: #DDDDDD #888888 #888888 #DDDDDD;
	color: #444477;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;
	margin-bottom: 2;
	margin-right: 0.1%;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 24%;
	}


/***  HOVER -- morelinks  ***/

DIV.morelinks A:hover {
	background-color: #AAAAAA;
	border: solid 2px;
	border-color: #DDDDDD #777777 #777777 #DDDDDD;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: x-small;
	font-weight: bold;  
	margin-bottom: 2;
	margin-right: 0.1%;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	width: 24%;
	}