/**
 * Global Website Stylesheet
 */


/***** TESTING *****/

.Downloadable_Font_Syntax_Sample {
	/* downloadable font(s) 
@font-face {
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	src: local ("Trebuchet MS"), url(/fonts/myfont.eot);
	*/
}


/***** PRINTING / MEDIA *****/

.PrintOnly { display: none; }


/***** CONTAINERS & PAGE HEIGHT  *****/

#pageContainer {
	width: 100%;
	height: auto;
	min-height: 100%;
	max-height: 100%;
}
/* commented backslash hack for Mac IE5 \*/ 
html, body {height:100%;} 
/* end hack */


/***** DEFAULT MARGINS / PADDING (none!) *****/

html, body, form,
table, div, span, p,
h1, h2, h3, h4, h5, h6, h7,
img 
{
	margin: 0; 
	padding: 0;
}

body.MarginsStd {margin: 1em;}
body.MarginsXXX {margin: 10px 15px;}
body.MarginTop {margin: 0 15px;}


/***** DEFAULT COLORS *****/

body {
	color: #000;
	background-color: #f9f9f9; 
	/* 
	background:#fcfcfc url(img/body.gif) top left repeat-x;
	*/
}

/***** DEFAULT BORDER COLOR & STYLE *****/

body, div, span, p, block-quote,
h1, h2, h3, h4, h5, h6, h7,
ul, ol, dl
{ 
	border-color: #999; 
	border-style: dotted;
	border-width: 0; /* DISABLED */
}
table, th, td {
	border-color: #999;
	border-style: solid; /* - DO NOT SET because triggers ALL BORDERS ON */
	border-width: 0; /* - DO NOT SET so can set 'cell rules' using border="X" */
}


/***** TYPOGRAPHY *****/

body {font-size: 85%;}
html>body {font-size: 100%;/* NOT IE5/6 */}

table, div, p, block-quote, 
h1, h2, h3, h4, h5, h6, h7,
ul, ol, dd,
select, input, textarea 
{
	font-size: 1em;
	font-family: Arial, Helvetica, Verdana, "Bitstream Vera Sans", sans-serif;
	/*
	letter-spacing: 0.1ex;
	*/
}


/***** PARAGRAPHS *****/

p {
	line-height: 150%;
	margin-top: 0.5ex;
	margin-bottom: 1em;
}
p.Lines100 {line-height: 100%;}
p.Lines125 {line-height: 125%;}
p.Lines150 {line-height: 150%;}
p.Lines175 {line-height: 175%;}
p.Lines200, p.LinesDbl {line-height: 200%;}

p.PageIntro {
	color: #444;
	font-size: 0.95em;
	font-style: italic;
}


/***** HEADINGS *****/

h1, h2, h3 {
	font-family: Myriad, "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-transform: Uppercase;
	letter-spacing: 1px;
	*/
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
}
h1	{
	font-size: 2em;      
	letter-spacing: 1px;
	margin-top: 1ex; 
	margin-bottom: 0.5ex;
} 
h2	{
	font-size: 1.5em;  
	letter-spacing: 1px;
	margin-top: 0.5ex; 
	margin-bottom: 0.5ex;
} 
h3	{ 
	font-size: 1.25em;  
	margin-top: 0.5ex; 
	margin-bottom: 0.25ex;
} 	
h4	{
	margin-top: 1ex; 
	margin-bottom: 0.75ex;
	font-weight: bold;
} 	
h5	{
	font-size: 0.9em;      
	margin-top: 0.5ex; 
	font-weight: bold;
} 
h6	{
	font-size: 0.85em;      
	font-weight: bold;
} 


/***** LISTS / NAVIGATION *****/

ul, ol {
	margin-top: 1ex;
	margin-bottom: 1em;
}
li {
	list-style: square;
	line-height: 130%;
	margin-top: 0.5ex;
	margin-left: -1.5em; /* reduce the default indentation of bullets - too large */
	/*
	*/
}


/***** TABLES *****/

table {
	background-color: inherit; /* for Firefox */
	border-collapse: collapse; /* must be 'separate' to see 'cellspacing' in Firefox */
}
td {
	overflow: hidden;
	empty-cells: show;
}

table.CellSpacing, table.SeparateBorders {border-collapse: separate;}
table.Fixed {table-layout: fixed;}
/* SPECIAL - because GENERIC (eg: ".Top") CLASSES WON'T CASCADE FROM 'table' TO 'td' */
.NoWrap, table.NoWrap td {white-space: nowrap;}
table.Left tbody {text-align: left;}
table.Center tbody {text-align: center;}
table.Right tbody {text-align: right;}
table.Top tbody {vertical-align: top;}
table.Middle tbody {vertical-align: middle;}
table.Bottom tbody {vertical-align: bottom;}
	

/***** IMAGES *****/ 

img {border: 0;}
img.Border {
	border: 1px solid #999; 
	padding: 1px;
}
img.Left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1ex;
}
img.Right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1ex;
}


/***** HYPERLINKS / IMAGES *****/

a {background: transparent; text-decoration: none;}
a:link {color: #00b;}
a:visited {color: #63c;}
a:hover {color: #e00; text-decoration: underline;}
a:active {color: #d00;}

a img {border: 0; margin: 0;}

/* IE6 */
a.Photo {padding: 1px;}
a.Photo:link {border: 1px solid #00b; margin: 2px;}
a.Photo:visited {border: 1px solid #90c; margin: 2px;}
a.Photo:hover {border-width: 3px; margin: 0;}
a.Photo:active {border: 2px solid #d00; margin: 1px;}

/* Non-IE */
html>body a.Photo { display: block;}
html>body a.Photo:link, html>body a.Photo:visited, html>body a.Photo:active, html>body a.Photo:hover 
	{border: 0; margin: 0;}
html>body a.Photo:link img {border: 2px solid #00b; margin: 4px 1px;}
html>body a.Photo:visited img {border: 2px solid #90c; margin: 4px 1px;}
html>body a.Photo:active img {border: 2px solid #d00; margin: 4px 1px;}
html>body a.Photo:hover img {border-width: 3px; margin: 3px 0;}

/* SPECIAL STYLE WHEN USING HIGHSLIDE VIEWER */
/* when 'zoomed out', don't show border on 'hidden thumb' */
/* IE */
a.PhotoHidden:link, 
a.PhotoHidden:visited, 
a.PhotoHidden:hover, 
a.PhotoHidden:active 
	{background-color: #eee; border: 1px dashed #999; margin: 2px;}
/* Non-IE */
html>body a.PhotoHidden:link, 
html>body a.PhotoHidden:visited, 
html>body a.PhotoHidden:hover, 
html>body a.PhotoHidden:active 
	{background-color: transparent; border: 1px dashed #999;}


a.Box999 {padding-left: 1px; padding-right: 1px;}
a.Box999:hover {
	color: #00f;
	background-color: #ffd;
	border: 1px dotted #00f;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: -1px;
	margin-bottom: -1px;
}


/***** FORM FIELDS *****/

select, textarea, input[type="text"] {
	background-color: #fff;
	color: #000;
	/*
	border: 1px solid #ccc;
	*/
}
input.Wide, textarea.Wide {
	width: 100%;
	/*
	overflow-x: hidden; /* to get ellipsis to show * /
	text-overflow: ellipsis;
	clip: auto;
	*/
}
input.Wide {
	overflow: hidden;
}
textarea.Tall {
	width: 100%;
	overflow-y: visible; /* IE ONLY - textarea 'grows', so no vert scrollbar */
}
input.Button ,
input.Reset
{
	font-size: 95%;
	padding: 3px;
}
input.Reset {
	font-size: 85%;
	padding: 4px;
}


/***** DROP-CAPS *****/

span.DropCap200,
span.DropCap300,
span.DropCap301 
{ /* common and default styles for ALL drop-cap configurations */
	color: #008080;
	color: #176FA2;
	color: #666;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	line-height: 0.78em; /* 22% less because 'ONLY decender chars' use the bottom 22% of line-height */
	float: left;
	margin-left: 0;
	margin-right: 0.2ex; /* space to right of drop-cap */
	margin-top: 2px;
	/*
	margin-top: -0.05em;
	*/
}

span.DropCap200 {
	margin-top: 0.2ex;
	font-size: 3.15em;
	/* margin-right: 0.1ex; space to right of drop-cap */
}

span.DropCap300,
span.DropCap301
{
	font-size: 4.6em;
	margin-right: 0.1ex; /* space to right of drop-cap */
}

span.DropCap301 {
	/* the "1" in 301 indicates that it is 'raised' 1-line */
	/* NOTE: make sure there is 'space' above paragraph because of 'negative margin'! */
	margin-top: -1.1em;
	margin-right: 0.1ex; /* space to right of drop-cap */
}


/*
===============================================
	 'GENERIC' CLASSES COME AT END SO CAN 'OVERRIDE' OTHER STYLES 
===============================================
*/

/***** COLORS - STANDARDS & COMMON  *****/
/* 'span' is to increase 'specificity' so will override */

.EmColor1 {color: #c00;}
.EmColor2 {color: #d0d;}
.Red, span.Red {color: Red;}
.Blue, span.Blue {color: #00c;}
.White, span.White {color: White;}
.Black, span.Black {color: Black;}
.Darker, span.Darker {color: #444;}
.Dark, span.Dark {color: #666;}
.Light, span.Light {color: #888;}
.Lighter, span.Lighter {color: #aaa;}

.BgWhite {background-color: White;}
.BgBlack {background-color: Black;}
.BgLighter {background-color: #aaa;}


/***** FONT-SIZE *****/

.Smaller {font-size: smaller;}
.Larger {font-size: larger;}
.XXSml {font-size: 76%;}
.XSml {font-size: 82%;}
.Sml {font-size: 90%;}
.Med {font-size: 100%;}
.Lrg {font-size: 115%;}
.XLrg {font-size: 135%;}
.XXLrg {font-size: 175%;}

/***** FONT-STYLES  *****/

.Normal {font-weight: normal; font-style: normal; font-variant: normal; text-transform: none;}
.Bold, span.Bold {font-weight: bold;}
.NotBold, span.NotBold {font-weight: normal;}
.Italic, span.Italic { font-style: italic;}
.NotItalic, span.NotItalic {font-style: normal;}
.SmallCaps {font-variant: small-caps;}
.Caps, .FirstCaps {text-transform: capitalize;}
.UCase, .Caps, .AllCaps {text-transform: uppercase;}
.LCase, .NoCaps {text-transform: lowercase;}
.NoTransform, span.NoTransform {text-transform: none;}
.Strikethrough {text-decoration: line-through;}
/*.DropShadow { font: xx-small/6; }*/

.Impact {font-family: Impact, "Arial Black", Verdana, Arial, Helvetica, sans-serif;}
.Comic {font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;}
.Times {font-family: "Times New Roman", Times, Georgia, serif;}

/***** ALIGNMENT *****/

.Top {vertical-align: top;}
.Middle, .Mid {vertical-align: middle;}
.Bottom, .Bot {vertical-align: bottom;}
.TextTop {vertical-align: text-top;}
.TextBottom, .TextBot {vertical-align: text-bottom;}
.Baseline {vertical-align: baseline;}

.Left, .Lt {text-align: left;}
.Right, Rt {text-align: right;}
.Center, Ctr {text-align: center;}
.Justify {text-align: justify;}
.Indent {text-indent: 2em;}

/***** DISPLAY *****/

.Hide {display: none;}
/* .Show {display: inline-block;} redundant really! */

/***** POSITION / FLOAT *****/

.Relative {position: relative;}
.Absolute {position: absolute; z-index: 2;}
.Static {position: static;}
.FloatLeft, .FloatL {float: left;}
.FloatRight, .FloatR {float: right;}
.ClearLeft, .ClearL {clear: left;}
.ClearRight, .ClearR {clear: left;}
.ClearBoth, .ClearAll, .Clear {clear: both;}

/***** SIZE / HEIGHT *****/

.Wide {width: 100%;}
.Baseline {vertical-align: baseline;}
.Superscript {vertical-align: super;}
.Subscript {vertical-align: sub;}
.LineSpacing {line-height: 150%;}
.DblSpace {line-height: 200%;}

.Clip, .ClipAll {
	overflow: hidden;
}
/***** PADDING  *****/

.PadXSml {padding: 0.25ex;}
.PadSml {padding: 0.5ex;}
.PadMed {padding: 1ex;}
.PadLrg {padding: 1em;}

.PadTxsml {padding-top: 0.25ex;}
.PadBxsml {padding-bottom: 0.25ex;}
.PadLxsml {padding-left: 0.25ex;}
.PadRxsml {padding-right: 0.25ex;}
.PadLRxsml, .PadSidesXsml {padding-left: 0.25ex; padding-right: 0.25ex;}
.PadTBxsml {padding-top: 0.25ex; padding-bottom: 0.25ex;}

.PadTsml {padding-top: 0.5ex;}
.PadBsml{padding-bottom: 0.5ex;}
.PadLsml{padding-left: 0.5ex;}
.PadRsml{padding-right: 0.5ex;}
.PadLRsml, .PadSidesSml {padding-left: 0.5ex; padding-right: 0.5ex;}
.PadTBsml {padding-top: 0.5ex; padding-bottom: 0.5ex;}

.PadTmed {padding-top: 1ex;}
.PadBmed {padding-bottom: 1ex;}
.PadLmed {padding-left: 1ex;}
.PadRmed {padding-right: 1ex;}
.PadLRmed, .PadSidesMed {padding-left: 1ex; padding-right: 1ex;}
.PadTBmed {padding-top: 1ex; padding-bottom: 1ex;}

.PadTlrg {padding-top: 1em;}
.PadBlrg {padding-bottom: 1em;}
.PadLlrg {padding-left: 1em;}
.PadRlrg {padding-right: 1em;}
.PadLRlrg, .PadSidesLrg {padding-left: 1em; padding-right: 1em;}
.PadTBlrg {padding-top: 1em; padding-bottom: 1em;}

.PadTxlrg {padding-top: 1.5em;}
.PadBxlrg {padding-bottom: 1.5em;}
.PadLxlrg {padding-left: 1.5em;}
.PadRxlrg {padding-right: 1.5em;}
.PadLRxlrg, .PadSidesXLrg {padding-left: 1.5em; padding-right: 1.5em;}
.PadTBxlrg {padding-top: 1.5em; padding-bottom: 1.5em;}

.NoPad, .NoPadAll {padding: 0;}
.NoPadT {padding-top: 0;}
.NoPadB {padding-bottom: 0}
.NoPadL {padding-left: 0;}
.NoPadR {padding-right: 0;}
.NoPadLR, .NoPadSides {padding-left: 0; padding-right: 0;}
.NoPadTB {padding-top: 0; padding-bottom: 0;}

/***** MARGINS *****/

.MarginXSml {margin: 0.25ex;}
.MarginSml {margin: 0.5ex;}
.MarginMed {margin: 1ex;}
.MarginLrg {margin: 1em;}

.MarginTxsml {margin-top: 0.25ex;}
.MarginBxsml {margin-bottom: 0.25ex;}
.MarginLxsml {margin-left: 0.25ex;}
.MarginRxsml {margin-right: 0.25ex;}

.MarginTsml {margin-top: 0.5ex;}
.MarginBsml{margin-bottom: 0.5ex;}
.MarginLsml{margin-left: 0.5ex;}
.MarginRsml{margin-right: 0.5ex;}

.MarginTmed {margin-top: 1ex;}
.MarginBmed {margin-bottom: 1ex;}
.MarginLmed {margin-left: 1ex;}
.MarginRmed {margin-right: 1ex;}

.MarginTlrg {margin-top: 1em;}
.MarginBlrg {margin-bottom: 1em;}
.MarginLlrg {margin-left: 1em;}
.MarginRlrg {margin-right: 1em;}

.NoMarginAll {margin: 0;}
.NoMarginLR, .NoMarginSide {margin-left: 0; margin-right: 0;}
.NoMarginTB {margin-top: 0; margin-bottom: 0;}
.NoMarginT {margin-top: 0;}
.NoMarginB {margin-bottom: 0;}
.NoMarginL {margin-left: 0;}
.NoMarginR {margin-right: 0;}

/***** BORDERS & RULES *****/

/* assumes 'default border-color' is set elsewhere */

.Underline {text-decoration: underline;}
.Overline {text-decoration: overline;}
.Solid {border-style: solid;}
.Dotted {border-style: dotted;}

.BorderAuto {border-width: inherit;}
.Border1, .Border, .BorderAll {border-width: 1px;}
.Border2 {border-width: 2px;}
.Border3 {border-width: 3px;}
.Border4 {border-width: 4px;}
.Border5 {border-width: 5px;}

.BorderT {border-top-width: 1px;}
.BorderB {border-bottom-width: 1px;}
.BorderL {border-left-width: 1px;}
.BorderR {border-right-width: 1px;}

.BorderLite { border: 1px solid #cccccc; }
.BorderMed { border: 1px solid #999999; }
.BorderDark { border: 1px solid #666666; }
.BorderBlack { border: 1px solid Black; }
.BorderInset { border: 2px inset White; }
.BorderOutset { border: 2px outset White; }

.NoBorder, .NoBorderAll {border: 0;}
.NoBorderT {border-top: 0;}
.NoBorderB {border-bottom: 0;}
.NoBorderL {border-left: 0;}
.NoBorderR {border-right: 0;}


/***** IE 'FORCE LAYOUT' HACKS *****/
/* use one of these hacks to FORCE hasLayout for elements in IE - so entire 'block' is 'clickable' */

/* Underscore Hack for IE5+ - _Property is ignored by non-IE browsers */ 
.addLayout {_height: 1%;} 

/* Underscore Hack for IE5.5+ - _Property is ignored by non-IE browsers */ 
.addLayout-55 {zoom: 1;}

/* 2-Rule Hack: because 'inline' is in a 'separate rule', element retains hasLayout from 'inline-block' */
.forceLayout {display: inline-block;}
.forceLayout {display: inline;}

/* Comment Hack hides this from IE5/Mac - '* html' Hack is read by IE5-6 only */
/* NOTE: this markup is ALSO needed to force Layout in IE7 ! \*/
* html .forceLayout_2 {
	height: 1%;
	display: block;
}
/* End Hack */


/***** DROP-SHADOWS *****/

.DropShadow1, .DropShadow2, .DropShadow3 {
	display: inline-table;
	/* \*/ display: block; /**/
 }
.DropShadow1 {
	float: left;
	background: url(shadow.gif) right bottom no-repeat;
}
.DropShadow2 {
	background: url(corner_bl.gif) left bottom no-repeat;
	/*
	background: url(corner_bl.gif) -4px 100% no-repeat;
	*/
}
.DropShadow3 {
	padding: 0 4px 4px 0;
	background: url(corner_tr.gif) right top no-repeat;
	/*
	padding: 0 16px 16px 0;
	background: url(corner_tr.gif) 100% -4px no-repeat;
	*/
}
.DropShadow3 img {
	display: block;
	border: 1px solid #ccc;
	border-color: #efefef #ccc #ccc #efefef;
}


/***** SPECIAL TAGS *****/

span.Important {
	color: #cc0000;
}

.Expired:after {
	content: " (This is an Expired Item)"
}