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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}

fieldset{border: none; padding: 10px 0;}
.error_message{color: red; font-size: 12px;}
div.feedback{color: #dd313A; padding: 15px; font-size: 22px; border: 2px solid black; background: #cccccc; width: 370px; margin-bottom: 20px;}
.sub_button{padding: 3px; border: none;	background: #0A5688; font-size: 13px; color: #FFFFFF;}
b.emphasise{ color: #1B75A9;}
h2.page_title{ color: #1B75A9; font-size: 19px; font-weight: bold;}

body {
	margin: 0;
	padding: 0;
	background: #28313A url(images/img01.jpg) repeat-x left top;
	font-size: 12px;	
	font-family: arial;
	min-height: 930px;	
	color: #5C5C5C;
}

#content {
	width: 880px;
	min-height: 600px;
	margin: 0 auto 0 auto;
	background: #FFFFFF;
	border: 10px #FFFFFF solid;
	color: #5C5C5C;
	font-size: 16px;
}

/* Header */

#header {
    width: 880px;
	margin: 0 auto;
	height: 60px;
	border: 10px #FFFFFF solid;
}

img { border: 0;}
/* Menu */

#menu {
	width: 880px;
	height: 58px;
	background: url(./images/img02.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 23px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: right;
	text-align: center;	
}

#menu a {
	display: block;
	padding: 0 30px;
	background: url(images/img03.jpg) no-repeat left 70%;
	text-decoration: none;
	font-size: 16px;
	color: #cccccc;	
}

#menu a:hover { 
	color: #ffffff;
}

/** LOGO */

#logo {
	width: 880px;
	height: 125px;
	margin: 0 auto;
	text-align: right;
	color: #28313A;
}
#logo p{padding: 10px 0;}

#logo a:hover {color: #28313A;}

/* Footer */


#footer {
	width: 880px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: #E5E5E5;
	border: 10px #FFFFFF solid;
}

#footer p {
	font-size: 12px;
}

#legal {
	clear: both;
	padding-top: 10px;
	text-align: center;
	color: #595959;
}

#legal a {
	font-weight: normal;
	color: #1B75A9;
}

#riddle_message {
	width: 80%;	
	padding: 10px;
	font-size: 1em;
	margin: 23px auto;	
}

#top_riddle_div {
	width: 790px;
	
	margin: 0px auto;
}

#riddle {
	float: right;	
	color: #333333;
	width: 405px;
	min-height: 365px;	
	background: url(images/riddle_bg.jpg) no-repeat center top;
}
#riddle_num_div {
	height: 10px;
	font-size: 14px;
	color: black;
	padding: 10px;
}
div.riddle_text
{ 
	text-align: center;
	font-size: 20px;
	color: #000000;
	margin: 40px 0 70px 0;
}
#riddle_hint {	
	padding: 10px;
	font-size: 14px;
	margin: -40px auto;
}


#riddle_form 
{	
	width: 360px;
	float: left;
	min-height: 365px;	
}

#riddle_form label.Float
{
    float:right;
    width:100px;
}

p.message {
	width: 85%;
	margin: 18px auto;
       padding: 10px;
}

A:link {
	color: #085283;
	text-decoration: none;
}

A:visited {
	color: #085283;
	text-decoration: none;
}

A:active {
	color: #085283;
	text-decoration: none;
}

A:hover {
	color: #111111;
	text-decoration: none;
}

.small_font {
	font-size: 0.7em;
	color: black;
	margin: 0;
}
.med_font {
	font-size: 0.9em;
	color: black;
}

#copyR{
	width: 64%;
	text-align: center;
	margin: 5px auto;
	color: #221188;
	font-size: 0.9em;
    font-weight: bold;    
}

#tips {
    margin: 30px auto; 
	width: 85%;
	min-height: 400px;
	text-align: right;
}

#tips p{
padding: 0 10px 10px 10px;
}

#bar_m {
    margin: 30px auto; 
	width: 85%;
	min-height: 300px;
	text-align: center;
}

#bar_m p{
padding: 0 10px 10px 10px;
}

table.prev_riddle_tble {width: 90%; margin: 30px auto; border: 1px solid #28313A;}
td.prev_riddle_td{padding: 5px 10px 5px 5px; background: #eaeceb;}
td.prev_riddle_td1{padding: 5px 10px 5px 5px; background: #d4dcd8;}

#prev_riddle_links{width: 90%; height: 40px; margin: 0 auto;}
#prev_riddle_links ul{ list-style: none;}
#prev_riddle_links li{width: 10px; float: right; border: solid 1px black; margin: 2px; padding : 4px; background: #eaeceb;height: 20px;}

#prev_riddle{
display:none;
position:absolute;
_position:absolute; /* hack for internet explorer 6*/
z-index:2;
color: #333333;
width: 405px;
min-height: 360px;	
background: url(images/riddle_bg.jpg) no-repeat center top;
}

div.prev_riddle_text
{
  	text-align: center;
	font-size: 25px;
	margin: 60px auto 0 auto;
	color: #000000;
}

#prev_riddle_answer
{	
	padding: 0 10px;
	font-size: 14px;
}

#prev_riddle_hint {	
	padding: 10px;
	font-size: 14px;
}
#show_prev_answer
{	
	cursor: pointer;
	color: #1B75A9;
	font-weight: bold;
}

#show_prev_answer
{	
	cursor: pointer;
	color: #1B75A9;
	font-weight: bold;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}


#popupRiddleClose{
font-size:16px;
left:5px;
top:5px;
padding: 0 2px 0 2px;
position:absolute;
color: black;
font-weight:700;
display:block;
cursor: pointer;
}


/*
#backgroundPopup{
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#444444;
border:1px solid #cecece;
z-index: 1;

}

#popupContact{	
display:none;
position:fixed;
_position:absolute;
height:450px;
width:450px;
z-index:2;
padding:12px;
font-size:13px;
}

#popupRiddleClose{
font-size:16px;
left:5px;
top:5px;
padding: 0 2px 0 2px;
position:absolute;
color: black;
font-weight:700;
display:block;
cursor: pointer;
}

span.riddle{
text-align:center;
margin:100px;
}

*/
#link_page{
width: 735px;
height: 430px;
margin: 30px auto;
padding: 0;
}

#link_page ul{	
	list-style: none;
	display: block;
}

#link_page li {
	display: block;
	font-size: 15px;
	padding-top: 10px;
}

#link_page a {
	display: inline;
	font-size: 17px;	
	text-decoration: none;	
	font-weight: bold;
	color: #1B75A9;
}


#contact
{
  width: 90%;
  margin: 30px auto;
}

#contact label
{
    float:right;
    width:140px;
}