@charset "iso-8859-1";

/* CSS Document */



/** TEMPLATE 1 COMMON STYLESHEET

-----------------------------------------------------------------**/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height: 100%;
}



body {
	background-color: #D2D4D3;
	background-image: url(../images/bg-greyscreen.jpg);
	background-repeat: repeat-x;
	color: #636466;

}



img {

	border: none;

}



ul, ol{

	list-style-type: none;

}



.sup {

	position: relative;

	bottom: 1.2em;

	font-size: 6px;

}



blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



:focus {

	outline: 0;

}



ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



.floatLeft  {float: left;}

.floatRight {float: right;}

.clearer    {

	clear: both;

	font-size: 1px;

	line-height: 0%;

	height: 0px;

	text-indent: -9999px;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/*Wrapper Main

-------------------------------------------------------*/

div#wrapper {

	margin: 0 auto;

	width:978px;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	background: url(../images/wrapper-bg-repeat1.jpg) repeat-x;

}



div#wrapper-inner{

	float: left;

	width:942px;

	padding: 0 18px;

}



div#top-nav-wrapper{

	float: left;

	width: 922px;

	height: 39px;

	padding-right: 20px;

	background: url(../images/top-nav-bg1.gif) no-repeat;

}



div#header {

	float: left;

	width: 942px;

	height: 109px;

	background: url(../images/header-bg1.gif) no-repeat;

}
div#headerdigital {

	float: left;

	width: 942px;

	height: 109px;

	background: url(../images/digital-header.png) no-repeat;

}



div#banner-holder {

	width: 940px;

	border-left: 1px solid #141515;

	border-right: 1px solid #141515;

}



div#content-area {

	float: left;

	width: 940px;

	border-left: 1px solid #141515;

	border-right: 1px solid #141515;

	border-bottom: 1px solid #141515;

}



div#content-area-inner {

	float: left;

	width: 892px;

	padding: 20px 24px 10px 24px;

	background: url(../images/content-bg-repeat.gif) repeat-y;

}



div#banner {

	width: 940px;

}



h1.title1{ font-weight:normal;font-size:28px;color:#2153A5;padding-bottom:10px;margin:0;}

h2.logo{ padding: 15px 0 0 30px; margin: 0; }

h2.slogan{ padding: 30px 30px 0 0; margin: 0; }

h2.icons{
	float:left;
	width:191px;
	padding-bottom:0px;
	margin: 0;
}

h2.portfolio-image{
	float:left;
	width:200px;
	padding-bottom:0px;
	border: solid 4px #B0B3B6;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

h3.subtitle1{ font-weight:normal;font-size:18px;color:#2153A5;padding:10px 0;margin:0;border-top:1px solid #C4C6C8;}

h3.subtitle2{ font-weight:normal;font-size:18px;color:#fff;margin:0;}

h3.subtitle3{ font-weight:normal;font-size:22px;color:#fff;margin:0;}



ul.nav-links{

	float: right;

	margin: 0;

	padding-top: 12px;

}



ul.nav-links li{

	float: left;

	font-family: Arial;

	font-size: 9px;

	letter-spacing: 1px;

	padding: 0 10px 0 0;

}



ul.nav-links li a{ color: #4C4C4E!important; text-decoration: none;}

ul.nav-links li a.active{ color: #2253A3!important; }

ul.nav-links li a:hover{ color: #2253A3!important; }



ul#menu {

	clear: both;

	width: 929px;

	height: 25px;

	padding-left: 11px;

	background: url(../images/menu-bg-repeat.gif) repeat-x;

}



ul#menu li {

	float: left;

	width: 182px;

	height: 25px;

	text-align: center;

	border-right: 2px solid #707174;

	background: url(../images/menu-li-bg.gif) repeat-x;

}

ul#menu li a{

	display:block;

	height: 20px;
	
	padding-top: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #fff;

	text-decoration: none;

}



ul#menu li a:hover{

	text-decoration: none;

}

ul#menu li#menu01 a:hover, ul#menu li#menu01 a.active{ height: 25px; background:url(../images/menu01.gif) top left no-repeat; }

ul#menu li#menu02 a:hover, ul#menu li#menu02 a.active{ height: 25px; background:url(../images/menu02.gif) top left no-repeat; }

ul#menu li#menu03 a:hover, ul#menu li#menu03 a.active{ height: 25px; background:url(../images/menu03.gif) top left no-repeat; }

ul#menu li#menu04 a:hover, ul#menu li#menu04 a.active{ height: 25px; background:url(../images/menu04.gif) top left no-repeat; }

ul#menu li#menu05 a:hover, ul#menu li#menu05 a.active{ height: 25px; background:url(../images/menu05.gif) top left no-repeat; }


.no-border{ border-right: none!important; }

.pad-left{ padding-left: 10px!important; }

.pad-top{ padding-top: 15px!important; }



.blue{

	color:#2153A5!important;

	text-decoration: underline!important;

}



.bold{ font-weight: bold!important;	}


div.content-area-left {
	float: left;
	width: 480px;

}



div.content-area-right {
	float: left;
	width: 390px;
	padding-left: 15px;

}



div.content-area-left2 {
	float: left;
	width: 540px;
	font-size: 100%;
	line-height: 100%;
}



div.content-area-right2 {

	float: left;

	width: 297px;

	padding-left: 55px;

}



div.content-area-wide {

	float: left;

	width: 892px;

}



.wide{ margin-top:20px!important;padding-top: 35px; }



p.home{

	font-family: Arial;

	font-size: 13px;

	color: #626366;

	padding: 10px 0 0 0;

	margin: 0;

	line-height: 18px;

}

p.intro{

	font-family: Arial;

	font-size: 12px;

	color: #626366;

	padding: 10px 0 0 0;

	margin: 0;

	line-height: 140%;

}



p.intro2{

	font-family: Arial;

	font-size: 12px;

	color: #626366;

	padding: 0;

	margin: 0;

	line-height: 140%;

}



div.portfolio-item{

	float: left;

	width: 210px;

	padding-top: 10px;

}



span.portfolio-txt{

	font-size: 11px;

	font-weight: bold!important;

}



div#footer{

	float: left;

	width: 912px;

	height: 32px;

	padding: 5px 15px 0 15px;

	margin-top: 2px;

	background: url(../images/footer-bg1.gif) no-repeat;

}



span.copyright{

	float: left;

	font-size: 9px;

	color: #4C4C4E;

	margin-top: 5px;

}



ul.footer-links{

	float: right;

	margin: 0;

	padding-top: 3px;

}



ul.footer-links li{

	float: left;

	font-family: Arial;

	font-size: 9px;

	padding: 0 15px 0 0;

}



ul.footer-links li a{ font-weight: bold!important;color: #4C4C4E!important; text-decoration: none; }

ul.footer-links li a.active{ font-weight: bold!important;color: #2253A3!important; text-decoration: underline; }

ul.footer-links li a:hover{ font-weight: bold!important;color: #2253A3!important; }



.blue-container a:hover, .green-container a:hover, .red-container a:hover, .violet-container a:hover, .orange-container a:hover     {

	color: #000000;

	text-decoration: none;

}

.green-container a, .orange-container a, .blue-container a {

	color: #FFFFFF;

	text-decoration: underline;

}.blue-text {

	color: #2153A5;

}

.small-text {
	font-size: 10px;
}

a.green {
	color:#6BAB3F;
	font-weight:bold;
	text-decoration:none;
}
a.green:hover {
	color:#000000;
	text-decoration:underline;
}
.nonbold {
	font-weight: normal;
}

#resources td {
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding-bottom: 15px;
	padding-top: 15px;
}
#resources p {
	font-family: Arial;
	font-size: 12px;
	color: #626366;
	padding: 8px 0 0 0;
	margin: 0;
}
#resources a {
	color:#626366;
	text-decoration: none;
}
#resources a:hover {
	color:#2153A5;
	text-decoration: underline;
}
#resources h2 {
	font-weight:bold;
	font-size:16px;
	color:#2153A5;
	margin:0;
	padding-left:0px;
	text-indent:0;
}