/*
	##     2008 Snowflake
	##     mYm screensheet 3.5.5
	##     Updated: August 4, 2008
	##     brent@mimoYmima.com
  
	- - - Color References - - -
	page dark blue: #002F4F;
	content blue: #1671B8;
*/

/* - - - Tags on this site - - - */
	
	html, body { color: #666; background: #ffffff url(../images/snowflakes2.png) repeat; font-family: trebuchet, 'trebuchet ms', helvetica, arial, sans-serif; }
	body { min-width: 968px; }

	/* Links */
	a { color: #6BA7DE; }
	a:link { color: #6BA7DE; }
	a:visited { color: #6BA7DE; }
	a:hover, a:focus { color: #159; text-decoration: none; }
	a:active { color: #159;	text-decoration: none; }
	
	/* Content Headings */
    #Content h1 { font-size: 1.8em; margin: 1.5em 0 .3em 0; }
    #Content h2 { font-size: 1.6em; margin: 1.5em 0 .3em 0; }
    #Content h3 { font-size: 1.4em; margin: 1.5em 0 .3em 0; }
    #Content h4 { font-size: 1.2em; margin: 1.5em 0 .3em 0; }
    #Content h5 { font-size: 1.0em; margin: 1.5em 0 .3em 0; }
    #Content h6 { font-size: 0.8em; margin: 1.5em 0 .3em 0; }

	/* Forms */
	.Button { border: 2px outset #3CF; cursor: pointer; text-transform: uppercase; padding: .2em .5em; background: #6CF; color: #FFF; font-weight: bold; }
	.Button:hover, .Button:focus { background: #FC3; border: 2px outset #F90; }
	label { color: #39F; }
	label:hover { color: #F93; }
		/* form colors */
		.TextInput, textarea, select { font-size: 1.5em; color: #360; background: #F7F5EB; }
		input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover { background: #FFC; }

	/* Tables */
	.DataTable td, .DataTable th { vertical-align: top; padding: 1em 10px; border-bottom: 1px dashed #FFF; }
	.DataTable th { color: #555; font-size: 1.3em; text-align: right; }

	/* Other */
	.Rounded { -moz-border-radius: 15px; -webkit-border-radius: 15px; }
	.SideBoxRight { border-left: 1px dotted #EDECDf; }
	
	/* Lists */
	/*.LinkList li a { padding-left: 12px; margin-left: -12px; } put this in if you want the bullets for link lists to be links - only works if you don't want to mix linklists with regular text */
	.NoBullet li { margin-bottom: .5em; }

	/* Text */
	#Content p { line-height: 1.7em; }
	.Heavy { font-family: "Agency FB", "Abadi MT Condensed Extra Bold", impact, helvetica, sans-serif; }
	.Serif { font-family: cambria, 'lucida bright', georgia, palatino, bookman, 'Bookman Old Style', 'Book Antiqua', serif; }

/* - - - Page Divisions on this site - - - */

	/* PageWrapper */
	#PageWrapper { width: 805px; position: relative; margin: 0 auto; padding-left: 185px; }
	
	/* Accessibility Links ~ hidden by placement off screen */
	#Accessibility { position: absolute; left: -999em; }
	
	/* Masthead */
	#Masthead { clear: both; margin-bottom: 2em; text-align: center; }
	
	/* MainNav */
	#MainNav { border-bottom: 2px dotted #EFEFEF; border-top: 2px dotted #EFEFEF; margin: 0 34px; font-size: 130%; overflow: hidden; } /* overflow fixes a problem - don't remove */
	#MainNav ul { width: 100%; }
	#MainNav a { padding: 0px 16px 0px 16px; font-weight: bold; line-height: 2.5em; text-transform: uppercase; text-decoration: none; letter-spacing: .1em; }
	/*#MainNav a:hover, #MainNav a:focus, #MainNav a:active { background: #6BA7DE; }*/
	#MainNav .Active a { background: #f4fdfc; }
	/* #MainNav .Active a:focus { } */
	
	/* FixedNav */
	#FixedNav { position: fixed; z-index: 100; height: 300px; width: 175px; top: 50px; left: 10px; }
	#FixedNav a span { color: blue !important; }
	
	/* Content*/
	#Content { font-size: 1.4em; padding-top: 30px; padding-bottom: 50px; }
	#PageTop { display: none; }

	/* ContentWrapper */
	#ContentWrapper { margin: 20px 50px; }

	/* Page Nav */
	.PageNav { margin-bottom: 2em; float: left; width: 100%; }
	.PageNav a { font-weight: bold; text-align: left; color: #6BA7DE !important; text-decoration: none; background-color: none !important; display: block; width: auto; margin: 0 1px; padding: .3em 1em .3em 2em !important; font-size: 1.5em; }
	.PageNav #MainLogo { padding-top: 10px; }
	.PageNav #MainLogo a:hover { background-color: #FFF !important; }
	.PageNav a:hover { font-weight: bold; color: #FFF !important; background: #6BA7DE !important; }
	.PageNav .PageNavHead { margin-left: .8em; background: none; font-weight: bold; }
	.PageNav .PageNavHead:hover { color: #FC0; background: none; }
	
	/* Footer with a left and right message */
	#Footer { position: relative; height: auto; clear: both; padding: 60px 30px 0 30px; font-size: 1.3em; }
	#Footer .vcard { text-align: right; }
	#Footer #FooterLinks { position: absolute; left: 0; margin-left: 10px; }
	#Footer #FooterLinks a { margin-right: 10px; }
	#Footer .Copyright { float: right; margin-right: 10px; color: #999; }

/* - - - Classes - - - */

	/* vCards */
	.vcard { }
	.street-address { display: block; }
	
	#Credits { text-align: right; font-size: 90%; margin-top: 20px; }

	/* Tiny mYm Credit */

	#CreditsMYM { position: absolute; right: 50px; padding: 20px 0; }
	#CreditsMYM h2 { position: absolute; left: 0; z-index: 4; font-size: 1em; font-weight: normal; width: 38px; height: 39px; overflow: hidden; }
	#CreditsMYM h2 a { position: absolute; left: 0; z-index: 5; margin-bottom: -48px; display: block; width: 38px; height: 39px; background: url(../images/logo.mym-credit.gif) no-repeat; }
	#CreditsMYM h2 a:hover { background-position: 0 -39px; cursor: pointer; }
	
	/* Javascript Indicator */
	#JSIndicator { position: absolute; top: 9em; right: 0px; }
	#JSIndicator a:link, #JSIndicator a:visited { font-weight: bold; font-size: .9em; text-transform: uppercase; background-color: #FF0; color: #09C; text-decoration: underline; padding: .5em 1em; }
	#JSIndicator a:hover, #JSIndicator a:active, #JSIndicator a:focus { text-decoration: none; }	

/* - - - Specific Pages on this site - - - */

/* Home */
#Home #Description { width: 600px; margin: 0 auto;}
#Home #Content h3 .Logo { margin-top: -20px; }
#Home p.Alt { margin-top: 3em; background: #BCDFFF; color: #159; padding: 1em 20px 1em 50px; border-bottom: 1px dashed #F0F6FC; border-top: 1px dashed #F0F6FC; }
#BIBStarLogo { position: absolute; left: 195px; top: 672px; }
#Home #Participants { width: 805px; margin: 0 auto; padding-top: 2em; }
#BIBCredits { margin-top: 2em; width: 200px; padding-left: 1em; border-left: 3px dotted #EDECDF; }
#DownloadMap { position: absolute; top: 350px; left: 50px; }
#JumpToList { position: absolute; top: 430px; left: 50px; }

/* Clients */
#Clients #LoginForm { width: 13.3em; }
#Clients #LoginForm input { display: block; margin-bottom: 1em; }
#Clients #LoginForm .SubmitButton { margin-left: 9.7em; }