@charset "utf-8";



/********************************* Typography and styles for elements */
*{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:13px;
	}
	
body{
	background-color:#ffffff;
	background-image:url(/images/bg_body.jpg);
	background-repeat:repeat-x;
	}
	
p, ul, ol{
	padding:0 18px 18px 18px;
	width:90%;
	letter-spacing:.05em;
	line-height:1.5em;
	}
	
.first{
	padding: 18px;
	min-height:95px; /* ignored by IE*/
	background-image:url(/images/bg_p.gif);
	background-repeat:no-repeat;
	}

#box{
	padding: 18px 0 18px 0;
	/* min-height:95px;  ignored by IE*/
	background-image:url(/images/bg_p.gif);
	background-repeat:no-repeat;
}
	
* html .first{
	height:95px; /* only seen by IE, which treats height as min-height*/
}

li{
	margin:0 0 7px 36px;
	}

h1{
	font-family:Verdana, sans-serif;
	height:0px; /* text replaced with background image. See http://www.kryogenix.org/code/browser/lir/ */
	width:220px;
	padding:45px 0 0 0;
	margin:61px 0 0 0;
	float:left;
	overflow:hidden;
	background-image:url(/images/logo.gif);
	background-repeat:no-repeat;
	}

h2{
	font-size:19px;
	margin:0 0 12px 0;
	letter-spacing:-.05em;
}
	
h3{
	font-size:17px;
	margin:0 0 12px 18px;
}

#box h3{
	font-size:17px;
	margin:0 0 12px 18px;
}

a{
	color:#ff0000;
	}
	
table {
	border-collapse:collapse;
}

table th {
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#d9e2ea;
}

table td {
	padding:5px;
	vertical-align:top;

}

/* ------ used to create lists with icons as bullet image  ------ */

ul li.adobe{
	list-style-image:url(/images/icons/acrobat.gif);
	vertical-align:text-bottom;
}

ul li.word{
	list-style-image:url(/images/icons/word.gif);
	vertical-align:text-bottom;
}

ul li.excel{
	list-style-image:url(/images/icons/excel.gif);
	vertical-align:text-bottom;
}

ul li.ppt{
	list-style-image:url(/images/icons/ppt_sm.gif);
	vertical-align:text-bottom;
}

ul li.graphic{
	list-style-image:url(/images/icons/graphic.gif);
	vertical-align:text-bottom;
}

ul li.breeze{
	list-style-image:url(/images/icons/breeze.gif);
	vertical-align:text-bottom;
}

ul li.external{
	list-style-image:url(/images/icons/external_site.gif);
	vertical-align:text-bottom;
}

ul li.captivate{
	list-style-image: url(/images/icons/captivate.gif);
	vertical-align:text-bottom;
}

ul li.new{
	list-style-image: url(/images/icons/new.gif);
	vertical-align:text-bottom;
}

/* ------ end lists with icons as bullet image  ------ */

/********************************* layout classes */
	
.everything{
	background-color:transparent;
	width:855px;
	margin:0 auto -30px auto;
	}
	


@media screen{
	
	/* if the elements to which iepngfix is applied are styled outside of a @media screen section, IE prints them ugly. */

	.header{
		width:778px; /* 855 with padding */
		height:131px;
		margin:0 auto 0 auto;
		padding-left:77px;
		background-color:transparent;
		background-image:url(/images/bg_head.png);
		background-repeat:no-repeat;
		behavior: url(iepngfix.htc); /* IE-only png fix. See http://www.twinhelix.com/css/iepngfix/ */
		}
		
	.content{
		min-height:640px; /* ignored by IE*/
		height:auto;
		float:left;
		padding-bottom:60px;
		margin-bottom:-30px;	
		background-image:url(/images/bg_page.png);
		background-repeat:repeat-y;
		behavior: url(iepngfix.htc); /* IE-only png fix. See http://www.twinhelix.com/css/iepngfix/ */
		}
		
	* html .content{
		height:640px; /* only seen by IE, which treats height as min-height*/
		float:none;
		}
	}

.nav{
	list-style-type: none;
	margin: 30px 0 30px 0;
	padding:0;
	width:700px;
	float:left;
	position:relative;
	left:77px;
	}

.nav li{
	margin:0;
	padding:0;
	display:inline;
	float:left;
	border-bottom: 0px solid #e51937;
	position:relative;
	top:2px;
	font-size:11px;
	}

.nav a{
	float:left;
	background:url(/images/tab-left.gif) no-repeat left top;
	padding-left:6px;
	text-decoration:none;
	font-size:11px;
	}

.nav a span{
	float:left;
	display:block;
	background:url(/images/tab-right.gif) no-repeat right top;
	padding:8px 5px 4px 0px;
	color:#000000;
	line-height:1.5em;
	font-size:11px;
	}

.nav li.current a span{
	background-position:100% -125px;
	color:#ffffff;
	font-size:11px;
	}

.nav a:hover, .nav li.current a{
	background-position:0% -125px;
	}

.nav a:hover span{
	background-position:100% -125px;
	color:#ffffff;
	font-size:11px;
	}
	
.full{
	clear:both;
	margin:0 77px 0 77px;
	}
	
.primaryColumn{
	float:left;
	width:40%;
	margin-left:77px;
	display:inline;
	}
	
.secondaryColumn{
	float:right;
	width:40%;
	margin-right:77px;
	display:inline;
	}

.footer{
	border-style:solid;
	border-color:#8EBBE1;
	border-width:1px 0 0 0;
	color:#8EBBE1;
	clear:both;
	height:24px;
	width:auto;
	margin:-30px 77px 0 77px;
	padding-top:6px;
	background:none;
	}
	
@media print{
	
	body{
		background-image:none;
		}
	
	.everything{
		width:auto;
		margin:0;
		}
	.full{
		clear:both;
		margin:0 10px 0 10px;
		}
		
	.primaryColumn{
		float:left;
		width:40%;
		margin-left:10px;
		display:inline;
		}
		
	.secondaryColumn{
		float:right;
		width:40%;
		margin-right:10px;
		display:inline;
		}
	h1{
		margin:30px 0 30px 35px;
		}

	.nav{
		display:none;
		}

	.footer{
		margin: 0;
		border-color:#000000;
		color:#000000;
		}
	}