/*

	##     for wordpress we replace image urls to have ../
	
	##     MYM BASIC STYLESHEET
	##     basic v.3.9.6
	##     Updated: Feb 16, 2009
	##     brent@mimoYmima.com
*/

/* - - - TAGS - - - */

	/* Equilizes Most Cross-Browser Inconsistancies */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{ margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

	/* -- do not change font size here, instead see screen.css #PageWrapper.  This font size (62.5%) creates a relationship between em and px : .1em = 1px -- */
	body { color: #333; font: 62.5% Arial, Helvetica, sans-serif; }

	/* -- forms ~ also see Form Lists section -- */
	label, input, select, .Icon, .Button { vertical-align: middle; }
	label { font-weight: bold; cursor: pointer; }
	label em { font-weight: normal; }
	.TextInput, textarea { background: #960; border: 0; font-size: 1em; padding: .2em .4em; }
	.Button { padding: .1em; cursor: pointer !important; }
	.SubmitBtn { text-align: right; }

	/* -- Text -- */
	p { margin-bottom: 1.5em; }
	sup, sub { font-size: 80%; }
	ins { border-bottom: 1px dotted #666; }
	del { text-decoration: line-through; }

	/* -- Lists -- */
	ol { margin: 0 50px 1.5em 50px; }
	ol li { margin-bottom: 1em; }
		
	/* -- Other -- */
	code { font-family: 'Lucida Console', "courier new", courier, monospace; background-color: #069; color: #FFF; padding: .5em; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	pre code { line-height: 130%; display: block; padding: 1em; margin: 2em 0; overflow: auto; }
	pre { margin: 1em; }
	abbr, acronym { border-bottom: 1px dotted #666; }
	hr { border: 0 !important; color: #EEE; background-color: #EEE; height: 1px; clear: both; margin: 1em; }
	address { margin-bottom: 1.5em; }
	.Hidden { visibility: hidden; }


/* - - - CLASSES - - - */

	/* -- Tables -- */
	table { border-collapse: collapse; }
	.DataTable { width: 100%; border-spacing: 0; margin-bottom: 1.5em; }
	.DataTable th,
	.DataTable td { padding: 2px 0; }

	/* - - Lists - - */
	.DictList { width: 90%; margin: 3em auto; }
	.DictList dt { font-weight: bold; color: #666; width: 150px; border-bottom: 1px dotted #333; text-transform: uppercase; }
	.DictList dd { margin: -20px 0 25px 150px; background: #EEE; padding: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	.DictList dd .IconList { margin-top: 1em; }

	/* add little down arrows on rollover with pngs in basic for all poundDnLists */
	.PoundDnList { margin-bottom: 1em; }
	.PoundDnList li { list-style-type: none; background: none !important; }

	.NoBullet { list-style-type: none; margin-bottom: 2em; }
	.NoBullet li { margin-bottom: .5em; }

	.BulletList { margin: 1em 0 2em 0; line-height: 150%; }
	.BulletList li { margin: 0 2em 1em 2em; list-style-type: square; }
	.BulletList li ul { margin: .5em 0 1.5em 0; }
	.BulletList li ul li { list-style-type: circle; margin: 0 2em .5em 2em; }

	/* maybe split out the right and left specific stuff into seperate classes later*/
	.HorizList ul { float: left; list-style-type: none; }
	.HorizList li { float: left; display: inline; }
	.HorizList li a { display: block; float: left; width: auto;  }

	.HorizListRt ul { float: right; list-style-type: none; }
	.HorizListRt li { float: right; display: inline; }
	.HorizListRt li a { display: block; width: auto; }

	/* Icon Lists */
	.IconList { margin-bottom: 1em; line-height: 150%; }
	.IconList li { list-style-type: none; padding-left: 22px; margin-bottom: 1em; }
	.IconList li a { padding-left: 22px; margin-left: -22px; }

	/* ListIcons work for an entire list or you can specifically put them on list items */
	.IconList li.LinkIcon, ul.LinkIcon li { background: url(../images/icon_link_arrow.png) 3px 3px no-repeat; }
	.IconList li.PDFIcon, ul.PDFIcon li { background: url(../images/icon_link_pdf_sm.png) 0 0 no-repeat; }
	.IconList li.RSSIcon, ul.RSSIcon li { background: url(../images/icon_rss_sm.png) 0 0 no-repeat; }
	.IconList li.CheckIcon, ul.CheckIcon li { background: url(../images/icon_checkmark.png) 3px 3px no-repeat; }
	.IconList li.SoundIcon, ul.SoundIcon li { background: url(../images/icon_link_sound.png) 3px 3px no-repeat; }
	.IconList li.OldIcon, ul.OldIcon li { background: url(../images/icon_link_old.png) 3px 3px no-repeat; }
	.IconList li.ZipIcon, ul.ZipIcon li { background: url(../images/icon_link_zip.png) 3px 3px no-repeat; }
	.IconList li.HelpIcon, ul.HelpIcon li { background: url(../images/icon_link_help.png) 0 0px no-repeat; line-height: 180%; }
	
	/* Form Lists */	
	.RadioList li { list-style-type: none !important; margin-bottom: .5em; text-indent: -20px; padding-left: 20px; vertical-align: top; }
	.RadioList li label { display: inline !important; vertical-align: bottom; margin-left: 7px; }

	.InputList li { list-style-type: none !important; margin-bottom: 1em; vertical-align: top; }
	.InputList li label { display: block; vertical-align: top; }
	.InputList li { clear: both; }

	/* Links */
	.LinkUp { text-align: right;}
	.LinkUp a { margin-left: 1.5em; }
	
	/* Columns */
	.Cols { width: 100%; overflow: hidden; }
		/* Col */
		.Col { float: left; clear: none; }
		.Gap { margin-right: 10px; }
		
	/* System Messages */
	.Sys { min-height: 60px; font-weight: bold; color: #333 !important; padding: 10px 20px 10px 70px !important; margin: 5px 0; }
	.Sys a:link, .Sys a:visited { color: #333; text-decoration: underline; }
	.Sys a:hover, .Sys a:active { color: #333; text-decoration: none; }
	.Msg { background: #0F0 url(../images/icon_sys_msg.png) 10px 10px no-repeat; }
	.Warn { background: #FF0 url(../images/icon_sys_warn.png) 10px 10px no-repeat; }
	.Error { background: #F66 url(../images/icon_sys_error.png) 10px 10px no-repeat; }

	/* Clear Floats */
	.ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.ClearAll { visibility: hidden; clear: both; margin: 0 !important; padding: 0 !important; font-size: 0; height: 1px; }

	/* Formatting */
	.SideBoxRight { font-size: .9em; width: 200px; margin-left: 25px; padding-left: 10px; border-left: 1px dotted #666; float: right; }

	/* For Photos */
	.Left { float: left !important; margin: 0 10px 15px 0; }
	.Right { float: right !important; margin: 0 0 10px 15px; }
	.Center { text-align: center; }