body {
text-align:center;
padding: 0;
margin: 0;
background: #52d3ff scroll;
font-family: 'Myriad Pro', 'Myriad', Helvetica, Calibri, Arial, Sans-Serif;
font-size: 100%;
color: #000033;
}
*{
font-size:1em;
text-decoration:none;
}
.clear {clear: both;}
.hide{display: none;}
.show{display: block;}
.floater{float:left; margin: 10px 20px 10px 0px;}
p {
font-size: 14px;
line-height: 24px;
word-spacing: 2px;
text-align: justify;
}
a{cursor: pointer;}
.card a{color: #1f2e00; border-bottom: 1px dotted #1f2e00;}
#copyright a{color: #000; border-bottom: 1px dotted #72a600;}

h2, h3, h4, h5, h6{margin: 0; font-weight: normal;}

h2 {
font-size: 36px;
letter-spacing: -1.8px;
word-spacing: 4.5px;
padding: 0 0 5px 0;
line-height: 45px;
}

h3 {
font-size: 24px;
letter-spacing: -1.2px;
word-spacing: 3.6px;
margin: 3px 0 2px 0;
line-height: 36px;
border-bottom: 1px solid #b4e3eb;
}

h4 {
font-size: 18px;
letter-spacing: -.9px;
word-spacing: 2.4px;
margin: 0 0 5px 0;
line-height: 24px;
}

#wrapper {
width: 100%; 
min-height: 530px;
margin: auto;
background: url(/static/images/fb-background.gif) repeat-x #52d3ff;
}

#header{
height: 70px;
width: 100%;
background: url(/static/images/fb-header.gif) repeat-x;
}

#headerwrapper{
margin: 0 auto 0 auto;
width: 780px;
}
.logo{
background: url(/static/images/fb-logo.gif) no-repeat;
float: left;
width: 200px;
height: 70px;
padding: 0;
margin: 0 auto 0 auto;
}
.navbar{
float: right;
padding: 18px 0 0 0;
}

.navbar a, .navbar a:link, .navbar a:visited{
color: #fff;
margin: 0 0 0 10px;
text-decoration: none;
text-align: center;
height: 15px;
float: left;
padding: 5px 5px 0 5px;
margin: 0 2px 0 2px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #1f2e00;
}

.navbar a:hover, .active{
color: #fff;
border: 1px solid #a3da29;
background: #72a600;
}

.card {
width: 760px;
overflow:hidden;
display: block;
background: #f9f9f9;
text-align: left;
border: 10px solid #2f5e6e;
margin: 10px auto 10px auto;
}

.question{
border-bottom: 1px solid #f8aeae;
padding: 20px;
}
.other{
padding: 10px 20px 10px 20px;
}

#info_message {
text-transform: uppercase;
font-size: 10px;
color: #cd5e5e;
}

.choices {font-size: 18px; letter-spacing: -.7px; word-spacing: 2.4px;}
.choices a:link, .choices a:visited, .choices a{
cursor: pointer;
text-decoration: none;
display: block;
padding: 10px 20px 10px 20px;
border-bottom: 1px dotted #b4e3eb;
color: #222;
}
.choices a:hover {color: #000; background: #fff07f; border-bottom: 3px solid #ffe000; border-top: 3px solid #ffe000; font-weight: bold;}
.choices a:active {color: #bbb;}

.references {
font-size: 10px; 
letter-spacing: .5px;
text-transform: uppercase; 
text-align: right; 
padding: 15px 20px 10px 10px; 
}
.references a{color: #1f2e00;}

.sidebar{
float: right;
text-align: center;
overflow:hidden;
width: 220px;
margin: 20px;
padding: 6px;
background: #74dcff;
border: 3px solid #2f5e6e;
}
.sidebar p{
padding: 2px;
margin: 3px;
text-align: center;
color: #000;
line-height: 18px;
}
.on, .off, .inactive{
	float: left; 
	padding: 5px; 
	margin: 5px 10px 5px 0px; 
	text-align: center;
	border: 1px solid #aaa;
	background: #ddd;
	font-size: 12px;
	text-align: left;
}
.on {background: #a7e923; width: 200px;}
.off {background: #ff3232; width: 200px;}
.bar{
font-size: 12px;
color: #000;
letter-spacing: -.4px;
word-spacing: 2px;
margin: 2px 0 2px 0; 
padding: 2px 3px 2px 3px;
overflow: hidden;
background: #fff07f;
width: 50%;
border: 1px solid #b4e3eb;
}

.flaglink {text-decoration: underline; cursor: pointer;}

#wrongbox, #rightbox, .scorebox , .specialbox{margin: 5px;}
#wrongbox {background: #ff3232;border: 2px solid #7c0202;}
#rightbox {background: #a7e923;border: 2px solid #3f9e38;}
.scorebox, .specialbox, #welcomebox  {background: #e5f8ff;border: 2px solid #096696;}
#copyright {font-size: 10px;text-align:center;padding: 10px; text-transform: uppercase;}

#bottomad {width:728px; margin: 10px auto 10px auto;}

#id_text, #id_vignette, #id_explanation, #id_user_name, #id_password, #id_email, #id_display_name, #id_url{
width: 100%;
border: 1px solid #ccc;
font-family:myriad pro,helvetica,calibri,arial,sans-serif;
}

#id_vignette, #id_explanation{
height: 50px;
font-family:myriad pro,helvetica,calibri,arial,sans-serif;
}

#id_category, #id_organ{
width: 50%;
padding: 5px;
border: 1px solid #ccc;
font-family:myriad pro,helvetica,calibri,arial,sans-serif;
}

#id_one, #id_two, #id_three, #id_four{
display: block;
width: 100%;
text-decoration: none;
padding: 10px 20px 10px 20px;
background: #f9f9f9;
border: 0;
color: #222;
padding: 10px 20px 10px 20px;
border-bottom: 1px dotted #b4e3eb;
font-family:myriad pro,helvetica,calibri,arial,sans-serif;
}

#id_correct{
font-family:myriad pro,helvetica,calibri,arial,sans-serif;
display: block;
width: 100%;
text-decoration: none;
padding: 10px 20px 10px 20px;
border: 0;
color: #000; background: #fff07f; border-bottom: 3px solid #ffe000; border-top: 3px solid #ffe000; font-weight: bold;}

.other ul, .other ol, .question ul, .question ol{
font-size: 13px;
list-style-type: square;
padding: 0 0 0 15px;
}

.other li, .question li{
padding: 3px 0 3px 0;
}

.small_notice{
padding: 0;
margin: 0;
text-transform: uppercase;
font-size: 10px;
}
.alert input{
background: #fff07f
}
.sidebar a{
color: #1f2e00;
}