@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	font-size:13px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#666;
	background:url(../images/bkgd_lines.png) center repeat-y;
	}

a {
	color:#447e98;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

#wrapper {
	border-bottom:1px solid #CCC;
}

#header {
	width:982px; 
	height:50px; 
	margin:0 auto;
}

#header ul {
	float:right;
	margin:25px 15px 0 0;
}

#header li {
	list-style-type:none;
	display:inline;
	float:left;
}

#header li a, #header li span {
	display:block;
	height:15px;
	outline:0;
}

#header li a.navinteractive {
	background:url(../images/nav_graphics.png) 0 -48px no-repeat;
	width: 99px;
}

#header li a:hover.navinteractive {
	background:url(../images/nav_graphics.png) 0 -24px no-repeat;
}

#header li span.navinteractiveactive {
	background:url(../images/nav_graphics.png) 0 0 no-repeat;
	width: 99px; 
}

#header li a.navprint {
	background:url(../images/nav_graphics.png) 0 -120px no-repeat;
	width: 57px;
}

#header li a:hover.navprint {
	background:url(../images/nav_graphics.png) 0 -96px no-repeat;
}

#header li span.navprintactive {
	background:url(../images/nav_graphics.png) 0 -72px no-repeat;
	width: 57px;
}

#header li a.navidentity {
	background:url(../images/nav_graphics.png) 0 -192px no-repeat;
	width: 76px;
}

#header li a:hover.navidentity {
	background:url(../images/nav_graphics.png) 0 -168px no-repeat;
	width: 76px;
}

#header li span.navidentityactive {
	background:url(../images/nav_graphics.png) 0 -144px no-repeat;
	width: 76px;
}

#header li a.navillustration {
	background:url(../images/nav_graphics.png) 0 -264px no-repeat;
	width: 85px;
}

#header li a:hover.navillustration {
	background:url(../images/nav_graphics.png) 0 -240px no-repeat;
	width: 85px;
}

#header li span.navillustrationactive {
	background:url(../images/nav_graphics.png) 0 -216px no-repeat;
	width: 85px;
}




.whitecontainer {
	width:980px; 
	margin:0 auto; 
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url(../images/bkgd_line_on_white.png) 490px repeat-y;
}


.hometop {
	height:95px; 
}

.homebottom {
	height:220px; 
}

.homeblue {
	background-color:#447e98; 
	height:120px;
}

.homebluecontainer {
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	background:url(../images/bkgd_line_on_blue.png) 490px repeat-y;
	height:120px;
	width:980px;
	margin:0 auto;
	color:#FFF;
}

.homebluecontainer img{
	float:left;
	margin:35px 0 0 38px;
}

.homebluecontainer h1{
	font-weight: normal;
	font-size:16px;
	float:right;
	margin: 50px 115px 0 0;
}

.home_leftlinks {
	padding: 0;
	margin:50px 0 0 40px;
	float:left;
}


.home_leftlinks li {
	padding:3px 0;
}

.home_leftlinks li a {
	padding-left:8px;
}

.home_leftlinks li a:hover{
	background:url(../images/arrow_blue.png) no-repeat left;
}

.home_rightlinks {
	padding:0;
	margin-top:50px;
	float:right;
	width:435px;
}


.home_leftlinks li, .home_rightlinks li {
	list-style-type:none;
}

.home_rightlinks li {
	padding-right:20px;
	float:left;
	text-align:center;
	font-weight:bold;
}

.home_rightlinks li a {
	display:block;
	width:60px;
	height:60px;
}

.home_rightlinks li a.home_interactive {
	background: url(../images/home_nav_interactive.png) no-repeat;
}

.home_rightlinks li a:hover.home_interactive {
	background: url(../images/home_nav_interactive_hover.png) no-repeat;
}

.home_rightlinks li a.home_print {
	background: url(../images/home_nav_print.png) no-repeat;
}

.home_rightlinks li a:hover.home_print {
	background: url(../images/home_nav_print_hover.png) no-repeat;
}

.home_rightlinks li a.home_id {
	background: url(../images/home_nav_id.png) no-repeat;
}

.home_rightlinks li a:hover.home_id {
	background: url(../images/home_nav_id_hover.png) no-repeat;
}

.home_rightlinks li a.home_illustration {
	background: url(../images/home_nav_illustration.png) no-repeat;
}

.home_rightlinks li a:hover.home_illustration {
	background: url(../images/home_nav_illustration_hover.png) no-repeat;
}






.bluebar {
	background-color:#447e98; 
	height:75px;
}

.bluecontainer {
	background:url(../images/bkgd_line_on_blue.png) repeat-y 250px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	height:75px;
	width:980px;
	margin:0 auto;
}

.bluecontainer a {
	float:left;
	margin: 19px 33px;
}

.bluecontainer span {
	float:right;
	margin: 50px 15px 0 0;
	
}

#content_wrapper {
	background:#b4cbd6 url(../images/bkgd_gray_gradient.png) bottom repeat-x; 
	padding-top:20px;
}

#content_wrapper_id {
	background:#b4cbd6 url(../images/bkgd_gray_gradient_id.png) bottom repeat-x; 
	padding-top:20px;
}

.content {
	float:right; 
	width:728px;
	outline:0;
}

.footer {
	border-top: 1px solid #ccc; 
	height:25px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}