/* TYPOGRAPHY.CSS */
/* yellow: #FFCD33; blue: #6CCFF5 */

/* DEFAULT FONT SIZE */
html,body{font-size:95%;}
body{font-size:100%;}/* this was in layout_main, research if this matters, otherwise kill it in favor of above */
#footer{font-size:90%;}
select, input, textarea, pre, code, tt{font-size:100%;}
code{font-size:110%; line-height:130%;}/* DAISY strips code tag */
.code_type{font-family: "Courier New", Courier, monospace;}/* in text, not in code samples */

/* DEFAULT MARGINS */
h2, h3, h4, h5 {margin-bottom:.125em;}
h2 + h3 {margin-top:.5em;}/* FAQs */

h2 + p, h3 + p, h4 + p, h5 + p {margin-top:0;}

p + h2, p + h3, p + h4, p + h5,
ol + h2, ol + h3, ol + h4, ol + h5,
ul + h2, ul + h3, ul + h4, ul + h5,
table + h2, table + h3, table + h4, table + h5{margin-top:1.5em;}


/* HEADERS: DEFAULT FONT SIZE */
h1{font-size:250%;}
h2{font-size:135%;}
h3{font-size:115%;}
h4{font-size:100%;}
h5{font-size:105%;}
h6{font-size:105%;}

/* HEADERS: DEFAULT COLOR, STYLE and WEIGHT */
h1, h2, h3, h4, h5, h6{font-weight:bold; color:#FFF; border:0;}
h2, h3, h4, h5 {color:#000;}
h1, h2{font-weight:300;}

/* special cases */
#top h1{font-size:155%;}
#top.landingPg h1{font-size:250%;}

#top h2{font-weight:300; color:#FFF;}

#content.map h2{font-size:125%; text-align:left;}
#content.map h2 span#map_locDetail{margin-top:.25em; font-size:90%; font-weight:normal; display:block;}

/* terms */
ol#termsAndConditions li h3{
	margin-bottom:.25em; 
	text-decoration:underline; 
	font-weight:normal; 
	display:inline-block; 
	display:-moz-inline-block;
	}

#footer {font-size: 80%;}


/*--- TEXT ---*/
p{margin: 0 0 1em 0;}
#content p:last-child{margin-bottom:0;}

#middle {color:#000;}
#content{text-align:left;}

/* terms */
#content.terms h2{font-size:165%;}
#content.terms h3{font-size:100%;}
#content.terms{font-size:80%;}
#content.terms strong{letter-spacing:.0125em;}
#content.terms p.tos_lastUpdated{font-style:italic; margin-top:0;}

/*--- special text styles ---*/
/* FONT COLOR */
.required { color:#FF0;}
.errorMsg{color:#FF0; color:#fee900; margin:1em 0 0 0;}

pre, 
code{color:#555;}/* code examples and table headers*/


/* FONT STYLE, WEIGHT */
.roman{ font-weight:normal;}
em{font-style:italic;}

strong,
.errorMsg{font-weight:bold;}

em strong {font-style:oblique;}

pre{
	margin:0 0 1em 0; 
	padding:.5em; 
	border:1px dotted #999; 
	background-color:#F9F9F9; 
	overflow:auto;
	overflow-y:hidden;
	}

/*--- LINKS ---*/
a {cursor:pointer;}
a:link, a:visited{color:#111;}
a:hover, a:focus, a:active{ color:#222;}

/* special cases */
#top h1 a{text-decoration:none; color:white;}

#content.map #link_logout{position:absolute; top:1em; right:1em; display:block;}
#footer a {color: #FFF;}

/* terms: because section headers are underlines already FF6 ffef3d */
#content.terms a{text-decoration:none; color:#fff25c; border-bottom:1px dotted #fff25c;}


/*--- FORMS ---*/	
input,select,option{color:#333;}
label{font-weight:bold;}

/*--- clear-both --- */	
.clear-both {
	clear: both;
	display: block;
	float: none;
	font: 1px/1px monospace;
	margin-top: -1px; padding-top: 1px;
}

/*--- dynamic elements ---*/
.object-shown,
.shown{display:block;}

.object-hidden, 
.display-none,
.hidden{display:none;}