/*-------------------------------------------------------------------------------------------
	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: 12px;
	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;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px; 
	color: #000;
	line-height: 14px;
}

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


/*********************************************
	/ 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.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: 18px;
	font-weight: bold;
	line-height: 22px;
}

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;
}

.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: 24px}

.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; }