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: 110%;
	vertical-align: baseline;
	background: transparent;
	font-family:'arial black',sans-serif;
}
body {
	line-height: 1;
	padding-bottom:40px;
	background:url(../images/background.gif) top left;
}
ol, ul {
	list-style: none;
}
input{font-family:'arial black', sans-serif;font-size:80%;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{background-color:#fff;padding-top:40px;padding-left:40px;}

p{margin:0 auto;text-align:center;}
form{display:inline;}
em{color:#555;font-style:normal;}
h1#philatype{background:url(../images/logo.gif) top left no-repeat;width:200px;height:100px;text-indent:-200em;font-size:10px;position:absolute;top:0px;right:0px;}
h1#philatype a{display:block;height:100px;}

input.answer{background-color:yellow;border:0px;width:78px;height:85px;text-align:center;text-transform:lowercase;display:inline;margin-left:20px;
background:url(../images/circle.png) 3px 10px no-repeat;font-size:160%;padding-top:10px;}
li.correct input.answer{background:none;margin-bottom:0px;}
li.correct , li.correct *{color:#ddd;}
ol#quiz li.correct {background:url(../images/hr.png) bottom right no-repeat;}

input.return{width:24px;height:19px;outline:none;}

ol#quiz{list-style-type:none;width:600px;}
ol#quiz li{width:720px;display:none;padding-top:30px;background:url(../images/hr.png) bottom left no-repeat;padding-bottom:30px;padding-left:20px;position:relative;}
input.answer{text-transform:uppercase;}


div#container{width:1000px;position:relative;}

div#header{overflow:auto;display:block;}
div#main{margin-top:10px;}

h1#thetoughquiz{background:url(../images/thetoughquiz.png) top left no-repeat;width:730px;height:254px;text-indent:-3000em;}
h2#broughttoyouby a{background:url(../images/broughttoyou.png) top left no-repeat;width:746px;height:85px;text-indent:-1000em;display:block;outline:none;float:left;margin-top:10px;}
ol#quiz li.lower input.answer{text-transform:lowercase;padding-top:-10px;}


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: 110%;
	vertical-align: baseline;
	background: transparent;
	font-family:'arial black',sans-serif;
}
body {
	line-height: 1;
	padding-bottom:40px;
	background:url(../images/background.gif) top left;
}
ol, ul {
	list-style: none;
}
input{font-family:'arial black', sans-serif;font-size:80%;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{background-color:#fff;padding-top:40px;padding-left:40px;}

p{margin:0 auto;text-align:center;}
form{display:inline;}
em{color:#555;font-style:normal;}
h1#philatype{background:url(../images/logo.gif) top left no-repeat;width:200px;height:100px;text-indent:-200em;font-size:10px;position:absolute;top:0px;right:0px;}
h1#philatype a{display:block;height:100px;}

input.answer{background-color:yellow;border:0px;width:78px;height:85px;text-align:center;text-transform:lowercase;display:inline;margin-left:20px;
background:url(../images/circle.png) 3px 10px no-repeat;font-size:160%;padding-top:10px;}
li.correct input.answer{background:none;margin-bottom:0px;}
li.correct , li.correct *{color:#ddd;}
ol#quiz li.correct {background:url(../images/hr.png) bottom right no-repeat;}

input.return{width:24px;height:19px;outline:none;}

ol#quiz{list-style-type:none;width:600px;}
ol#quiz li{width:720px;display:none;padding-top:30px;background:url(../images/hr.png) bottom left no-repeat;padding-bottom:30px;padding-left:20px;position:relative;}
input.answer{text-transform:uppercase;}


div#container{width:1000px;position:relative;}

div#header{overflow:auto;display:block;}
div#main{margin-top:10px;}

h1#thetoughquiz{background:url(../images/thetoughquiz.png) top left no-repeat;width:730px;height:254px;text-indent:-3000em;}
h2#broughttoyouby a{background:url(../images/broughttoyou.png) top left no-repeat;width:746px;height:85px;text-indent:-1000em;display:block;outline:none;float:left;margin-top:10px;}
ol#quiz li.lower input.answer{text-transform:lowercase;padding-top:-10px;}
ul#links{display:block;position:absolute;position:fixed;top:5px;right:230px;}
ul#links li{display:block;float:left;}
ul#links li a{padding:10px;}
ul#links li a:hover img{border-bottom:2px solid #fff;}



#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }

#tooltip{position:fixed;top:20px;font-size:10px;margin-left:-250px;margin-top:5px;}
#email a{position:fixed;bottom:20px;right:0px;width:23px;height:248px;display:block;background:url(../images/email.png) right top no-repeat;text-indent:-1000em;}
#email a:hover{background:url(../images/email.png) left top no-repeat;}

