/* v1.0 | 20080212 | http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* MISC */
.hidden { display: none; visibility: hidden; }
.self { cursor: normal; }
div.hr { display: block; clear: both; width: 100%; }
div.hr hr { position: relative; border: 0; color: transparent; visibility: hidden; }
#skiplink { position: absolute; left: -9000px; }
.left { float: left; }
.right { float: right; }

/* MAIN TYPOGRAPHY */
html { font-size: 62.5%; }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
pre { white-space: pre; }
pre * { font-size: 100%; white-space: pre; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 80%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* FORMS */
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

/* QUOTES */
blockquote > p:before { content: "\201C"; }
blockquote > p:after { content: "\201D"; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
.forum-body ul > li blockquote p, .spymsg blockquote p { font-size: 1.2em; }
cite { font-style: normal; font-size: 1.1em; }

/* LINKS */
a { text-decoration: none; }
a:link { color: #56c5ff; }
a:visited { color: #56a6cf; }
a:hover { color: #9ddeff; }
a:focus { color: #9ddeff; }
a:active { color: #dcecff; }

/*** SITE-SPECIFIC STYLES ***/
html { color: #d1dced; background: #7965a9 url(images/megaheader.png) top center no-repeat; font-family: helvetica,arial,sans-serif; }
body { position: relative; overflow: visible;  padding-left: -100px; width: 960px; margin: 0 auto; background: url(images/body-bg-earth.png) 0 0 no-repeat; }
#container { position: relative; width: 960px; margin: 0 auto; background: url(images/content-bg-left.png) top left repeat-y; }
#header { text-align: left; overflow: visible; background: #7965a9 url(images/body-bg-earth.png) -100px 0 no-repeat; width: 960px; }
	#header h1 { position: relative; width: 242px; height: 165px; background: transparent url(images/m3ft-logo.png) top center no-repeat; }
		#header h1 a { display: block; width: 242px; height: 165px; text-indent: -9000px; }
	#header ul { position: absolute; top: 70px; left: 310px;}
		#header ul li { display: inline; height: 53px; line-height: 53px; padding: 0 50px; font-size: 1.7em; text-transform: uppercase;}
			#header ul li a:link { color: #E3E3E3; }
			#header ul li a:visited { color: #E3E3E3; }
			#header ul li a:hover { color: #FFFFFF; }
			#header ul li.current a { color: white; font-weight: bold; }


#top { background-color: #513c7c; height: 129px; padding: 40px 0 0 240px; }
	#top .date { position: relative; color: #958181; font-size: 1.1em; left: 15px; }
	#top ul#downloads { float: left; margin: 10px 0 0 0; background: url(images/header-gift.png) 20px 0 no-repeat; }
		#top ul#downloads li { padding: 5px 0 5px 90px; color: #958181; }
			#top ul#downloads #dlmain { padding-left: 60px; }
				#top ul#downloads #dlmain a { font-size: 2em; font-style: italic; }
					#top ul#downloads #dlmain a span { font-size: .5em; }
	#top p#readme { float: left; color: #958181; width: 180px; padding: 15px 0 0 70px; line-height: 2em; background: url(images/header-readme.png) 25px 15px no-repeat; }
		#top p#readme a { font-size: 1.6em; line-height: 1.6em; }

#sidemain { float: left; width: 240px; color: #513c7c; padding: 20px 0; }
	#sidemain h2, #sidemain h3, #sidemain h4 { font-size: 1.4em; font-style: italic; text-transform: uppercase; padding: 2em .8em 0; }
	#sidemain p { font: 1.2em Georgia, Times, 'Times New Roman', sans-serif; padding: 1em; line-height: 1.5em; }
	#family { position: absolute; top: 134px; left: 5px; }
	#sidemain ul { margin-left: 30px; }
		#sidemain ul li { list-style: disc outside; padding: 2px 0; }
		#sidemain a { text-decoration: none; }
		#sidemain a:link { color: #396fb9; }
		#sidemain a:visited { color: #39485d; }
		#sidemain a:hover { color: #005ede; }
		#sidemain a:focus { color: #005ede; }
		#sidemain a:active { color: #dcecff; }

#content { float: left; width: 720px;}
	body#or #content { width: 660px; padding: 0 30px; }
		body#or #content div.note, body#or #content p.note { padding: 7px 30px 15px; margin: 15px 0; background-color: #513c7c; }
		body#or #content div.note { font-size: .9em; }
			body#or #content #upfront p { line-height: 1.2em; }

body#or #content img { padding: 1em 1em 1em 0; }

	body#or #content #container { position: relative; padding: 50px 100px; width: 760px; background: #2f4a75 url(../images/bg-content.html) bottom center repeat-x; }
	body#or #content h1, body#or #content h2, body#or #content h3, body#or #content h4, body#or #content h5 { font-size: 1em; color: white; margin: 2em 0 0; }
	body#or #content h1 { font-size: 3em; }
	body#or #content h2 { font-size: 2.5em; }
	body#or #content h3 { font-size: 2em; }
	body#or #content h4 { font-size: 1.75em; }
	body#or #content h5 { font-size: 1.5em; }
	body#or #content h6 { font-size: 1.25em; }

	body#or #content ol, body#or #content ul { list-style: decimal outside; margin-left: 2em; font-size: 1.4em; }
	body#or #content ul { list-style: disc outside; }
		body#or #content li { padding: .5em; line-height: 1.2em;}
			body#or #content li ul { list-style: disc outside; margin: .5em 0 0 2em; }
				body#or #content li ul li { padding: .25em; font-size: .65em; }

	body#or #content p.q { margin-top: 2em; }
	body#or #content p.a { margin-top: 0; }
	body#or #content p.q span.letter { font-size: 1.6em; font-weight: bold; }
	body#or #content p.q span.question { font-weight: bold; }
	body#or #content p.a span.letter { font-size: 1.6em; font-weight: bold; }

	#content h1.notes, #content h1.unused { position: relative; top: -1em; margin-top: 0; padding-top: 0; text-indent: -9000px; background-image: url(images/header-trans-notes-large.png); width: 495px; height: 137px; }
	#content h1.unused { background-image: url(images/unused-logo.png); }

	#content p { margin: 1em 0 0 0; font-size: 1.4em; line-height: 1.65em; }
	#content pre { margin: 1em 0 0 0; padding: 2em; color: #c2cee0; font-size: 1.3em; line-height: 1.5em; background-color: #0e1828; border: 1px dotted #1f2c40; }
	#content ul#steps { margin: 30px 0 0 60px; padding-bottom: 10px; font-size: 1.2em; background-color: #810e0e;}
		#content ul#steps li#stepone { background: url(images/body-header-stripes-dark.png) repeat; padding-bottom: 15px; }
		#content ul#steps li { padding: 15px 15px 5px 60px; position: relative; line-height: 1.5em; }
		#content ul#steps li strong { font-weight: bold; font-style: italic; text-transform: uppercase; display: block; position: absolute; left: 8px; }
			#content ul#steps li ul.emus { overflow: hidden; position: absolute; width: 600px; left: 0; top: 4em; margin: 10px -60px 0 0; padding: 10px 0 10px 60px; background-color: #513c7c; }
			#content ul#steps li ul li { margin: 0; padding: 0; }
			#content ul#steps li ul li.emu { float: left; padding: 0 20px 0 0; }
			#content ul#steps li ul li.emu h4 { color: #fbe7e7; font-style: italic; font-weight: bold; }

#matonote, #content ul#excellence { color: #E3E3E3; font: .85em/1.5 Georgia, Times, 'Times New Roman', serif; }

#matonote { position: relative; margin: 2em 0 0 60px; padding: 15px 15px 15px 60px; background: url(images/body-header-stripes-light.png); }
	#matonote img.icony { position: absolute; left: -30px; }

	
	
#content #main { width: 480px; margin-top: 2em; float: left; }
#content h3 { font-size: 1.5em; margin: 1em 0 .75em 120px; clear: both;}
#content ul#later { margin-left: 120px; list-style: disc outside; }
		#content #main ul#later li { margin-left: 2em; font-size: 1.2em; padding: .5em 0;}
	#content #main ul#excellence { list-style: none; margin-left: 0; } 
	#content ul#excellence li { min-height: 112px; padding: 2em 15px 0 0; margin-left: 0; }
		#content ul#excellence li p { margin-top: .25em; margin-bottom: 1em; }
		#content ul#excellence li a.icony { float: left; }
	#content ul#excellence li#monetwo { min-height: 30px; }
	#content ul#excellence li#tools { min-height: 30px; }
	
	#content ul#excellence li#handbook { padding: 30px 15px 20px 0; }
		#content ul#excellence li#handbook a.icony { min-height: 160px; }
	#content ul#excellence li#upcoming { display: block; }
		#content ul#excellence li#upcoming h3 { font-size: 1.6em; margin: 0; padding: 0 0 .5em 0; color: #ffdfdf; }
		#content ul#excellence li#upcoming ul { list-style: disc outside; margin: 0; padding: 0; }
			#content ul#excellence li#upcoming ul li { font-size: 1.4em; margin: 0; padding: 0 0 0 1em; min-height: 2em;}

#content h2 { font-size: 2em; font-style: italic; margin: 2em 0 .5em 60px; }
#content #sidebar { background-color: #513c7c; width: 195px; float: left; margin: 30px 0 0 0; padding: 30px 15px 30px 30px; }
	#content #sidebar a.daword { display: block; width: 100%; text-align: center; margin: 10px 0 0 0; } 
	#content #sidebar h3 { font-size: 1.4em; color: #eebebe; font-weight: bold; font-style: italic; margin: 2em 0 0 0; position: relative; left: -1em; }
	#content #sidebar p { font-size: 1.2em; color: #eebebe; font-family: Georgia, Times, 'Times New Roman', serif; line-height: 1.3em; }
	#content #sidebar ul { margin: 15px 0 0 15px; }
		#content #sidebar ul li { list-style: disc outside; padding: .3em; font-size: 1.2em; }
	#content #sidebar ul#flags { margin: 15px 0 0 0; }
		#content #sidebar ul#flags li { list-style: none; padding-left: 30px; background: url(images/flags/br.png) center left no-repeat; }
			#content #sidebar ul#flags li#it { background-image: url(images/flags/it.png); }
			#content #sidebar ul#flags li#fr { background-image: url(images/flags/fr.png); }
			#content #sidebar ul#flags li#es { background-image: url(images/flags/es.png); }
			#content #sidebar ul#flags li#mx { background-image: url(images/flags/mx.png); }
			#content #sidebar ul#flags li#de { background-image: url(images/flags/de.png); }
			#content #sidebar ul#flags li#pt { background-image: url(images/flags/pt.png); }
			#content #sidebar ul#flags li#my { background-image: url(images/flags/my.png); }
			#content #sidebar ul#flags li#be { background-image: url(images/flags/be.png); }

#footer { padding-left: 60px; width: 100%; clear: both; padding-top: 3em; font-size: .7em; font-family: Helvetica, Arial, sans-serif; color: #957171; }
	#footer p { line-height: 1.2em; }