@charset "utf-8";

.post_short img, .anynews img {
	width: 100px;
	height: 80px;
	float: left;
	padding: 5px;
}

#fill_30px
{
background-image: url(../images/fill_30px.png);
background-repeat: repeat-x;
height: 30px;
padding-left: 1px;
padding-right: 1px;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}

/* MENU START BY ANDREAS */
#avmenu {
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
}

#avmenu ul {
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
}

#avmenu li {
margin-bottom:5px;
}

#avmenu li a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4 url(../images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
}

#avmenu li a:hover, #avmenu li a.current {
background:#eaeaea url(../images/menubg2.gif) bottom left repeat-x;
color:#505050;
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-left:4px solid #505050;
}

#avmenu ul ul {
margin:5px 0 5px 15px;
font-size:0.9em;
width:135px;
}

#avmenu ul ul a {
height:16px;
margin:0;
padding:4px 0 0 8px;
}

#avmenu h2 {
font-size:1.5em;
font-weight:normal;
}


/* MENU END BY ANDREAS */


/* Main Content */
body {
	background: #c2d2ec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4272a8;
}
p {
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 24px;
}
a:link, a:visited, a:active {
	text-decoration: underline;
	color: #4272a8;
}

a:hover {
	color: #9C3;
	text-decoration: none;
}

#wrapper {
	width: 965px;
	margin: auto;
}

img { border: none; }

/* search bar */
.styled {
	border: 1px solid #DDD;
	padding: 4px;
    float: right;
}
.button {
	background: url(../img/search.gif) no-repeat right;
	border: none;
	height: 28px;
	width: 27px;
    float: right;
}

#search {
	float: right;
	width: 200px;
	padding: 0px 10px 0 0;
}
/* end search bar  */

.bookmarks {
	padding: 0;
	margin: 0;
}
#logo {
	/* background-image: url(img/logo.jpg);
	background-repeat: no-repeat; */
	height: 51px;
}
#flags {
	list-style-type: none;
	padding: 15px 0 0 0;
	margin: 0 10px 0 0;
}
#flags li {
	float: right;
        padding: 0 5px 0 0;
}
#flags li a:hover {
	border-bottom: 1px solid #FFF;
}
#header {
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 171px;
	vertical-align: top;
}
#menunav {
	background-position: right;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	height: 46px;
}
#menunav2 {
	background: #FFF url(img/bg.jpg) repeat-y right;
	vertical-align: top;
}
#mnav {
	height: 25px;
	margin-right: 1px;
	margin-left: 6px;
	text-align: center;
}

/* header navigation */
#linemenu {
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0 0 0 -40px;
	text-align: center;
}

#linemenu li {
	float: left;
	background:url(../images/btn.png) no-repeat left top;
	height: 30px;
	width: 136px;
	display: block;
}

#linemenu li a {
	text-decoration: none;
	padding: 7px 4px 7px 4px;
	display: block;
	color: #ffe169;
	text-align: center;
}
#linemenu li a:hover {
	background: url(../images/btn_over.png) no-repeat;
}



#nav {
	list-style-type: none;
	margin: 0 0 0 -25px;
	padding: 0;
	font-size: 16px;
}

#nav li {
	display: block;
	float: left;
	padding: 7px 13px 5px 5px;
}
#nav li a, #nav li a:visited {
	text-decoration: none;
	color: #4272a8;
}
#nav li a:hover {
	text-decoration: underline;
}
/*   Affiliates  */
.marq {
	/*width: 240 px;*/
	height: 180px;
	margin-top: 5px;
	border: 1px solid #4272a8;
	overflow: hidden;
}
.marq2 {
	/*width: 275px;*/
	vertical-align: top;
	border: 1px solid #4272a8;
}
/*   table    */

.leftc {
	width: 250px;
	background: #FFF;
	padding-left: 7px;
	padding-right: 2px;
	border-right: 2px solid #4272a8;
	vertical-align: top;
}
.rightc {
	width: 148px;
	background: #FFF url(img/bg.jpg) repeat-y right;
	padding-left: 2px;
	vertical-align: top;
	border-left: 2px solid #4272a8;
}
.bg {
	background: #FFF url(img/bg.jpg) repeat-y right;
}
.middlec {
	background: #C2D2EC;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: top;
	width: 560px;
}



/*  Footer */
#marquee {
	height: 15px;
	width: 800px;
	padding: 0 50px 0 50px;
}
.sidemarquee {
	padding: 5px;
}

#footerbar {
	background: right url(img/footer.jpg) no-repeat;
	/*background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	background-position: right;*/
	height: 30px;
}
#footer {
	text-align: center;
	color: #4272a8;
	font-size: 10px;
	padding: 10px;
}
#footer a {
	text-decoration: none;
	padding: 0 10px 0 10px;
	color: #4272a8;
}
#footer a:hover {
	text-decoration: underline;
}
/*  footer navigation  */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline2-5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_line2 {
height:36px; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
background:url(img/blank.gif) right top;
}

.pro_line2 .select {
margin:0; 
padding:0 0 0 20px; 
list-style:none; 
white-space:nowrap;
}

.pro_line2 li {
float:right;
background:url(img/blank_over.gif);
}

.pro_line2 .select a {
display:block; 
height:36px; 
float:left; 
background: url(img/blank.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#ddd;
}

.pro_line2 .select a b {
display:block; 
padding:0 30px 10px 15px; 
background:url(img/blank.gif) right top;
}

.pro_line2 .select a:hover, 
.pro_line2 .select li:hover a {
background: url(img/blank_over.gif); 
padding:0 0 0 15px;
line-height:27px;
cursor:pointer; 
color:#fff;
}

.pro_line2 .select a:hover b, 
.pro_line2 .select li:hover a b {
display:block; 
padding:0 30px 9px 15px; 
background:url(img/blank_over.gif) right top; 
cursor:pointer;
}

.pro_line2 .select :hover .sub {
height:18px;
display:block; 
position:absolute;
float:left;
width:750px;
top:28px; 
left:0; 
text-align:center;
}

.pro_line2 .select :hover .sub li a 
{display:block;height:18px; line-height:16px; float:left; background:transparent url(img/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; border:1px solid #000; border-color:#888 #777 #666 #ddd; color:#888;font-size:10px;}

.pro_line2 .select :hover .sub li a:hover 
{color:#000; background:#e8e8e8; border-color: #fff #333 #000 #fff; line-height:15px;}


/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 248px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 248px;
	border-bottom: 2px solid #FFF;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 248px;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 248px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	/*border: 1px solid #CCC;*/
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	/*border: 1px solid #FFF;*/
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 3% 50%;
	display: block;
	cursor: pointer;
	background-color: #4478aa;
	padding: 0.5em 1.4em;
	color: #FFF;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 3% 50%;
	background-color: #225688;
	color: #8abef0;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #225688;
	color: #8abef0;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
/*	background-position: 95% 50%;*/
background-position: 3% 50%;
	background-color: #4478aa;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
/*	background-position: 95% 50%;*/
	background-position: 3% 50%;
	background-color: #225688;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

