* { margin: 0; padding: 0; }
html, body { height: 100%; }
img { border: none; }
html, body { height: 100%; color: #333; font-family: "Trebuchet MS", Arial, Helvetica; font-size: 12px; background-color: #f1f1f1; }
#wrap { position: relative; min-height: 100%; #height: auto !important; #height: 100%; }
#main { width: 960px; margin: 0 auto; padding-bottom: 5px; }
#header { height: 70px; background: url(/images/bghead.gif) 620px 8px no-repeat; width: 960px; margin: 0 auto; }
#toprow { height: 85px; }
#toprow .logo { float: left;}
#footer { width: 960px; margin: 0 auto; padding-top: 20px; color: #999; height: 30px; }
#footer p { margin: 0 auto 10px auto; }
#content { }
#content .inner { }
#featured { height: 220px; margin: 0 auto 10px auto; width: 948px; padding: 5px 0 0 12px; background: url(/images/bgfeatured.gif) top left no-repeat;}
#featured h3 { color: #3dabe3; font-size: 16px; text-indent: 5px;}
#banner { position: relative; width: 960px; margin: 0 auto 10px auto; height: 320px; background: url(/images/bgblue.gif) top left no-repeat;}
#slides { float: left; display: inline; margin-left: 10px; margin-top: 10px; width: 620px; height: 290px; }
#adv, #daily { float: right; width: 302px; margin-right: 10px; padding-top: 10px; height: 260px; }
#banner .bannerover { position: absolute; z-index: 20; bottom: 0; left: 0; width: 960px; height: 64px; background: url(/images/bgblueover.png) top left no-repeat; }

a { color: #155481; text-decoration: none; }
a:hover { text-decoration: underline; color: #0083ba;}
.centered { margin: 0 auto; padding: 0; }

.day { margin: 10px auto 5px auto; padding: 0; font-size: 20px;	text-align: center; }

.pale { background-color: #fffce9; border: 1px solid #f7d6c4; width: 934px; margin: 0 auto 15px auto; padding: 5px 0; }
.supl { text-align: right; font-weight: bold; padding-right: 5px; }

#navig { float: right; display: inline; height: 60px; padding: 10px 13px 0 0; background: url(/images/bgnavig.gif) top right no-repeat;}
#menu { list-style:none; position:relative; z-index:500; height: 45px; padding-left: 13px; background: url(/images/bgmenu.gif) top left no-repeat;}
#menu li {float:left; height: 45px; background: url(/images/bgmenuli.gif) top left repeat-x; }
#menu li a {display:block; float:left; height:100%; line-height: 43px; text-decoration:none; font-size: 14px; font-weight: bold; padding:0 12px 0 12px; color: #999;}
/* Style for different browsers the list OR link hover */
#menu li.current_page_item a { color: #555; text-decoration: underline;}
#menu li a:hover {z-index:200; position:relative; color:#777; text-decoration: underline;}
#menu li:hover {position:relative; z-index:200;}

#adv h3 { font-family:Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: normal; color: #0093bd; height: 35px; line-height: 35px; padding-left: 10px; }
#daily h3 { font-family:Georgia,"Times New Roman",Times,serif; font-size: 20px; font-weight: normal; color: #0093bd; height: 40px; line-height: 40px; padding-left: 10px; margin-bottom: 10px; }
#daily li { list-style:none; padding-bottom:5px; margin-left: 10px;}
#daily li a { border:1px solid #E1E4DB; color:#fff; display:block; font-family:Georgia,"Times New Roman",Times,serif; font-size:13px; font-weight:bold; line-height:24px; padding-left:15px; background: url(/images/dailybg.gif) top left no-repeat #A8BF0A; width:333px; }
#daily li a:hover { color: #fff; text-decoration: none; background-color: #96AB05;}

.feature { float: left; width: 222px; padding: 0 6px; height: 170px; color: #666;}
.feature img { display: block; border: 1px solid #999; margin: 5px auto 0 auto; }
.feature h4 { font-size: 14px; height: 20px; line-height: 20px; border-bottom: 1px solid #3491b3; }
.feature h4 a { color: #3491b3; }
.feature p { height: 45px; overflow: hidden; color: #666; font-size: 11px; line-height: 1.3em; padding: 2px;}
.feature strong { font-size: 13px; float: right; }
.feature strong a { color: #f37200;}

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { height: 270px; position: relative;}
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.size32 { font-size: 32px; text-align: center; }

p.pages { margin: 20px auto; font-size: 18px; font-weight: bold; text-align: center;}
p.pages span { font-size: 18px;	font-weight: bold; margin: auto 5px;}

div.subtitles { position: relative; text-align: left; width: 940px; margin: 10px auto 5px auto; height: 38px; }
div.subtitles h3 { width: 640px; padding-top: 6px; text-indent: 10px; font-size: 24px; color: #5d3725; overflow: hidden; height: 1.2em;}
div.subtitles span { position: absolute; z-index: 5; left: 640px; top: 6px; width: 285px; text-align: right; font-size: 24px; color: #5d3725; font-weight: bold; }

ul.rules { list-style: disc; }
ul.rules li { margin-left: 20px; }

.indexfriends ul {list-style: none; font-size: 16px; font-weight: bold; }
.indexfriends ul li {float: left; display: inline; margin: 0 0 5px 20px; width: 285px; line-height: 1em; text-indent: 20px; background: url(/images/bg_exch.gif) 0 1px no-repeat;}
.indexfriends ol {list-style: none; font-size: 16px; font-weight: bold; float: left; display: inline; width: 300px; }
.indexfriends ol li { list-style: none; margin: 0 0 5px 20px; line-height: 1em; }

.more { text-align: right; margin-bottom: 10px; padding-right: 30px; }
.more a { display: inline-block; margin-right: 10px; font-size: 18px; font-weight: bold; }


.sectdesc { font-size: 14px; font-weight: bold; margin: 0 50px 20px 50px; }
.notice { margin: 10px 20px; padding: 5px 5px 2px 5px; border: 1px solid #ebd690; background-color: #fffcee; }
.centl .notice { margin: 7px 0; }


table { margin: 0 auto; }

span.new {
	font-weight: bold;
	color: #816546;
}

a.scrindex { float: right; width: 200px; height: 150px; margin: 0; padding: 0; }

.centl { width: 630px; float: left; display: inline; margin: 0 0 10px 0; padding-top: 10px; background-color: #fff; border: 1px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.centr { width: 320px; margin: 0 0 20px 0; float: right; display: inline; position: relative; clear: right; }


#contactform { display: block; border: none; margin: 0 auto 20px auto; width: 400px;}
#contactform fieldset { display: block; border: none; }
#contactform input {}
#contactmail, #contactmessage { border: 1px solid #000; background-color: #fff; display: block; margin-bottom: 5px; }
#contactmail { width: 100%; }
#contactform fieldset label { display: block; font-size: 14px; font-weight: bold; margin-bottom: 2px;}
#contactsubmit { display: block; text-align: center; width: 100%; font-size: 16px; font-weight: bold; border: 1px solid #000; background-color: #f6d84a;}

.subscribe { float: right; width: 300px; padding-top: 14px;}
.subscribe p { font-size: 12px; font-weight: bold; color: #333; text-align: center; height: 20px;}
.subscribe .emailtext { float: left; display: inline; margin-left: 16px; border: 1px solid #999; background-color: #fff; padding: 2px; }
.subscribe .emailsubs { float: left; display: inline; margin-left: 5px; border: 1px solid #999; background-color: #bcd418; color: #fff; padding: 0 3px; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase;}

.search { height: 36px; margin: 0 auto; width: 960px; }
.search #searchform { float: right; width: 250px; padding-left: 35px; padding-top: 36px;}
.search .searchbox { width:190px; height:20px; margin-left: 10px; border:1px solid #fff; background:#fff; float:left; }
.search .searchbutton{ border:0px; float:left; margin-left: 5px; background:url(/images/searchbutton.gif) no-repeat top left; width:35px; height:22px; }

ul li #searchform { padding-left: 8px; padding-top: 2px; height: 36px; background:url(/images/search2.gif) top left no-repeat; }
ul li .searchbox { width:194px; height:20px; margin-right:2px; border:1px solid #fff; background-color: #fff; float:left; }
ul li .searchbutton{border:0px; float:left; margin-left: 5px; background:url(/images/searchbutton.gif) no-repeat top left; width:35px; height:22px;}

.share { height: 30px}
.share a { display:block; float:left; padding:1px 5px; margin-right:5px; text-align:center; border:1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#222; font-size:12px; text-decoration:none; background:#ffffff; }
.share a:hover { color: #222; background: #DBF2FB;}
.share a.dalje { background: #3fa0c4; float: right; font-weight: bold; color: #fff;}
.share a.dalje:hover { color: #fff; background: #ff9b18;}

#network { width: 960px; margin: 0 auto; color: #999; font-size: 14px; }
#network a { color: #777; }
#network img { float: left; width: 210px; }
#network p, #network div { margin: 0 0 8px 220px; }
#network ul { list-style: none; display: inline; }
#network ul li { display: inline; }

.clearboth {
	clear: both;
}
.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cleared {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
* html li.cleared {height: 1%; margin-top: 20px; }
.cleared {display: block;}
li.cleared {display: block; margin-top: 20px;}
/* End hide from IE-mac */