/* css by digital garden */
/* author: dennis grossmann */
/* last revision: 01-11-2007  */

@import "screen.css";
@import "style.css";

/* global formatting */
body 			{background:#00aeef;}


/* CONTENT */
#content				{padding-right:80px; width:710px;}
#content h1				{color:#fff; text-transform:uppercase; background:url(../images/bg-content-h1.gif) no-repeat; padding:5px; width:710px; font-weight:bold;}
#content h2				{color:#034ea2; padding:5px 0; margin-bottom:5px; font-size:14px;}
#content h2.teaser		{width:350px;}
#content h2.teaser_wide	{width:690px;}
#content h2.articleheadline	{width:690px;}
img						{ border:#999 1px solid;}


#text-left				{float:left; width:345px; padding-right:5px;}
#text-right				{float:right; width:340px; padding-right:5px;}
#article-left			{float:left; width:170px;  padding-right:5px;}
#article-left img		{border:#ccc 1px solid;}		
#article-right			{float:right; width:520px; padding-right:15px;}
#profile-image			{float:left; width:350px;}

#profile-copy			{ width:330px; float: right; padding-right: 15px;}
#profile-copy img		{ position: absolute; left: 0px; }
#profile-copy p			{width: 330px;}	

#contact-details		{float:left; width:340px;}
#contact-form			{float:right; width:340px; margin-right:20px;}


ul#newslist				{ width:690px; list-style:none;}
ul#newslist li 			{ width:690px; padding:5px 0; list-style-image:none !important;}
ul#newslist img			{float:left; margin-right:10px; padding:3px; border:1px solid #ccc;}
ul#newslist strong		{color:#034ea2;}
ul#newslist span.date	{color:#034ea2;}
ul#newslist p			{ display:inline; width:610px;}
ul#newslist a			{ font-weight:normal; text-decoration:underline;}
ul#newslist a:hover		{text-decoration: none;}


/* TABLE */
#notice_table tr, td		{border:#666 1px solid;}
#notice_table td			{padding:0 5px;}
#notice_table #heading		{font-weight:bold; background-color:#E9EAEA; color:#034EA2;}
#notice_table #bottom		{background-color:#E9EAEA; color:#034EA2;}

a.readmore					{ color: #024fa1; text-decoration: none; position:absolute; margin-top:0; }
a.readmore:hover			{ text-decoration: underline; color: #00aeef; }

#content ul					{list-style:none;}
#content ul li				{list-style-image:url(../images/bullet.gif);}


#article-right form			{width:400px; height:150px; padding:10px; margin-bottom:20px;}
#article-right	.submit		{margin-left:60px;}

div.popup ol li				{ color: #034ea2 !important; font-weight: bold;}
div.popup ol li span		{ color: #000; font-weight: normal;}
div.popup h2				{color:#034ea2; padding:5px 0; margin-bottom:5px; font-size:14px;}

.blue						{color: #00aeef; }


/* Pop-up */
/* ================================================================ 
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/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon 				{ width:500px; height:220px; margin:50px 125px 0 0; }
.balloon ul 			{ padding:0; margin:0; border:0; list-style: none !important; }
.balloon ul li 			{ float:left; margin:5px; width:500px; }
.balloon ul li a, .balloon ul li a:visited { display:block; text-decoration:none; width:500px; height:150px;}
.balloon ul li a img, .balloon ul li a:visited img { border:0; }
#content .balloon ul li	{list-style-image:none;}
.balloon ul li dl 		{ visibility:hidden; position:absolute; }

table 					{ margin:-2px; border:0; padding:0; border-collapse:collapse; font-size:1em; }

.balloon dl 			{width:285px; padding:0 0 20px 0; height:auto; margin-left: 178px; margin-top: -13px;}
.balloon dt 			{margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; text-align:center;}
.balloon dd 			{margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #999; background:#fff;}
.balloon dd p 			{padding:0; margin:10px 0; line-height:1.5em;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover 	{ color:#000; position:relative; cursor: pointer; cursor:hand; }

.balloon ul li:hover dl,
.balloon ul li a:hover dl { visibility:visible; top:-75px; left:220px; cursor:default; }

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover { text-decoration:none; background:transparent; }




a.info{
    position:relative; /*this is the key*/
    z-index:24; padding-left:15px; top:-20px;}

a.info:hover{z-index:25;}

a.info img{display: none}

a.info:hover img{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:550px;}
    

a.info2{
    position:relative; /*this is the key*/
    z-index:24; padding-left:15px; top:-20px;}

a.info2:hover{z-index:25;}

a.info2 img{display: none}

a.info2:hover img{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-18em; left:6em; width:550px;}