/*
	--- basics v 1.0
*/

* { margin: 0; padding: 0; }

body
{
	border: 0;
	color: #333;
	font-family: formata, univers, arial, helvetica, verdana, sans-serif;
	font-size: 100.01%;
}


/* -- header styles */
h1 { font-size: 115%; }
h2 { font-size: 100%; }
h3 { font-size: 85%; }
h4 { font-size: 75%; }
h5 { font-size: 70%; }
h6 { font-size: 65%; }


/* -- standard elements we'll use for text on the site */
p, ul { font-size: 75%; }

a, img { border: 0; }

/* -- Form Elements */
label, input, select { vertical-align: middle; }
span label { display: inline; }
object { border: none !important; }
fieldset { border: none !important;}

/* -- Font Sizes */
sup, sub { font-size: 70%; }
.Note { font-size: x-small; }


/*  Tables        #       #   # ##*/
.FormTable { }
.FormTable th { font-weight: normal; text-align: right; font-size: 70%; padding-right: .5em; }
.FormTable td { padding: 1px 0; }
.FormTable td label { font-size: 75%; }
.FormTable .Inputs label { font-size: 100%; }
.FormTable INPUT, .FormTable select { vertical-align: middle; }

.DataTable { width: 100%; }
.DataTable td, .DataTable th { font-size: 95%; padding: 2px 0; }
.DataTable th { text-align: left; vertical-align: bottom; }

.LayoutTable { voice-family: "\"}\""; voice-family: inherit; width: 100%; }
.DummyRuleForIE50Win { }
.LayoutTable th { vertical-align: bottom; }
.LayoutTable td { vertical-align: top; }


/*  Lists        #       #   # ##*/

ol { font-size: 75%; }
ol li { margin-bottom: .5em; }

dl { margin-bottom: 1em; }
dt { font-weight: bold; font-size: 75%; }
dd { font-size: 75%; }

.NoBullet { list-style-type: none; margin-bottom: 1em; }
.NoBullet li { line-height: 150%; }

.Bullet { margin-bottom: 1em; }
.Bullet li { margin: 0 4em 1em 4em !important; line-height: 150%; list-style-type: square; }

.HorizList li { list-style-type: none; display: inline; }

.LinkList { color: #FC3; list-style-type: none; margin-bottom: 1em; }
.LinkList li { line-height: 150%; background: url(../images/bullet.arrow.gif) 0 4px no-repeat; padding-left: 12px; height: 2em; }
.LinkList li a { padding-left: 12px; margin-left: -12px; }

.CheckList { list-style-type: none; margin-bottom: 1em; }
.CheckList li { line-height: 150%; background: url(../images/icon.checkmark.gif) 0 3px no-repeat; padding-left: 15px; height: 2em; }

.PDFList { margin-bottom: 1em; }
.PDFList li { list-style-type: none; background: url(../images/icon.pdf.sm.gif) 0 -1px no-repeat; padding-left: 22px; height: 2em; }
.PDFList li a { padding-left: 22px; margin-left: -22px; }

.NumberedList { list-style-position: inside; line-height: 150%; }

.FormList LI { list-style-type: none; }

/* Equal Width Columns - Don't change to 2col2 as classes can't start with numbers */
.Cols { position: relative; width: 100%; overflow: hidden; }

	/* 2columns */
	.TwoCol1 { width: 50%; clear: both; }
	.TwoCol2 { width: 50%; top: 0; left: 50%; position: absolute; clear: both; }
	
	/* 3columns */
	.ThreeCol1 { width: 33%; }
	.ThreeCol2 { width: 33%; top: 0; left: 33%; position: absolute; }
	.ThreeCol3 { width: 33%; top: 0; left: 66%; position: absolute; }

/*  Rules        #       #   # ##*/
.Invisible { display: none; }

.Exception { }

hr { border: 0; color: #DDD; background-color: #DDD; height: 1px; clear: both; margin: 1em; }


.ClearAll { clear: both; font-size: 0; height: 0; }

.Left { float: left; margin: 0 10px 10px 0; }
.Right { float: right; margin: 0 0 10px 10px; }

/* Set the width of .LinkPromo .Rollover each time in the screen.css sheet */
.LinkPromo div { height: 150px; }
.LinkPromo strong { color: #00C; text-decoration: underline; }
.LinkPromo strong:hover { color: #00F; text-decoration: none; }
.LinkPromo .Rollover { line-height: 130%; color: #333; border: 1px solid #CCC; position: absolute; left: 0; display: block; height: 90px; padding: 1em; background: url(../images/bkg.promo.gif) repeat-x; }
.LinkPromo .Rollover:hover { color: #33C; border: 1px solid #CCF; background-position: 0 -167px; }