* 			{font-family: 'Verdana', serif; color: #808080; text-decoration: none;}
body 			{background-color: #f6fcff; background-image:  url('images/back_top.gif'); background-repeat: repeat-x; margin: 0; padding: 0;}
h1 			{color: #000000; float: left; clear: both; margin: 20px 10px 10px; padding: 10px; font-size: 1.6em; font-weight: normal; font-family: 'Times New Roman', Times, serif; border: 3px double green; -webkit-border-radius: 10px; -moz-border-radius: 10px;   -webkit-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; box-shadow: 0px 0px 5px #646D7E; -moz-box-shadow: 0px 0px 5px #646D7E; -webkit-box-shadow: 0px 0px 5px #646D7E; background-color: #81DCFB;}
h2 			{color: #000000; padding: 0px; margin: 0px; font-size: 1em; text-decoration: none;}
h2 a			{color: #000000; padding-left: 1em; text-decoration: none;}
h2 a:hover		{color: #000000; background-image: url('images/arrow_blue.gif'); background-repeat: no-repeat; background-position: bottom left; text-decoration: none;}
h3 			{color: #000000; margin: 0px; padding: 0px; text-decoration: none; font-weight: normal; font-family: 'Times New Roman', Times, serif;}
h4			{color: #000000; margin: 0px; padding-left: 0px; font-weight: normal; font-family: 'Times New Roman', Times, serif;}
p 			{margin: 0px; padding: 0px;}
a			{text-decoration: underline;}
a:hover			{color: #2F4F4F;}
input			{color: #000000; border: 1px solid grey; margin: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #E6E6FA;}
textarea		{color: #000000; border: 1px solid grey; margin: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #E6E6FA;}
select			{color: #2F4F4F; border: 1px solid grey; margin: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #E6E6FA;}
option			{color: #2F4F4F;}
button			{color: #2F4F4F; float: right; clear: both;} 
label 			{color: #2F4F4F; float: left; clear: left; width: 220px; text-align: right; margin: 5px; display: block}
form  			{box-shadow: -2px 2px 5px #646D7E; -moz-box-shadow: -2px 2px 5px #646D7E; -webkit-box-shadow: -2px 2px 5px #646D7E; border: 1px solid green; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #C5EEFC; float: left; clear: both; padding: 10px; margin: 0px;}
fieldset		{border: none;}

#tit 			{float: left; vertical-align: bottom; margin-left: 10px; margin-top: 10px; padding-top: 15px; padding-left: 100px; height: 85px; letter-spacing: -5px; font-weight: normal; font-size: 3.2em; color: black; background-image:  url('images/logo.gif'); background-repeat: no-repeat;}
#tit a 			{text-decoration: none; color: #000000; text-shadow: 0 0 2px #000, 0 0 4px #ccc, 0 -3px 4px #ff3, 2px -6px 6px #f80, -2px -10px 11px #f80, 2px -14px 18px #f20;}
.underline		{color: #000000; text-decoration: underline;}
.underline a		{color: #000000;}
#top			{color: #FA7304; text-shadow: 1px 1px 1px red, 1px 1px 1px #000, 0px 0px 4px yellow, 0px 0px 8px red, 0 0 15px #fff;}
#top a			{text-decoration: none;}
#sub_tit 		{font-style: italic; display: block; font-size: 0.34em; color: black; text-align: left; margin-left: 150px; letter-spacing: normal;}
#sub_tit a 		{text-decoration: none;}

#flags 			{position: absolute; right:0px; font-size: 0.5em; border: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 5px 5px 0px 0px; padding: 5px; background-color: #006957;}
#flags img		{width: 30px; border: 1px solid #000000; margin: 2px;}
#flags p		{color: black; font-size: 12px; text-align: right;}

#stats			{position: absolute; right:0px; top:60px; border: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 5px 5px 0px 0px; padding: 5px; background-color: #00a287;}
#stats p		{color: black; font-size: 0.75em; text-align: right;}

#social			{border: 1px solid black; color: black; font-size: 0.75em; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 5px 5px 0px 0px; padding: 5px; background-color: #34d0b6; float: right;}
#social a		{color: black;}
#social img		{border: none; padding: 0px; margin: 0px;}

#menu			{display: block; float: left; list-style-type: none; margin: 0px 0px 0px 3px ; padding: 0% 0% 0% 1%; width: 98%; background-image: url('images/menu_bar.gif'); background-repeat: repeat-x; border: 1px solid black; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#menu li		{float: left; margin: 0px; padding: 0px; background-image: url('images/menu_bar.gif'); background-repeat: repeat-x;}
#menu a:link 		{color: #004B4A; font-weight: bold; font-size: 1em; display: block; margin-right: 0px; padding-left: 10px; padding-right: 5px; text-decoration: none; font-family: 'Times New Roman', Times, serif;}
#menu a:active 		{color: #004B4A; font-weight: bold; font-size: 1em; display: block; margin-right: 0px; padding-left: 10px; padding-right: 5px; text-decoration: none; font-family: 'Times New Roman', Times, serif;}
#menu a:visited 	{color: #004B4A; font-weight: bold; font-size: 1em; display: block; margin-right: 0px; padding-left: 10px; padding-right: 5px; text-decoration: none; font-family: 'Times New Roman', Times, serif;}
#menu a:hover 		{color: white; font-weight: bold; font-size: 1em; display: block; margin-right: 0px; padding-left: 10px; padding-right: 5px; text-decoration: none; background: green; font-family: 'Times New Roman', Times, serif;}
#menu #active_menu	{border-right: 1px solid #000000; border-left: 1px solid #000000; color: black; font-weight: bold; font-size: 1em; display: block; margin-right: 0px; padding-left: 10px; padding-right: 5px; text-decoration: none; background: #006B6B; font-family: 'Times New Roman', Times, serif;}

#login			{float: left; list-style-type: none; margin: 0px 0px 0px 3px ; padding: 0% 0% 0% 1%; clear: both; width: 98%;}
#login li		{float: left; margin: 0px; padding: 0px;}
#login a:link 		{color: #ffffff; font-weight: normal; font-size: 0.9em; display: block; margin-left: 0px; padding-left: 5px; padding-right: 5px; text-decoration: none; font-family: 'Times New Roman', Times, serif;}
#login a:active 	{color: #ffffff; font-weight: normal; font-size: 0.9em; display: block; margin-left: 0px; padding-left: 5px; padding-right: 5px; text-decoration: none; font-family: 'Times New Roman', Times, serif;}
#login a:visited 	{color: #ffffff; font-weight: normal; font-size: 0.9em; display: block; margin-left: 0px; padding-left: 5px; padding-right: 5px; text-decoration: none; font-family: 'Times New Roman', Times, serif;}
#login a:hover 		{color: #ffffff; font-weight: normal; font-size: 0.9em; display: block; margin-left: 0px; padding-left: 5px; padding-right: 5px; text-decoration: underline; font-family: 'Times New Roman', Times, serif;}
#login #active_sub_menu	{color: #ffffff; font-weight: normal; font-size: 0.9em; display: block; margin-left: 0px; padding-left: 5px; padding-right: 5px; text-decoration: none; font-family: 'Times New Roman', Times, serif;}

#all			{float: left; width: 100%;}

#footer			{clear: both; width: 100%; height: 50px; background-image: url('images/back_bottom.gif'); background-repeat: repeat-x;}

#body			{float: left; width: 79%; margin-left: 1%;}
.par			{float: left; width: 90%; padding: 10px 20px 10px 20px; font-size: 0.9em;}

#right			{float: right; width: 18%; margin: 0px 5px 0px 0px;}

{background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
background: -moz-linear-gradient(top,  #ccc,  #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');}


#quick_links			{background-color: #99FF99; margin: 20px 0px; padding-bottom: 10px; width: 100%; border: 1px solid black; -webkit-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; box-shadow: -2px 2px 5px #999999; -moz-box-shadow: -2px 2px 5px #999999; -webkit-box-shadow: -2px 2px 5px #999999;}
#quick_links p			{padding-left: 10px;}
#quick_links h3			{padding-left: 10px; background: #33CC66; }
#quick_links h4			{padding-left: 10px; background: #99FF99; background: -moz-linear-gradient(top,  #33CC66,  #99FF99);}
#quick_links a 			{padding: 2px 5px; border-bottom: 1px dashed grey; text-decoration: none; color: #2F4F4F; display: block;}
#quick_links a:hover		{padding: 2px 5px; text-decoration: none; background-color: #33CC66;}
#quick_links ul 		{padding: 2px; margin: 0px;}
#quick_links li			{list-style-type: none; font-size: 0.75em; overflow: hidden; text-overflow: ellipsis;}


#quick_links_cat		{background-color: #FFCCFF; margin: 20px 0px; padding-bottom: 10px; width: 100%; border: 1px solid black; -webkit-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; box-shadow: -2px 2px 5px #999999; -moz-box-shadow: -2px 2px 5px #999999; -webkit-box-shadow: -2px 2px 5px #999999;}
#quick_links_cat p		{padding-left: 10px;}
#quick_links_cat h3		{padding-left: 10px; background: #E7A1B0;}
#quick_links_cat h4		{padding-left: 10px; background: #FFCCFF; background: -moz-linear-gradient(top,  #E7A1B0,  #FFCCFF);}
#quick_links_cat a 		{padding: 2px 5px; border-bottom: 1px dashed grey; text-decoration: none; color: #2F4F4F; display: block;}
#quick_links_cat a:hover	{padding: 2px 5px; text-decoration: none; background-color: #E7A1B0;}
#quick_links_cat ul 		{padding: 2px; margin: 0px;}
#quick_links_cat li		{list-style-type: none; font-size: 0.75em; overflow: hidden; text-overflow: ellipsis;}


#quick_links_top_sites		{background-color: #AFDCEC; margin: 20px 0px; padding-bottom: 10px; width: 100%; border: 1px solid black; -webkit-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; box-shadow: -2px 2px 5px #999999; -moz-box-shadow: -2px 2px 5px #999999; -webkit-box-shadow: -2px 2px 5px #999999;}
#quick_links_top_sites p	{padding-left: 10px;}
#quick_links_top_sites h3	{padding-left: 10px; background: #79BAEC;}
#quick_links_top_sites h4	{padding-left: 10px; background: #AFDCEC; background: -moz-linear-gradient(top,  #79BAEC,  #AFDCEC);}
#quick_links_top_sites a 	{padding: 2px 5px; border-bottom: 1px dashed grey; text-decoration: none; color: #2F4F4F; display: block;}
#quick_links_top_sites a:hover	{padding: 2px 5px; text-decoration: none; background-color: #79BAEC;}
#quick_links_top_sites ul 	{padding: 2px; margin: 0px;}
#quick_links_top_sites li	{list-style-type: none; font-size: 0.75em; overflow: hidden; text-overflow: ellipsis;}


#quick_links_top_cat		{background-color: #FFF8C6; margin: 20px 0px; padding-bottom: 10px; width: 100%; border: 1px solid black; -webkit-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; box-shadow: -2px 2px 5px #999999; -moz-box-shadow: -2px 2px 5px #999999; -webkit-box-shadow: -2px 2px 5px #999999;}
#quick_links_top_cat p		{padding-left: 10px;}
#quick_links_top_cat h3		{padding-left: 10px; background: #EDDA74;}
#quick_links_top_cat h4		{padding-left: 10px; background: #FFF8C6; background: -moz-linear-gradient(top,  #EDDA74,  #FFF8C6);}
#quick_links_top_cat a 		{padding: 2px 5px; border-bottom: 1px dashed grey; text-decoration: none; color: #2F4F4F; display: block;}
#quick_links_top_cat a:hover	{padding: 2px 5px; text-decoration: none; background-color: #EDDA74;}
#quick_links_top_cat ul 	{padding: 2px; margin: 0px;}
#quick_links_top_cat li		{list-style-type: none; font-size: 0.75em; overflow: hidden; text-overflow: ellipsis;}


#intro			{border: 1px solid green; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #C5EEFC; float: left; clear: both; width: 96%; padding: 10px; margin: 10px 0px 0px 0px; color: black; font-size: 0.7em;}
#intro span.c		{font-weight: bold; font-size: 1em; color: black;}
#intro span.i		{font-style: italic; color: black;}
#intro span.i a		{color: black;}
#foreword		{border: 1px solid green; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #C5EEFC; float: left; clear: both; width: 60%; padding: 10px; margin: 0px 80px 0px 80px;}
.add_cat		{float: left; clear: both; font-size: 0.9em; margin: 0px 10px 10px;}
.add_cat_inline		{font-size: 0.9em; margin-top: 10px;}

.main_ul 		{border: 1px solid green; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #C5EEFC; float: left; clear: both; list-style-type: none; margin: 0px; padding: 0px 0px 20px 0px; width: 100%;}
.main_li_1 		{padding-top: 10px; float: left; width: 100%; background-color: transparent; clear: both;}
.main_li_2		{border-bottom: solid 1px #81DCFB; border-top: solid 1px #81DCFB; padding-top: 10px; float: left; width: 100%; background-color: #ffffff; clear: both;}

.main_fore		{height: 7em; width: 19%; float: left; text-align: center; font-size: 0.9em;}
.main_fore img		{box-shadow: 0px 0px 5px #999999;  -moz-box-shadow: 0px 0px 5px #999999;  -webkit-box-shadow: 0px 0px 5px #999999; height: 100px; width: 100px; border: outset #000000 1px;}

.main_title		{width: 99%; float: left; padding-left: 0em; padding-bottom: 0px; margin-bottom: 10px; border-bottom: solid 1px green;}
.main_title a		{text-decoration: none;}
.main_desc		{height: 5em; width: 99%; float: left; padding-left: 1em; font-size: 0.75em;}
.main_desc a		{font-size: 1em;}
.main_desc .ol_left	{padding: 0px; margin: 0px; width: 100%;}
.main_desc .ol_left li	{background-color: transparent;}
.main_cont		{height: 7em; width: 59%; float: left; margin-right: 1%;}

.main_votes		{width: 49%; float: left; text-align: center; font-size: 0.9em;}
.main_hits		{border-left: solid 1px gray; width: 50%; float: left; text-align: center; font-size: 0.9em;}
.main_stats		{height: 7em; width: 20%; float: left;}


.list_ul 		{border: 1px solid green; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #C5EEFC; float: left; clear: both; list-style-type: none; margin: 0px; padding: 0px 0px 20px 0px; width: 100%;}
.list_li_1 		{padding-top: 10px; float: left; width: 100%; background-color: transparent; clear: both;}
.list_li_2 		{border-bottom: solid 1px #81DCFB; border-top: solid 1px #81DCFB; padding-top: 10px; float: left; width: 100%; background-color: #ffffff; clear: both;}
.list_rank		{height: 5em; width: 20%; float: left; text-align: center; font-size: 1em;}

.list_title		{width: 99%; float: left; padding-left: 0em; margin-bottom: 10px; border-bottom: solid 1px green;}
.list_title a		{text-decoration: none;}
.list_desc		{width: 99%; float: left; padding-bottom: 10px; font-size: 0.7em;}
.list_desc a		{text-decoration: none; font-size: 1em;}
.list_img		{width: 99%; float: left; text-align: center;}
.list_img img		{border: none; max-width: 99%;}
.list_cont		{width: 58%; float: left; margin-right: 1%;}


.list_votes		{height: 5em; width: 49%; float: left; text-align: center; font-size: 0.9em;}
.list_hits		{height: 5em; width: 50%; float: left; text-align: center; font-size: 0.9em;}
.list_stats		{height: 5em; width: 20%; float: left;}

#pages			{float: left; clear: both; padding: 5px;}
#pages span		{color:blue;}

.voting_code_ul			{float: left; clear: both; list-style-type: none; margin: 0px; padding: 0px; width: 100%; background-color: none;}
.voting_code_ul li		{float: left; clear: both; width: 100%; padding-top: 20px;}
.vote_link  			{float: left; width: 40%;}
.vote_code			{float: left; width: 59%;}
.vote_code textarea 		{font-size: 0.75em;}
.vote_link_code_full  		{float: left; width: 100%; padding-left: 20px; padding-bottom: 10px;}
.vote_link_code_full textarea 	{font-size: 0.75em;} 	

.vote				{padding: 10px; border: 1px solid green; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #C5EEFC; float: left; clear: both; font-size: 1em; margin: 10px 10px;}
.centre				{margin-left: 10px;}
#clear_box 			{float: left; clear: both; margin: 30px 80px}

#no_list			{text-align: center; line-height: 50px; list-style-type: none; margin: 0px; padding: 0%; clear: both;}
#no_list li			{display: inline; text-align: center; padding: 0px 20px;}
#no_list li a			{color: blue; font-size: 0.8em;}

#friends			{clear:both; color: blue; font-size: 0.8em; list-style-type: none;}
#friends li			{color: grey;}
#friends li a			{color: blue;}

#tips 			{float: left; border: solid 1px grey; margin: 10px; padding: 20px; width: 75%; background: white;}
#tips *			{color:black;}
#tips a			{color:blue;}
#tips a:visited		{font-style: none;}
#tips a:hover		{color:purple;}
#tips h1 		{line-height: 30px; float: none; border:none; border: dashed 1px grey; padding: 10px 50px; margin: 10px 0px; background: white; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image:  url('images/h1_tab.JPG'); background-repeat: no-repeat;}
#tips h2 		{padding: 10px 0px;}
#tips h3 		{padding: 0px; margin: 0px;}
#tips p			{padding: 10px 0px; font-size: 13px; text-indent: 20px; text-align: justify;}
#tips table 		{font-size: 13px; border: solid 1px blue; margin: 0px 10px; float: right;}
#tips table td 		{border: solid 1px black; margin: 0px; padding:0px; padding-right: 10px;}
#tips span	 	{font-size: 13px; border: dashed 1px black; margin: 30px; display: block; text-indent: 0px; text-align: center; padding: 10px; background: lavender;}
#tips span.justify	{text-align: justify;}
#tips span.base_title	{font-size: 25px; text-align: left; border: none; background: none; text-decoration: underline; padding:0px; margin: 0px;}
#tips hr		{border: dashed 1px black;}
#tips ol		{font-size: 13px; float:left; width:42%; font-size: 0.8em;}
#tips ul		{font-size: 13px; display: block;}
#tips textarea		{width:100%; font-size: 13px; padding: 0px; margin: 5px 0px; background: white;}


#tips_links			{background-color: white; margin: 20px 0px; padding-bottom: 10px; width: 100%; border: 1px solid black; -webkit-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; box-shadow: -2px 2px 5px #999999; -moz-box-shadow: -2px 2px 5px #999999; -webkit-box-shadow: -2px 2px 5px #999999;}
#tips_links p			{padding-left: 10px;}
#tips_links h3			{padding-left: 10px; background: grey; }
#tips_links a 			{padding: 2px 5px; border-bottom: 1px dashed grey; text-decoration: none; color: #2F4F4F; display: block;}
#tips_links a:hover		{padding: 2px 5px; text-decoration: none; background-color: lavender; color: black;}
#tips_links ul 			{padding: 2px; margin: 0px;}
#tips_links li			{list-style-type: none; font-size: 0.75em; overflow: hidden; text-overflow: ellipsis;}