/*-------------------------------------------------------------------------------------------
	CSS for IWS
	MJP // 03-09 // D3Corp
---------------------------------------------------------------------------------------------*/	



/*********************************************
	/ Here goes the main page
	/ properties. Make sure to read the 
	/ notes. 
*********************************************/	
body {
	background: #fff;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #777777;
}


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

/*********************************************
	/ Here is the header and the nav
*********************************************/

div.top-header-links {
	width: 410px;
	height: 10px;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 5px;
	background: #fff;
}

	/* The links */
	.top-header-links a{
		color: #666;
		text-decoration: none;
	}
	
	.top-header-links a:hover {
		color: #000;
		text-decoration: underline;
	}


div.top-header {
	width: 816px;
	height: 152px;
	margin: 0 auto;
}

/*********************************************
	/ The navigation and all divs 
	/ inside of it. There should be 8. 
*********************************************/

div.navigation {
	width: 937px;
	height: 31px;
	margin: 0 auto;
	padding:0;
}

.security_box{
	font-size:13px;
	color:#ff0000;
	font-weight:bold;
	border:solid 1px #ffffff;
	background:#eeeeee;
	padding:10px 5px;
}

/*********************************************
	/ Here is the content box 
*********************************************/

div.content-block {
	width: 776px;
	background: #fff;
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
	color: #777777;
}

	.content-block a { 
		color: #020469;
		text-decoration: underline;
	}
	
	.content-block a:hover { 
		color: #ff930f;
		text-decoration: none;
	}

div.content-block-calendar {
	width: 776px;
	background: #fff;
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
	color: #777777;
}
/*********************************************
	/ This is the left and right side 
	/ for all of the regular content 
	/ webpages. The non-user ones. 
*********************************************/

div.left-content {
	width: 460px;
	float: left;
}

div.left-content li {
	list-style-type: disc;a
	}

div.right-content {
	width: 310px;
	float: right;
}


div.left-sub-content {
	width: 560px;
	float: left;
}


div.right-sub-content {
	width: 216px;
	float: right;
}


/*********************************************
	/ Homepage formatting
*********************************************/

div.homepage-title {
	width: 460px;
	color: #020469;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: bold;
	line-height: auto;
}

div.homepage-text {
	width: 450px;
	color: #666;
	line-height: 15px;
}

div.homepage-text-small {
	width: 450px;
	color: #666;
	font-size: 9px;
	line-height: 10px;
}

div.homepage-buttons {
	display: block;
	padding: 20px 0 0 0;
}


/*********************************************
	/ Other design factors, headers, etc. 
*********************************************/

div.header-holder {
	width: 811px;
	margin: 0 auto;
	background: #fff;
	clear: both;
	padding: 0 0 0 5px;
}

div.left-flash {
	width: 560px;
	height: 195px;
	float: left;
}

.large-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	color: #000067;
	line-height: 35px;
}


.medium-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #000067;
	line-height: 25px;
}



/*********************************************
	/ Login
*********************************************/

div.login-title {
	width: 400px;
	height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 29px;
	color: #354164;
	background: #c1c8de;
	padding: 0 0 0 10px;
}

div.login-box {
	border: 1px solid #c1c8de;
	padding: 10px;
	background: #d2d6e1;
	color: #354164;
}
	


/*********************************************
	/ Here is the Footer area 
*********************************************/

div.footer {
	width: 800px;
	background: #fff;
	margin: 0 auto;
	padding: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px; 
	color: #020469;
	text-align: center;
	border-top: 1px solid #020469;
} 

	/* Links for footer */
	.footer a { 
		text-decoration: none;
		color: #020469;
	} 
	
	.footer a:hover {
		text-decoration: underline;
		color: #ff930f;
	}
	
	
	/* the gray words and area in the footer */
	div.footer1 {
		width: 700px;
		text-align: center;
		color: #666;
	}
		


/*********************************************
	/ participants left and right
*********************************************/	

div.participants-right {
	width: 196px;
	padding: 5px;
	border: 1px solid #c1c8de;
	float: right;
	font-size: 12px;
}

div.participants-left {
	width: 196px;
	padding: 5px;
	border: 1px solid #c1c8de;
	float: left;
	font-size: 12px;
}


/*********************************************
	/ participants left and right for content column
*********************************************/	
div.participants-left_sp {
	width: 200px;
	border: 1px solid #c1c8de;
	float: left;
	font-size: 12px;
	padding:15px;
	
}
 
div.participants-right_contentcol {
	width: 230px;
	padding: 5px;
	float: right;
	font-size: 12px;
	text-align:center;
}

.part_content{
	width: 230px;
	padding: 5px;
	float: right;
	font-size: 12px;
}

div.participants-left_contentcol{
	width: 210px;
    padding:5px 5px 5px 0;
	float: left;
	font-size: 12px;
}





/*********************************************
	/ Tip Sheets
*********************************************/

div.tip-sheet {
	width: 96%;
	padding: 5px;
	border-bottom: 1px dotted #F90;
	clear: both;
}

div.tip-left {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 16px;;
	float: left;
	width: 50%;
}

	.tip-sheet a {
		display: block;
		padding: 2px;
		border: 1px solid #000;
		background: #f90;
		color: #000;
		float: right;
		font-size: 10px;
		text-decoration: none;
	}
	
	.tip-sheet a:hover {
		display: block;
		padding: 2px;
		border: 1px solid #000;
		background: #000067;
		color: #fff;
		float: right;
		font-size: 10px;
		text-decoration: none;
	}









/*********************************************
	/ ALL OF THE OLD SITE CSS!
*********************************************/	



	
.content {
	text-align: justify;
}
.content li {
	list-style-type: disc;
	padding-bottom:3px;
}

.headerbar {
	color: #FFFFFF;
	background-color: #82821C;
	text-align: center;
	font-size: 11px;
	padding: 4px;
}

.footersmall {
	color: #999999;
	text-align: center;
	font-size: 11px;
	padding: 4px;
}

#navcontainer {
	width: 257px;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer a
{
	display: block;
	padding: 3px;
	width: 257px;
	background-color: #FFF;
}

#navcontainer a:link, #navlist a:visited
{
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align:left;
}

#navcontainer a:hover
{
background-color: #5d8bc7;
color: #fff;
}

.footer a{
	color: #999999;
}

.title {color: #000066; font-family: Times, serif; font-size: 26px}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
text-align:left;
line-height: 18px;
z-index: 100;
background-color: white;
width: 300px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


/*********************************************
	/ I <3 Spacers
*********************************************/	

div.spacer {
	clear: both;
}

div.spacer-padding {
	clear: both;
	padding-bottom: 10px;
}

div.spacer-padding-large {
	clear: both;
	padding-bottom: 20px;
}


/*********************************************
	/ NOTIFY BOX
*********************************************/
#notify { position:absolute; color:#000; text-align:left; z-index:90001; }
#notify_info { position:fixed; top:45%; left:50%; width:300px; margin-left:-200px; padding:15px 30px; background:#fff; border:2px solid #000; text-align:left; z-index:9002; }











/********right col buttons3****************/

.right-col-button-box3{
	float:right;
	margin:2px 0 0 0;
}
.rightcol-top3{
	background:url(/images/bg-righttop.png) no-repeat;
	width:204px;
	height:28px;
}

.rightcol-bottom3{
	background:url(/images/bg-rightbottom.png) no-repeat;
	width:204px;
	height:30px;
}

.rightcol-inner3{
	background:url(/images/bg-rightcol.png) repeat-y;
	width:204px;
	min-height:300px;
    height:auto !important;
    height:300px;
}



.rightcol-nav3{
	float:left;
	width:185px;
	margin:0 0 0 3px;
	padding:5px 0;

}


ul.rightcol-nav3, ul.secondary-nav, ul.side-nav ul{
	list-style:none;
}

ul.rightcol-nav3{
	width:185px;
	z-index:4000;
	list-style:none;
	padding:0;
	margin:0 0 0 8px;
	
}

ul.rightcol-nav3 li { 
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}


ul.rightcol-nav3 li a{
	background:  url(/images/innovative-buttons-aligned3.png);
	background-repeat:no-repeat;
	display:block;
	width:185px;
	text-indent:-9999px;
	
}


ul.rightcol-nav3 li a.tips{height:90px; background-position:left top;}
ul.rightcol-nav3 li:hover a.tips{background-position:right top;}

ul.rightcol-nav3 li a.wellness{height:100px; background-position:left -90px;}
ul.rightcol-nav3 li:hover a.wellness{background-position:right -90px;}

ul.rightcol-nav3 li a.helpful{height:130px; background-position:left -205px;}
ul.rightcol-nav3 li:hover a.helpful{background-position:right -205px;}

ul.rightcol-nav3 li a.newsletter{height:120px; background-position:left -340px;}
ul.rightcol-nav3 li:hover a.newsletter{background-position:right -340px;}


ul.rightcol-nav3 ul {display: none;}
ul.rightcol-nav3 ul:hover {cursor:pointer;}



.rightcol-list3 ul,.rightcol-list3 li{
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
}

#calendar_list h2 {
	color:#e8941a; }









/********right col buttons3  DDDDEEEEEEEVVVVVVVV****************/

.right-col-button-box3{
	float:right;
	margin:2px 0 0 0;
}
.rightcol-top4{
	background:url(/images/bg-righttop2.png) no-repeat;
	width:204px;
	height:28px;
}

.rightcol-bottom3{
	background:url(/images/bg-rightbottom.png) no-repeat;
	width:204px;
	height:30px;
}

.rightcol-inner3{
	background:url(/images/bg-rightcol.png) repeat-y;
	width:204px;
	min-height:300px;
    height:auto !important;
    height:300px;
}



.rightcol-nav4{
	float:left;
	width:144px;
	margin:0 0 0 20px;
	padding:5px 0;

}


ul.rightcol-nav4, ul.secondary-nav, ul.side-nav ul{
	list-style:none;
}

ul.rightcol-nav4{
	width:144px;
	z-index:4000;
	list-style:none;
	padding:0;
	margin:0 0 0 8px;
	
}

ul.rightcol-nav4 li { 
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}


ul.rightcol-nav4 li a{
	background:  url(/images/innovative-buttons-aligned4.png);
	background-repeat:no-repeat;
	display:block;
	width:144px;
	text-indent:-9999px;
	
}


ul.rightcol-nav4 li a.tips{height:75px; background-position:left top;}
ul.rightcol-nav4 li:hover a.tips{background-position:right top;}

ul.rightcol-nav4 li a.wellness{height:80px; background-position:left -75px;}
ul.rightcol-nav4 li:hover a.wellness{background-position:right -75px;}

ul.rightcol-nav4 li a.helpful{height:95px; background-position:left -165px;}
ul.rightcol-nav4 li:hover a.helpful{background-position:right -165px;}

ul.rightcol-nav4 li a.newsletter{height:90px; background-position:left -260px;} 
ul.rightcol-nav4 li:hover a.newsletter{background-position:right -260px;}


ul.rightcol-nav4 ul {display: none;}
ul.rightcol-nav4 ul:hover {cursor:pointer;}



.rightcol-list4 ul,.rightcol-list4 li{
	margin:5px 0 0 -10px;

}

#calendar_list h2 {
	color:#e8941a; }










/********home buttons3****************/






.home-buttons{
	float:left;
	width:185px;
	margin:0 0 0 -10px;
	padding:5px 0;

}


ul.home-buttons, ul.secondary-nav, ul.side-nav ul{
	list-style:none;
}

ul.home-buttons{
	width:205px;
	z-index:4000;
	list-style:none;

	
}

ul.home-buttons li { 
	float:left;
	list-style:none;
	margin:0 0 30px 0;
}


ul.home-buttons li a{
	background:url(/images/innovative-homebuttonsaligned.png);
	background-repeat:no-repeat;
	display:block;
	width:205px;
	text-indent:-9999px;
	
}


ul.home-buttons li a.wellness{height:130px; background-position:left top;}
ul.home-buttons li:hover a.wellness{background-position:right top;}

ul.home-buttons li a.learn{height:124px; background-position:left -130px;}
ul.home-buttons li:hover a.learn{background-position:right -130px;}


ul.home-buttons ul {display: none;}
ul.home-buttons ul:hover {cursor:pointer;}