body, html {margin:0;padding:0;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;font-weight:normal;}

body {background-color:#000c31;}

.mainframe {width:940px;margin:0 auto;position:relative;}

h1 {font-size:22px;color:#f1cf9d;margin:0 0 10px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;}
h2 {font-size:15px;color:#f1cf9d;margin:0 0 10px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;}
h4 {font-size:11px;color:#f1cf9d;margin:0 0 10px 0;font-weight:normal;line-height:18px;}
h5 {font-size:17px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;_text-transform:uppercase;}

a {color:#fff;}
p {font-size:11px;color:#f1cf9d;margin:0 0 10px 0;font-weight:normal;line-height:18px;}
p a {color:#fff;}
p a:hover {color:#f1cf9d;text-decoration:none;}
li {color:#aaa;}

::-moz-selection {
	background-color: #f1cf9d;
	color: #000;
}
::selection {
	background-color: #f1cf9d;
	color: #000;
}


.frontpageCenter {
	float:left;
	width: 940px;
}
.frontpageLeft,
.frontpageRight {
	float: left;
}
.frontpageLeft .banner,
.frontpageRight .banner {
	position: absolute;
	top: 57px;
	width: 0;
}
.frontpageLeft .banner {
	margin-left: -170px;
}
.frontpageRight .banner {
	margin-left: 10px;
}
.fixed .banner {
	position: fixed !important;
	top: 10px;
}

.adsbygoogle.mobile {
	display: none !important;
}

.mapbackground {position:relative;width:460px;height:350px;background-image: url('../img/map.gif');background-repeat:no-repeat;}

#youtube {position:absolute;right:0px;top:154px;width:336px;height:187px;border:1px solid #f1cf9d;border-top:0;}
#youtube h3 {background-color:#000c31;margin:0;padding:4px 0 2px;line-height:11px;border-bottom:1px solid #f1cf9d;}
#youtube a {display:block;}
#youtube a img {}
#youtube a {border-bottom:1px solid #f1cf9d;}
#youtube .video_1 {position:absolute;top:19px;left:0;border-right:1px solid #f1cf9d;}
#youtube .video_2 {position:absolute;top:19px;right:0;border-left:1px solid #f1cf9d;}
#youtube .video_3 {position:absolute;bottom:0;left:0;border-right:1px solid #f1cf9d;border-top:1px solid #f1cf9d;}
#youtube .video_4 {position:absolute;bottom:0;right:0;border-left:1px solid #f1cf9d;border-top:1px solid #f1cf9d;}

#slideshow{position:absolute;left:280px;width:1225px;height:340px;overflow:hidden;}
#slideshow span {display:block;float:left;xmargin-right:2px;width:600px;height:340px;overflow:hidden}
#slideshow span img {border:0;width:600px;height:340px;}
.mask{position:relative;width:600px;height:340px;overflow:hidden;z-index:10;border:1px solid #f1cf9d;}

#hot_links {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 336px;
	height: 152px;
	overflow: hidden;
	z-index: 10;
	border: 1px solid #f1cf9d;
	border-left: 0px;
}
#hot_links h3 {
	background-color:#000c31;
	border-bottom:1px solid #f1cf9d;
	margin:0;
	padding:4px 0;
	line-height: 11px;;
}
#hot_links .mooquee {
	background-color: #1A3F72;
	width: 316px;
	height: 113px;
	overflow: hidden;
	padding: 10px 10px;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
#hot_links .mooquee-text {position: absolute;}
#hot_links ul {margin:0;padding:0;list-style:none;}
#hot_links ul li {margin:0;padding:0 0 5px 0;list-style:none;}
#hot_links ul li a {text-transform:uppercase;text-decoration:none;}
#hot_links ul li a:hover {color:#f1cf9d;text-decoration:underline;}

.textpage {padding:10px;}
.textpage h2 {text-align:center;}
.textpage table {border-collapse:collapse;}
.textpage table td {vertical-align:top;padding:7px 4px 4px 0;}
.textpage form input {width:350px;font-family:arial;font-size:11px;}
.textpage form select {width:354px;font-family:arial;font-size:11px;}
.textpage form input.send {width:50px;}
.textpage form textarea {width:350px;font-family:arial;font-size:11px;}


.subgroups {}
.subgroups .toc1 {margin:0 20px 10px 20px;width:660px;border-collapse:collapse;border-color:#f1cf9d;}
.subgroups .toc1 a:hover {color:#fff;xtext-decoration:underline;}
.subgroups .toc {margin:0 20px 10px 20px;width:600px;border-collapse:collapse;border-color:#f1cf9d;}
.subgroups .toc a:hover {color:#fff;xtext-decoration:underline;}
.subgroups ul .toc {margin:0 0 10px 5px;}
.subgroups .toc1 td {padding:5px;width:25%;}
.subgroups .toc td {padding:5px;width:25%;}
.subgroups h1 {padding:20px 20px 0 20px;}
.subgroups p {padding:0 20px 10px 20px;}
.subgroups ul p {padding:0 0 10px 5px;}
.subgroups ul {margin:10px 15px;padding:0;list-style:none;}
.subgroups ul ul {margin:0;padding:0 0 0 30px;list-style:none;}
.subgroups ul li {margin:0 0 5px 5px;padding:0;clear:both;}
.subgroups ul ul li {margin:0 0 5px 5px;padding:0;clear:both;}
.subgroups ul ul ul li {margin:0 0 5px 5px;padding:0;clear:both;}
.subgroups ul ul ul ul li {margin:0 0 5px 5px;padding:0;clear:both;}
.subgroups .type-2 {}
.subgroups {width:700px;margin:0 0 20px 0;background-color:#1A3F72;}
.subgroups .chapter {text-decoration:none;font-size:11px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;text-transform:uppercase;xtext-decoration:underline;}
.subgroups ul li a {color:#FFF;text-decoration:none;text-transform:uppercase;}
.subgroups ul li a img {border:2px solid #fff;;}
.subgroups ul li a:hover {color:#f1cf9d;text-decoration:underline;}
.subgroups ul li a:hover img {border:2px solid #f1cf9d;}
.subgroups ul li h5 a {font-size:25px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul li ul li h5 a {font-size:21px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul li ul li ul li h5 a {font-size:17px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul li ul li ul li ul li h5 a {font-size:14px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}

.subgroups ul h5 {font-size:18px;color:#f1cf9d;margin:10px 0 5px 5px;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul ul h5 {font-size:16px;color:#f1cf9d;padding:10px 0 5px 5px;margin:0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul ul ul h5 {font-size:14px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul ul ul ul h5 {font-size:12px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul ul ul ul ul h5 {font-size:12px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}
.subgroups ul ul ul ul ul ul h5 {font-size:10px;color:#f1cf9d;margin:10px 0 5px 0;font-weight:normal;xfont-family:"Times New Roman", Times, serif;text-transform:none;}


.topmenu {margin: 0 0px 0;background-color:#1A3F72;width:940px;overflow:hidden;position:relative;}
.topmenu ul {margin:0;padding:0;list-style:none;height:20px;line-height:20px;}
.topmenu ul li {float:left;margin:0;text-transform:uppercase;padding:0;}
.topmenu ul li {xbackground-image:url('../img/atback.gif');background-repeat:repeat-x;}

.topmenu ul li {float:left;margin:0 0 0 0;text-transform:uppercase;}
.topmenu ul li.last {width:225px;}
.topmenu ul li a {display:block;padding:0 2px 0 2px;border-right:1px solid #8AACC5;color:#FFF;text-decoration:none;}
.topmenu ul li a.last {border-right:0;}
.topmenu ul li a:hover {background-color:#f1cf9d;color:#000c31;}

.mainframe .logo {margin:0 0 0px 0;}
.logo a {color:#f1cf9d;text-decoration:underline;}
.logo a:hover {color:#fff;text-decoration:none;}

.hidden {display:none;}

.col {float:left;}
.col_1_2 {width:460px;}
.col_1_4 {width:220px;}
.col_2_4 {width:460px;}
.col_3_4 {width:700px;}

.center {text-align:center;}

.spacer {float:left;width:20px;height:20px;}
.break {clear:both;}

.teaser {width:940px;margin:0 0 15px 0;position:relative;height:342px;}

.search {color:#aaa;margin:0;padding:0;position:absolute;top:0;right:0px;}
.search table,
.search td,
.cse .gsc-control-cse, .gsc-control-cse {
padding:0 !important;
margin:0 !important;
border:0 !important;
}
form.gsc-search-box {
	width:225px !important;
}
.search .gsc-search-button .gsc-search-button-v2 {
    width: 40px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 0;
	background-color: #02529a;
}

.groups {xwidth:940px;margin:0 0 15px 0;}
.groups ul {list-style:none;margin:0;padding:0;}
.groups ul li {margin:0 0 0px 0;padding:2px;position:relative;background-image:url('../img/aback.gif');background-repeat:repeat-x;}
.groups ul li a {color:#fff;text-decoration:none;text-transform:uppercase;}
.groups ul li a img {border:2px solid #fff;}
.groups ul li li {background-image:none;background-color:#1A3F72;padding:0 0 0px 0;margin-bottom:2px;}
.groups ul li a:hover {color:#f1cf9d;text-decoration:underline;}
.groups ul li a:hover img {border:2px solid #f1cf9d;}
.groups ul li ul {display:none;border:2px solid #f1cf9d;background-color:#1A3F72;padding:9px 7px 6px 9px;color:#fff;}
.groups ul li ul li a {font-size:9px;}
.groups ul li:hover ul {display:block;position:absolute;left:90px;top:15px;z-index:100;width:200px;}

.bestof {width:940px;margin:0 0 15px 0;}
.bestof ul {list-style:none;margin:0;padding:0;}
.bestof ul li a img {border:2px solid #fff;}
.bestof ul li a:hover {color:#f1cf9d;text-decoration:underline;}
.bestof ul li a:hover img {border:2px solid #f1cf9d;}

.bestof ul li {margin:0 0 0px 0;padding:2px;position:relative;background-image:url('../img/aback.gif');background-repeat:repeat-x;}

.bestof ul li a {color:#fff;text-decoration:none;}
.bestof ul li a:hover {color:#f1cf9d;text-decoration:underline;}

#marqueeBottom {width:100%;overflow:hidden;margin:0 0 15px 0;font-size:13px;}
#marqueeBottom a {color:#f1cf9d;text-decoration:none;}
#marqueeBottom a:hover {color:#fff;text-decoration:underline;}

.mini-logo {width:940px;margin:0 0 15px 0;}
.left-groups {}
.left-groups h2 {}
.left-groups ul {list-style:none;margin:0;padding:0;}
.xleft-groups ul li {margin:0 0 5px 0;padding:0;}
.left-groups ul li {margin:0 0 0 0;padding:2px;position:relative;background-image:url('../img/aback.gif');background-repeat:repeat-x;}

.left-groups ul li.type-1 a {color:#fff;text-decoration:none;text-transform:uppercase;}
.left-groups ul li.type-2 a {color:#fff;text-decoration:none;text-transform:none;}
.left-groups ul li a:hover {color:#f1cf9d;xtext-decoration:underline;}
.left-groups ul .on a {color:#fff;}

.sitemap a {text-decoration:none;}
.sitemap ul {list-style:none;margin:5px 5px 10px 5px;padding:0;}
.sitemap ul li {list-style:none;margin:0 0 1px 5px;padding:0;background-image:none;}
.sitemap ul li ul {list-style:none;margin:10px 5px 10px 5px;padding:0;}
.sitemap ul li a {font-size:11px;font-weight:normal;font-family:arial;text-transform:uppercase;}
.sitemap ul li li a {font-size:11px;font-weight:normal;font-family:arial;text-transform:none;xpadding:10px 0 0 10px;}
.sitemap ul li li li a {font-size:10px;font-weight:normal;font-family:arial;}

.group-content {width:700px;background-color:#254672;}
.group-content b {font-size:11px;margin:0 0 10px 0;font-weight:normal;line-height:18px;}
.group-content b a {color:#f1cf9d;text-decoration:none;}
.group-content b a:hover {}
.group-content a {font-size:11px;color:#fff;margin:0 0 10px 0;font-weight:normal;line-height:18px;}
.group-content a:hover {color:#f1cf9d;text-decoration:none;}
.group-content h1 {font-size:28px;font-weight:normal;color:#f0cd9a;xfont-family:"Times New Roman", Times, serif;}
.group-content h1 a {font-size:25px;font-weight:normal;color:#f0cd9a;xfont-family:"Times New Roman", Times, serif;line-height:25px;text-decoration:none;}
.group-content h2 {margin:30px 0 10px 0;}
.group-content p {font-size:11px;color:#fff;margin:0 0 10px 0;font-weight:normal;line-height:18px;}
.group-content .glossary {padding:10px;}
.group-content .topimage a {margin:0;border:0;text-decoration:none;}
.group-content .topimage a img {margin:0;border:0;}

.link {margin:20px 0 0 0;color:#f1cf9d;}
.link .description {}
.link h3 {font-size:12px;font-weight:normal;margin:0;}
.link h3 a {color:#FFF;text-decoration:none;}
.link h3 a:hover {color:#f1cf9d;text-decoration:underline;}

.copyright {width:940px;margin:10px 0 10px 0;clear:both;color:#fff;}
.copyright a {color:#fff;text-decoration:underline;}
.copyright a:hover {color:#f1cf9d;text-decoration:none;}
.updated {width:940px;margin:0 0 20px 0;clear:both;text-align:right;color:#fff;}
.updated a {color:#fff;text-decoration:underline;}
.updated a:hover {color:#f1cf9d;text-decoration:none;}
.privacy {width:940px;margin:5px 0;clear:both;font-size:9px;color:#707b9c;}
.privacy a {color:#707b9c;}

.adsense {text-align:center;xmargin:20px 0 0 0;}
.googleadds {width:160px;}

.the_card_container {
	width:918px;
	border:1px solid #F1CF9D;
	background-color:#214472;
	height:129px;
	padding:9px;
	clear:both;
	margin-bottom:0px;
}


/**
 * Mobile stylesheet
 */
 
.mobile-fallback {
	display: none;
}

.mobile-hide {
}
.mobile-show {
	display: none !important;
}

#mobile-bottom-banner {
	position: fixed;
	bottom: 0;
	text-align: center;
	margin: 0 auto;
	width: 100%
}
		
@media (max-width: 740px) {
	
	.adsbygoogle {
		display: none !important;
	}
	.adsbygoogle.mobile {
		display: block !important;
		margin: 0 auto !important;
	}

	html {
		margin: 0;
		padding: 0 !important;
		width: 100% !important;
	}
	body {
		padding: 50px 0 0 !important;
		width: 100% !important;
	}
	
	.frontpageLeft,
	.frontpageRight {
		display: none;
	}
	
	.teaser {
		display: block;
	}
	.teaser .slideViewer,
	.teaser .slideViewer img {
		display:none;
		content: " ";
	}
	#hot_links {
		width: 100%;
		position: relative;
	}
	#hot_links .mooquee {
		width: 100%;
	}
	
	#mobile-header {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		background-color: #000c31;
		z-index: 99999;
		height: 50px;
	}
	#mobile-header .mobile-logo {
		padding: 10px 2%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#mobile-header .mobile-logo img {
		width: 70% !important;
	}
	#mobile-header .mobile-menu {
		width: 30% !important;
		padding: 2%;
		position: absolute;
		top: 0px;
		right: 0px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#mobile-header .mobile-menu select {
		width: 100%;
		font-size: 16px;
	}
	#mobile-header .mobile-menu option {
		font-size: 16px;
	}
	
	.mobile-hide {
		display: none !important;
	}
	.mobile-show {
		display: block !important;
	}
	
	.mainframe,
	.frontpageCenter,
	.bestof,
	.teaser,
	.marquee,
	.copyright,
	.groups .the_card_container,
	.group-content,
	.group-content .subgroups,
	.topimage,
	.topimage div {
		width: 100% !important;
	}
	
	.mobile-fallback {
		display: block !important;
		max-height: 250px !important;
		overflow: hidden !important;
		width: 100% !important;
	}
	
	.topimage {
		max-height: 250px !important;
		overflow: hidden !important;
		width: 100% !important;
	}
	.mobile-fallback img,
	.topimage img {
		width: 100% !important;
	}
	
	.group-content .subgroups img {
		max-width: 100%;
		max-height: 200px;
	}
	
	.group-content .subgroups .toc1 td,
	.webshop td {
		display: block !important;
		width: inherit !important;
	}
	
	.groups h2,
	.marquee h2,
	.bestof h2 {
		margin: 0 2% 10px !important;
	}
	
	.col_1_4 {
		width: 46% !important;
		margin: 0 2%;
		float: left;
	}
	.col_1_4 a span {
		height: 16px !important;
		overflow: none !important;
		display: block;
	}
	.col_1_4 img {
		width: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.col_2_2 {
		width: 100% !important;
	}
	
	.col_2_2 img {
		width: 96% !important;
		margin: 0 2%;
	}
	
	.teaser {
		height: 170px !important;
		width: 100% !important;
		margin: 0 !important;
		display: block;
	}
	.teaser .mask {
		display: none;
	}
	.teaser #slideshow {
		height: 250px !important;
	}
	.teaser #slideshow span {
		height: 250px !important;
	} 
	.teaser #slideshow span img {
		width: 100% !important;
		height: 250px;    
	}
	
	.logo, .mini-logo {
		text-align: center;
		width: 100% !important;
	}
	.logo font {
		width: 96% !important;
		margin: 10px 2%;
		display: block;
	}
	.logo img,
	.mini-logo img {
		width: 96% !important;
		margin: 2% 2% 0;
	}
	
	#youtube,
	.mask,
	.the_card_container,
	.spacer,
	.logo,
	.mini-logo,
	.topimage #ui0,
	.topimage #svwp0,
	.mainframe #rightmenu,
	.mainframe #leftmenu,
	.groups ul li ul {
		display: none !important;
	}
	
	marquee,
	.copyright,
	.updated,
	.subgroups .toc,
	.subgroups .toc1 {
		width: 96% !important;
		margin: 10px 2% !important;
	}
	
	.subgroups img {
		width: 60% !important;
	}
	
	.group-content a,
	.group-content p {
		font-size: 9px !important;
		line-height: 15px !important;
	}
	
	.marquee #marqueeBottom {
		font-size: 10px;
	}
	
	#hot_links .mooquee {
		width:auto;
		height:200px;
		overflow:hidden;
		padding:10px 10px;
		position: relative;
		overflow: hidden;
		white-space: normal;
		font-size: 10px;
	}
}

@media only screen 
    and (device-width : 896px) 
    and (device-height : 414px)
	and (orientation : landscape)  {

	.adsbygoogle {
		display: none !important;
	}
	.adsbygoogle.mobile {
		display: block !important;
		margin: 0 auto !important;
	}

	html {
		margin: 0;
		padding: 0 !important;
		width: 100% !important;
	}
	body {
		padding: 50px 0 0 !important;
		width: 100% !important;
	}
	
	.frontpageLeft,
	.frontpageRight {
		display: none;
	}
	
	.teaser {
		display: block;
	}
	.teaser .slideViewer,
	.teaser .slideViewer img {
		display:none;
		content: " ";
	}
	#hot_links {
		width: 100%;
		position: relative;
	}
	#hot_links .mooquee {
		width: 100%;
	}
	
	#mobile-header {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		background-color: #000c31;
		z-index: 99999;
		height: 50px;
	}
	#mobile-header .mobile-logo {
		padding: 10px 2%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#mobile-header .mobile-logo img {
		width: 70% !important;
	}
	#mobile-header .mobile-menu {
		width: 30% !important;
		padding: 2%;
		position: absolute;
		top: 0px;
		right: 0px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#mobile-header .mobile-menu select {
		width: 100%;
		font-size: 16px;
	}
	#mobile-header .mobile-menu option {
		font-size: 16px;
	}
	
	.mobile-hide {
		display: none !important;
	}
	.mobile-show {
		display: block !important;
	}
	
	.mainframe,
	.frontpageCenter,
	.bestof,
	.teaser,
	.marquee,
	.copyright,
	.groups .the_card_container,
	.group-content,
	.group-content .subgroups,
	.topimage,
	.topimage div {
		width: 100% !important;
	}
	
	.mobile-fallback {
		display: block !important;
		max-height: 250px !important;
		overflow: hidden !important;
		width: 100% !important;
	}
	
	.topimage {
		max-height: 250px !important;
		overflow: hidden !important;
		width: 100% !important;
	}
	.mobile-fallback img,
	.topimage img {
		width: 100% !important;
	}
	
	.group-content .subgroups img {
		max-width: 100%;
		max-height: 200px;
	}
	
	.group-content .subgroups .toc1 td,
	.webshop td {
		display: block !important;
		width: inherit !important;
	}
	
	.groups h2,
	.marquee h2,
	.bestof h2 {
		margin: 0 2% 10px !important;
	}
	
	.col_1_4 {
		width: 46% !important;
		margin: 0 2%;
		float: left;
	}
	.col_1_4 a span {
		height: 16px !important;
		overflow: none !important;
		display: block;
	}
	.col_1_4 img {
		width: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.col_2_2 {
		width: 100% !important;
	}
	
	.col_2_2 img {
		width: 96% !important;
		margin: 0 2%;
	}
	
	.teaser {
		height: 170px !important;
		width: 100% !important;
		margin: 0 !important;
		display: block;
	}
	.teaser .mask {
		display: none;
	}
	.teaser #slideshow {
		height: 250px !important;
	}
	.teaser #slideshow span {
		height: 250px !important;
	} 
	.teaser #slideshow span img {
		width: 100% !important;
		height: 250px;    
	}
	
	.logo, .mini-logo {
		text-align: center;
		width: 100% !important;
	}
	.logo font {
		width: 96% !important;
		margin: 10px 2%;
		display: block;
	}
	.logo img,
	.mini-logo img {
		width: 96% !important;
		margin: 2% 2% 0;
	}
	
	#youtube,
	.mask,
	.the_card_container,
	.spacer,
	.logo,
	.mini-logo,
	.topimage #ui0,
	.topimage #svwp0,
	.mainframe #rightmenu,
	.mainframe #leftmenu,
	.groups ul li ul {
		display: none !important;
	}
	
	marquee,
	.copyright,
	.updated,
	.subgroups .toc,
	.subgroups .toc1 {
		width: 96% !important;
		margin: 10px 2% !important;
	}
	
	.subgroups img {
		width: 60% !important;
	}
	
	.group-content a,
	.group-content p {
		font-size: 9px !important;
		line-height: 15px !important;
	}
	
	.marquee #marqueeBottom {
		font-size: 10px;
	}
	
	#hot_links .mooquee {
		width:auto;
		height:200px;
		overflow:hidden;
		padding:10px 10px;
		position: relative;
		overflow: hidden;
		white-space: normal;
		font-size: 10px;
	}
}

@media (max-width: 320px) {
	
	body {
		padding: 50px 0 0 !important;
		width: 100% !important;
	}
	
	.topimage {
		__display: none !important;
	}
	
	#mobile-header {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		background-color: #000c31;
		z-index: 99999;
		height: 50px;
	}
	
	.marquee #marqueeBottom {
		font-size: 9px;
	}
	
	#hot_links .mooquee {
		font-size: 10px;
	}
	
}