/*
	@import '/granular.css'

	http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml
	http://www.angelfire.com/al4/rcollins/style/fonts.html
	http://www.typography.com/catalog/whitney/index.html
	http://www.satzansatz.de/css.html

	rounded corners:
   http://groups-beta.google.com/groups/roundedcorners?c=999900&bc=white&w=34&h=34&a=tr
*/
.fntFmSansTwist { font-family: "Trebuchet MS", "Geneva", Helvetica, Arial, sans-serif; }
.fntFmSans { font-family: Helvetica, Arial, sans-serif; }
.fntFmWeb { font-family: Verdana, Helvetica, Arial, sans-serif; }
.fntFmMonoTwist { font-family: "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", monospace; }
.fntFmMono { font-family: courier new, courier, monospace; }

.fntSz32 { font-size: 32px; }
.fntSz28 { font-size: 24px; }
.fntSz24 { font-size: 24px; }
.fntSz18 { font-size: 18px; }
.fntSz16 { font-size: 16px; }
.fntSz14 { font-size: 14px; }
.fntSz12 { font-size: 12px; }
.fntSz11 { font-size: 11px; }
.fntSz9 { font-size: 9px; }
/* .noFntHt */
.fntSz0 {
	font-size: 0px;
	line-height: 0;
}

.fntHt {
	line-height: 1.1em;
}
.fntHt80 { line-height: 0.8em }
.fntHt100 { line-height: 1.0em }
.fntHt120 { line-height: 1.2em }
.fntHt140 { line-height: 1.4em }
.fntHt150 { line-height: 1.5em }

.fntSpc110 { letter-spacing: 0.1em }
.fntSpc120 { letter-spacing: 0.2em }

.plain {
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.italic { font-style: italic; }
.bold { font-weight: bold; }
.blink { text-decoration: blink; }
.nowrap { white-space: nowrap; }



/*
	links
*/
a.lnkUl { text-decoration: underline; }
a.lnkUl:hover { text-decoration: underline; }
a.lnkUl:active { text-decoration: underline; }

a.lnkNoUl { text-decoration: none; }
a.lnkNoUl:hover { text-decoration: none; }
a.lnkNoUl:active { text-decoration: none; }

a.lnkRollUl { text-decoration: none; }
a.lnkRollUl:hover { text-decoration: underline; }
a.lnkRollUl:active { text-decoration: underline; }

a.lnkRollNoUl { text-decoration: underline; }
a.lnkRollNoUl:hover { text-decoration: none; }
a.lnkRollNoUl:active { text-decoration: none; }

.lnkUlOn { text-decoration: underline; }
.lnkUlOff { text-decoration: none; }

.lnk {
	text-decoration: underline;
/*	white-space: nowrap; */
	cursor: pointer; /* IE 5.5 non-compliant workaround */
	cursor: hand;
}
.lnk:hover { text-decoration: none; }
.lnk:active { text-decoration: none; }

.lnkNoUl {
	text-decoration: none;
/*	white-space: nowrap; */
	cursor: pointer;
	cursor: hand;
}
.lnk:hover { text-decoration: none; }
.lnk:active { text-decoration: none; }

a.img {
	background-color: transparent;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}
a.img:hover {
	background-color: transparent;
	border: 0;
}
a.img:focus {
	background-color: transparent;
	border: 0;
}
a.img:active {
	background-color: transparent;
	border: 0;
}



/*
	lists
*/
ul.lstNoBul {
	margin: 0;
	padding: 0;
}
ul.lstNoBul li {
	list-style-type: none;
	margin-left: 30px;
	padding-left: 0;
}



/*
	effects
*/
.clrWhite { color: white; }
.clrBlack { color: black; }
.bkgWhite { background-color: white; }
.bkgBlack { background-color: black; }

.ftrAlp15 {
	filter: alpha(opacity=15, style=0);
	opacity: 0.15;
	-moz-opacity: 0.15;
}
.ftrAlp25 {
	filter: alpha(opacity=25, style=0);
	opacity: 0.25;
	-moz-opacity: 0.25;
}
.ftrAlp33 {
	filter: alpha(opacity=33, style=0);
	opacity: 0.33;
	-moz-opacity: 0.33;
}
.ftrAlp50 {
	filter: alpha(opacity=50, style=0);
	opacity: 0.50;
	-moz-opacity: 0.50;
}

.visible { visibility: visible }
.hidden { visibility: hidden }
.collapse { display: none }
.expand { display: block }



/*
	positioning
*/
.posFlL {
	position: relative;
	float: left;
}
.posFlR {
	position: relative;
	float: right;
}
.posC {
	position: relative;
	margin: 0 auto 0 auto;
}

.posAlL { text-align: left; }
.posAlC { text-align: center; }
.posAlR { text-align: right; }
.posAlT { vertical-align: top; }
.posAlM { vertical-align: middle; }
.posAlB { vertical-align: bottom; }

.posZero {
	top: 0px;
	left: 0px;
}
.pxWd1 { width: 1px }
.pxHt1 {
	font-size: 0;
	line-height: 0;
	height: 1px;
}

.relative { position: relative; }
.absolute { position: absolute; }



/*
	regioning
*/
.rgnCtrIE5 {
	text-align: center; /* IE 5.5 needs this */
}
.rgnCtr {
	position: relative;
/*	border fixes NN7 double-scaling issue -- correct border color! */
	border-bottom: 1px solid white;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
}



/*
	tools
*/
.clr {
   clear: both;
   height: 0;
   line-height: 0;
   font-size: 0;
   border: 0;
   border-collapse: collapse;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
.noBMP {
   border: 0;
   border-collapse: collapse;
   margin: 0;
   padding: 0;
}
/* .fntSz0 */
.noFntHt {
   line-height: 0;
   font-size: 0;
}
.bdrDebug { border: 1px solid red; }



/*
	effects
		leave at 100% - using them
		declare after .clr to allow combination
*/
.dotRuleWhite {
	border-top: 2px white dotted;
	width: 100%;
}
.dotRuleWhiteBottom {
	border-bottom: 2px white dotted;
	width: 95%;
}
.dotCutWhite {
	margin-left: 20px;
	border-top: 2px white dotted;
	width: 40%;
}
.dotRuleBlack {
	border-top: 2px black dotted;
	width: 100%;
}
.dotRuleBlackBottom {
	border-bottom: 2px black dotted;
	width: 95%;
}
.dotCutBlack {
	margin-left: 20px;
	border-top: 2px black dotted;
	width: 40%;
}

