@import "type.css";
/***********************
 *	TOPAMAX enhanced website
 *	main style sheet
 *	©2007 GSW-Worldwide
 *	Author: George Kuhl
 *	Last Modified: 01.24.2007
************************/
/**  1| Defaults */
/* adapted from YUI fonts */
a {
	text-decoration:none;
	 color:#003478;
	outline:none;
}

sup {
	font-size:80%;
	vertical-align:top;
}
table {
	font-size:inherit;
	font-size:100%;
}
select, input, textarea {
	font:99% arial,helvetica,sans-serif;
}

/*div#page div#body ul#main_nav_ul li.picNav { behavior:url("css/csshover.htc"); }*/
/** 2| Structure */
div#page {
	width: 990px;
	margin: 0 auto;
	padding:0;
	background:#FFF6DC url(../images/page_bg.jpg) top left repeat-y;
	position:relative;	
	border-left:solid 1px #B3B6DD;
	border-right:solid 1px #B3B6DD;
}

div#page_mwwm {
	width: 1025px;
	margin: 0 auto;
	padding:0;
	position:relative;	
	border-left:solid 1px #B3B6DD;
	border-right:solid 1px #B3B6DD;
}

/** 2.1| Header */
div#hd{
	width:100%;
	position:relative;
}
#logo {
	float:left;
	margin-top:24px;
	margin-left:48px;

}
#filigree {
	position:absolute;;
	top:0;
	left:0;

}
#topnav {
	float:right;
	margin-right:40px;
	_margin-right:20px;
	margin-top:20px;
}
/*  hnav is horizontal nav. used in header and footer */
.hnav p{ 
	display:block;
	color:#003478;
	padding:0 3px;
	align:left;
}

.hnav li a{ 
	display:block;
	color:#003478;
	padding:0 3px;
}
.hnav a:hover {
	background:#D8DBEB;
}
.hnav li {
	display:block;
	float:left;
	font:70% Arial,Helvetica, sans-serif;
	margin:4px 0;
	padding:0 2px;
	border-right:solid 1px #003478;
}
.hnav li.no_bar, .hnav li.img {
	border-right:none;
}
.hnav li.pipe {
	color:#003478;
	font:93% Arial;
	margin:2px 0;
}
.hnav li.img {
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
}
/** 2.2| Body */

div#body {
	width:100%;
	min-height:640px;
	_height:640px;
	position:relative;
	margin-bottom:40px;
}
li.script { 
	/* XHTML requires scripts to be in an enclosing element || required for swfobject*/
	display:none;
}
li#video {
	height:230px;
	width:300px;
	margin:0px 0 0 0;
}
/** 2.2.2| homepage promo tiles */
#callouts {
	float:left;
}
li#tile1 {
	width:200px;
	height:200px;
	background:url(../images/roundBG.png);
	margin:0 0 0 100px;
}
#body h1 {
	font:bold 152% "Georgia", "Times New Roman", Times, serif;
	color:#003478;
	margin:20px 0 0 220px;
}
#body h1 em {
	margin-left:-1000em;
	}
/** 2.2.3| level 2 & 3 side nav */
#page_nav {
	float:left;
	width:120px;
	padding:0px 0 0 50px;
/*	margin-top:40px;*/
}
#page_nav li {
	color:#003478;
	border:solid 1px #003478;
	border-left:none;
	border-right:none;
	font:bold 93%/1em Arial, Helvetica, sans-serif;
	margin:8px 0;
}
#page_nav li a{
	color:#003478;
	display:block;
	padding:4px 2px;
	width:auto !important;
	width:100%;
}
#page_nav li a:hover, #page_nav li.current a{
	background:#D8DBEB;
}
#page_nav li.current li a {
	background:none;
}
#page_nav li ul {
	display:none;
}
#page_nav li.current ul {
	display:block;
	margin:0;
}
#page_nav li li {
	font:normal 10px/.9em Arial, Helvetica, sans-serif;
	border:none;
	margin:2px 0;
	background:none;
	width:100%;
}
#page_nav li li a {
	display:block;
	background:none;
	padding:4px 2px;
	width:auto !important;
	width:100%;
}
#page_nav li li a:hover, #page_nav li li.current a {
	background:#003478;
	width:auto !important;
	width:100%;
	color:white;
}
#page_nav li li a:hover {
/*	border-right:solid 4px white;*/
}
/** 2.2.4| level 2 image navigation */
h2.l2_sub {
	margin-left:65px;
	_margin-left:33px;
	font:93%/1.4em Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	clear:right;
	width:600px;
	padding:0 0 20px 0;
}
ul#l2_pic_nav {
	clear:left;
	float:left;
	margin-left:65px;
	_margin-left:33px;
	width:680px;
}
ul#l2_pic_nav li {
	float:left;
	width:122px;
	margin-right:8px;
}
ul#l2_pic_nav li img {
	border:solid 1px #D8DBEB;
}
ul#l2_pic_nav li a {
	border:none;
}
ul#l2_pic_nav li a:hover {
	border:none;
	text-indent:0;
}
ul#l2_pic_nav li a span.title{
	font-size:85%;
	font-weight: bold;
	float:left;
	width:122px;
	border-top:solid 1px #003478;
	border-bottom:solid 1px #003478;
	text-align:center;
	padding:2px 0;
}
ul#l2_pic_nav li a span.link_sub{
	display:none;
	text-align:center;
	font:italic 85%/1.2em Georgia, "Times New Roman", Times, serif;
	padding:8px 0;
	width:122px;
	float:left;
	clear:left;
	}
ul#l2_pic_nav li a:hover span.title{
	background:#D8DBEB;
}
ul#l2_pic_nav li a:hover span.link_sub{
		display:block;
}
ul#l2_pic_nav li a:hover img {
	border:solid 1px #003478;
}
/** 2.3| Footer */
div#ft{
	width:100%;
	height:114px;
	position:relative;
	background:white url(../images/footer_bg.gif) top left no-repeat;
}
div#ft_mwwm{
	width:1024px;
	position:relative;
	padding: 0 0 5px 0;
	text-align: left;
	margin: -5px 0 0 0;
	background: #FFF;
}
#ftnav{
	float:left;
	margin-top:5px;
	margin-left:45px;
	_margin-left:22px;
}

/** 4.2.1| Level 3 content area */
div#main_content {
/*	border:solid 1px blue;*/
	width:80%;
	min-height:500px;
	_height:500px;
	float:left;
	position:relative;
}
/** 4.2.2| A template */
div#left_para{
	width:300px;
/*	border:solid 1px red;*/
	float:left;
	margin-left:100px;
	font:93%/1.9em Arial, Helvetica, sans-serif;
}
div#left_para h2 {
	font:bold 100% Arial, Helvetica, sans-serif;
	color:#003478;
	padding-right:10px;
	margin:0 0 10px 0;
}
div#left_para p, ul {
	color:#444;
	margin:0 0 8px 0;
}
div#left_para ul li {
	margin:0 0 4px 0;
}
div#level_3_video {
	float:left;
/*	border:solid 1px red;*/
	width:300px;
	height:300px;
	margin-left:30px;
}
/** 4.2.3| B Template */
div#image_left {
	position:absolute;
	width:285px;
	height:350px;
	top:0;
	left:60px;
	z-index:1;
}
div#image_right {
	position:absolute;
	width:495px;
	height:400px;
	top:43px;
	left:255px;
	background:white;
	z-index:0;
	background:transparent url(../images/imageRight.jpg) 0 0 no-repeat;
	font:93% Arial, Helvetica, sans-serif;
	color:#333;
}
div#image_right_causes {
	position:absolute;
	width:300px;
	height:451px;
	top:43px;
	left:450px;
	z-index:0;
	background:transparent url(../images/whatcauses_wineglass_large.jpg) 0 0 no-repeat;
	font:93% Arial, Helvetica, sans-serif;
	color:#333;
}
div#image_right div#paper {
	background:transparent url(../images/imageRight_bg.jpg) bottom left no-repeat;
	margin-top:20px;
	width:380px;
	height:490px;
	padding-bottom:40px;
	padding-left:100px;
	padding-right:20px;
}

div#image_right div#paper_family {
	background:transparent url(../images/imageRight_bg_family.jpg) bottom left no-repeat;
	margin-top:20px;
	width:380px;
	height:490px;
	padding-bottom:40px;
	padding-left:100px;
	padding-right:20px;
}

div#image_right div#paper_employer {
	background:transparent url(../images/imageRight_bg_employer.jpg) bottom left no-repeat;
	margin-top:20px;
	width:380px;
	height:490px;
	padding-bottom:40px;
	padding-left:100px;
	padding-right:20px;
}

div#image_right div h2 {
font-weight:bold;
	color:#003478;
	margin:0 0 10px 0;
}
div#image_right div p {
	color:#333;
	line-height:1.4em;
	margin-right:20px;
	margin-bottom:10px;
}
div#image_right div li {
	margin:0 0 4px 0;
	color:#333;
}
div#kol_video{
	padding-left:60px;
}
/** 5| Hacks */
/** 5.1| float clear hack */
div.clear:after {
	content:".";
	display:block;
	height:0px;
	visibility:hidden;
	clear:both;
}
/** 5.2| slideshow */

div#slideshow_left div h2 {
font-weight:bold;
	color:#003478;
	margin:0 0 10px 0;
}
div#slideshow_left div p {
	color:#333;
	line-height:1.4em;
	margin-right:20px;
	margin-bottom:10px;
}

div#slideshow {
	width:380px;
	height:490px;
	overflow:hidden;
	position:relative;
}
div#slide_holder {
	height:490px;
	width:5000px;
	position:absolute;
	top:15px;
	left:0;
}
div.slide {
	width:380px;
	height:490px;
	float:left;
}

div#slideshow .slide ul {
	list-style:circle;
	padding-left: 20px;
	}

div#slideshow .slide a {
	text-decoration: underline;
	}
	
div#slideshow .slide ol {
	list-style-type: decimal;
	padding-left: 30px;
	}
	
div.slide dd {
	margin-bottom:4px;
	color: #333;
}
div#image_right {
	color:#003478;
}

div#slide_links{
	font:85% Arial, Helvetica, sans-serif;
	background:;
	position:absolute;
	top:20px;
	left:350px;		
	z-index:100;
	
/** div#slide_links{
	font:85% Arial, Helvetica, sans-serif;
	background:;
	position:absolute;
	top:310px;
	left:270px;	
	z-index:100;*/
}
div#slide_links a {
	float:left;
	display:block;
	padding:4px;
	border:none;
	outline:none ! important;
}
div#slide_links a:hover {
}
div#slide_links a:active {
	float:left;
	display:block;
	padding:4px;
	border:none;
	outline:none ! important;
}
div#slide_links a:visited {
	float:left;
	display:block;
	padding:4px;
	border:none;
	outline:none ! important;
}

div#slide_links #reset {
	display:none;
}
div#slide_links #prev {
	display:none;
}
div#slideshow a.slide_jump {
	text-decoration:none;
	line-height:1.5em;
	padding-left:15px;
	background:url(../images/blue_arrow.gif) 0 1px no-repeat;

}
div#slideshow a.slide_jumpnoarrow {
	text-decoration:none;
	line-height:1.5em;
	padding-left: 0px;
	background: none;
}
div#slideshow a.slide_jump:hover {
	background:url(../images/blue_arrow.gif) 0 1px no-repeat;
	text-decoration:underline;
	}
/** 5.3| References styles */
div#slideshow .slide sup a { position:relative; text-decoration:none; }
sup a span { display:none; }
sup a:hover { border:none;}
sup a:hover span { 
	display:block; 
	position:absolute; 
	top:10px; 
	left:-50px;
	font-size:100%;
	_font-size:12px; 
	line-height:14px; 
	color:#333; 
	padding:4px; 
	background-color:#eaeaea; 
	width:200px; 
	height:auto; 
	border:1px solid #666; 
}

#ul_links {
	padding: 10px 0 0 80px;
	}

#ul_links li {
	padding-left: 15px;
	padding-bottom: 5px;
	background-image: url(../images/blue_arrow.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	}
#toprol {
	float:left;
	background: #FDF4DE;
	margin: 80px 0px 5px 15px;
	padding-right: 500px;

}		
#toprol p{
	background:#FDF4DE;
	font:80% Arial,Helvetica, sans-serif;
	display:block;
	color:#696969;
	margin:5px 0 5px 20px;
	padding: 5px 0 5px 18px;
	_padding: 5px 0 5px 0;
}
#toprol h6{
	background:#FDF4DE;
	font:85% Arial,Helvetica, sans-serif;
	font-weight: bold;
	display:block;
	color:#696969;
	margin:5px 0 5px 20px;
	padding: 5px 0 5px 18px;
	_padding: 5px 0 5px 0;
}
#disclaimer p{
	clear:both; 
	font:80% Arial,Helvetica, sans-serif;
	display:block;
	color:#696969;
	margin:15px 50px 10px 50px;
	align:left;
}
#disclaimer h4{
	clear:both; 
	font:85% Arial,Helvetica, sans-serif;
	display:block;
	color:#696969;
	margin:15px 50px 10px 50px;
	align:left;
	font-weight: bold;
}
#disclaimer h6{
	clear:both; 
	font:85% Arial,Helvetica, sans-serif;
	display:block;
	color:#696969;
	margin:15px 50px 10px 50px;
	align:left;
	font-weight: bold;
}
#disclaimer a{
	color:#003478;
}

#disclaimer a:hover{
	text-decoration: underline;
}
div#slide_links a img {
	vertical-align:middle;
	margin-bottom:2px;
}
ul#ul_links li.pdf {
	background: url(../images/pdf_thumb.gif) 0 0 no-repeat;
}
div#affiliations {
	padding: 0px 0 0 95px;
	font-size:85%;
	color:#333333;
}
div#affiliations h2{
	color:#003478;
	font-weight:bold;
}
ul#ul_links li.pdf {
	background: url(../images/pdf_thumb.gif) 0 0 no-repeat;
}
	
.footer {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	height: 50px;
	width: 990px;
}