@charset "UTF-8";

body {margin-left:10%; margin-right:10%;  background:url(images/background.gif) repeat; font-family:Verdana, Arial, Helvetica, sans-serif;	_width:800px;max-width: 900px;min-width: 700px; }
ul{float:right;}
li.links{ display:inline;padding-left:20px;padding-right:10px; padding-top:10px; font-size:small}
.portimg {padding-left:5px;padding-right:5px}

.dialog { position:relative;margin:0px auto; min-width:450px; max-width:750px; color:#000; z-index:1;
 margin-left:12px; /* default, width of left corner */ margin-bottom:0.5em;margin-top:-130px} 
.smalldialog {display:inline;margin-top:20px;margin-right:20px; float:left; width:300px;max-width:45%; min-width:35%;} 


.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div { background:transparent url(images/bluecopy.png) no-repeat top right;
 _background-image:url(images/bluecopy.gif);}

.dialog .content { position:relative; zoom:1;_overflow-y:hidden; padding:0px 30px 0px 30px;}
.dialog .content img{border-style: none;}


.dialog .t {
 /* top+left vertical slice */
 position:absolute; left:0px; top:0px; width:12px; /* top slice width*/ margin-left:-12px;
 height:100%; _height:1600px;
 background-position:top left; }


 /* bottom   */
.dialog .b {position:relative;width:100%;}
.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b { background-position:bottom right;}

.dialog .b div {
 position:relative; width:12px; /* bottom corner width */ margin-left:-12px;
 background-position:bottom left;}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;}
.dialog h1 {padding-bottom:0px;}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
	font-size:small;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}