body	{

	margin: 0px;

	border: #000000 0px solid;

	background-color: #FFFFFF;  /* SEE BACKGROUDS BELOW */

	}











/* DEFAULTS - MARGINS SPACING */



div		{ margin: 0; padding: 0; border: 0; }



table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }











/* DEFAULTS - ALIGNMENT */



.td-right 	{ text-align: right; }



.td-left 	{ text-align: left; }



.td-center	{ text-align: center; }



.td-top		{ vertical-align: top; }



.td-middle	{ vertical-align: middle; }



.td-bottom	{ vertical-align: bottom; }



.center-align	{ text-align: center; }



.center-div	{ margin-left: auto; margin-right: auto; }



.right-div	{ margin-left: auto; margin-right: 0; }



.left-div	{ margin-left: 0; margin-right: auto; }



.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }



.float-left	{ float: left; }



.float-right	{ float: right; }



.text-nowrap	{ overflow: hidden; min-width: 175px; }











/* DEFAULTS - MISC */



.fullwidth	{ width: 100%; }



.halfwidth	{ width: 50%; }



.nobreak	{ white-space: nowrap; }



.just 		{ text-align: justify; }



img 		{ border: 0; }



.blockimage	{ display: block; }



.nonmedia	{ visibility: hidden; }



.formmargin	{ margin: 0px; }











/* NON-MENU PAGE LINK COLORS */



a:link		{ color: #0066FF; text-decoration: none; }



a:visited	{ color: #0066FF; text-decoration: none; }



a:active	{ color: #0066FF; text-decoration: none; }



a:hover		{ color: #6808df; text-decoration: underline; }











/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */



body, div, table { color: #000000; font: 16px "Source Sans Pro", arial, sans-serif; }



.title		 { color: #000000; font: 23px "Oswald", arial, sans-serif; font-weight: 400; letter-spacing: 0px; }



.subtitle	 { color: #000000; font: 18px "Source Sans Pro", arial, sans-serif; font-weight: 600; }



.smalltext	 { color: #006699; font: 12px "Source Sans Pro", arial, sans-serif; font-weight: 400; padding: 1px 0px 10px 0px; }



.hilite		 { color: #FF6600; }











/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */



h1, h2, h3, h4	{ margin: 0px 0px 1px 0px; }











/* CONTENT HEIGHTS, WIDTHS & MARGINS */



#pagewrapper	{

		min-width: 676px;  /* WORKS WITH PADDING IN CLASS inner-background BELOW */

		max-width: 924px;

		margin: 0 auto;

		}



.pageheight	{ min-height: 710px; }



#left-content 	{

		float: left;

		width: 220px;

		margin: 0 auto;

		margin-top: 0px;

		}



#right-content	{

		margin-left: 220px;

		min-width: 325px;

		}



.content-pad 	{ padding: 25px 50px 25px 50px; }





/* PAGE BACKGROUDS WITH PADDING */



.outer-background	{

			background-color: #0f71e0;

			background-image: url("picts/background-outer.jpg");

			background-repeat: repeat-x;

			padding: 0px 5px 0px 5px;

			}



.inner-background	{

			background-color: #FFFFFF;  /* -- CONTENT BACKGROUND COLOR --  */

			border: solid #999999;

			padding: 12px;

			border-width: 0px 0px 0px 0px;

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			}











/* HEADER - TEXT & GRAPHIC */



.headerarea	{

		position: relative;

		min-width: 290px;

		background-color: #0c3272;

		background-image: url("picts/header-background.png");

		background-repeat: no-repeat;

		background-position: 0px 0px;

		padding: 20px 0px 20px 0px;

	/* CORNER ROUNDING */

		border-top-left-radius: 15px;

		border-top-right-radius: 15px;

		border-bottom-right-radius: 15px;

		border-bottom-left-radius: 15px;

		-moz-border-radius-topleft: 15px;

		-moz-border-radius-topright: 15px;

		-moz-border-radius-bottomright: 15px;

		-moz-border-radius-bottomleft: 15px;

		}



.logo-respond	{ max-width: 500px; }



.logopad	{ padding: 25px 0px 20px 0px; }



.header-image	{

		position: absolute;

		z-index: 100;

		top: 25px;

		right: 15px;

		border: #FFFFFF 1px solid;

		}





/* TEXT LOGO USING GOOGLE FONTS */



.textlogo	{

		color: #FFFFFF;

		font: 400 48px "Oswald", arial, sans-serif;

		letter-spacing: 0px;

		line-height: normal;

		padding: 8px 0px 0px 20px;

		display: block;

		}



a.textlogo:link, a.textlogo:visited, a.textlogo:active	{ color: #FFFFFF; text-decoration: none; }



a.textlogo:hover { color: #CCCCCC; text-decoration: none; }











/* FOOTER */



.footer		{

		color: #666666;

		font: 15px "Source Sans Pro", arial, sans-serif;

		padding: 10px 0px 8px 0px;

		margin: 0 auto;

		background-color: #F6F6F6;

		border: solid #CCCCCC;

		border-width: 4px 1px 4px 1px;

		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

	/* CORNER ROUNDING */

		-moz-border-radius: 6px;

		-webkit-border-radius: 6px;

		-khtml-border-radius: 6px;

		border-radius: 6px;

		}



.copytext	{

		color: #666666;

		font-size: 13px;

		padding: 15px 0px 0px 0px;

		}



.footer-top	{ margin: 15px auto 0px auto; }











/* HOME PAGE */



.bottom-links	{

		color: #CCCCCC;

		text-align: left;

		padding: 10px 0px 12px 0px;

		margin: 0px 0px 0px 0px;

		border: solid #CCCCCC;

		border-width: 1px 0px 1px 0px;

		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

		}



.bottom-links a { margin-left: 8px; margin-right: 8px; }











/* BORDERS AND BARS */





.page-splits	{

		font-size: 1px;

		line-height: 1px;

		height: 2px;

		margin: 18px auto 15px auto;

		background-color: transparent;

		border-top: #CCCCCC 1px solid;

		}











/* IMAGES */



.img-borders	{ border: #000000 1px solid; }



.main-imagediv	{

		text-align: left;

		padding: 0px;

		margin: 0px auto 1px auto;

		}



.main-image	{

		width: 100%;

		height: auto;

		display: block;

		margin: 0px auto 0px auto;

		}



.main-imagediv, img.main-image 

		{

		max-width: 100%;

		min-width: 290px;

		}











/* LINKS PAGE CODE */



.searchbox		{ border: #C0C0C0 1px solid; border-collapse: separate; border-spacing: 2px; }



table.searchbox td 	{ padding: 1px 0px 1px 1px; }



.linksmargin	{ margin: 0px; margin-top: 6px; }



.searchbutton 	{ font: 12px "Source Sans Pro", arial, helvetica, sans-serif; }



.searchform 	{

		font: 13px arial, sans-serif;

		background-color: #F6F6F3;

		width: 100px;

		height: 18px;

		border: #666666 1px solid;

		}











/* CLIENTS & SERVICES PAGES CODE */



.list		{ color: #000000; line-height: 23px; margin-top: 0px; margin-bottom: 0px; }











/* NEWS PAGE */



.news-pad	{ padding: 6px 0px 6px 0px; }



.news-image	{ width: 77px; padding: 35px 0px 0px 15px; }











/* HIDE MENU AND ITEMS FOR PRINTING */





@media print {

.printhide 	{ display:none; }

.printhelp	{ width:600px; }

}

@media screen{

.printonly 	{ display:none; }

}

.shiftprntmenu	{ height: 33px; width: 100px; }











/* LEFT SIDEBAR (WIDTH DEFINED BY #left-content CLASS ABOVE) */



.sidebar		{ font-size: 12px; padding: 14px 0px 5px 0px; }



.sidebar-textarea	{ margin: 14px auto 10px auto; }



.sidebar-text 	{

		color: #0c3272;

		font: 14px "Source Sans Pro", arial, sans-serif;

		font-weight: 400;

		line-height: normal;

		text-align: left;

		}



.sidebar-title	{

		color: #FFFFFF;

		font: 17px "Oswald", arial, sans-serif;

		font-weight: 400;

		line-height: normal;

		text-align: left;

		background-color: #000000;

		padding: 10px 5px 10px 8px;

		margin: 0px auto 0px auto;

	/* CORNER ROUNDING */

		border-top-left-radius: 6px;

		border-top-right-radius: 6px;

		border-bottom-right-radius: 0px;

		border-bottom-left-radius: 0px;

		-moz-border-radius-topleft: 6px;

		-moz-border-radius-topright: 6px;

		-moz-border-radius-bottomright: 0px;

		-moz-border-radius-bottomleft: 0px;

		}



.sidebar-box 	{

		background-color: #F6F6F6;

		padding: 8px 5px 12px 5px;

		margin: 0px auto 0px auto;

	  	border: solid #CCCCCC;

	  	border-width: 0px 1px 1px 1px;

	  	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

	/* CORNER ROUNDING */

		border-top-left-radius: 0px;

		border-top-right-radius: 0px;

		border-bottom-right-radius: 6px;

		border-bottom-left-radius: 6px;

		-moz-border-radius-topleft: 0px;

		-moz-border-radius-topright: 0px;

		-moz-border-radius-bottomright: 6px;

		-moz-border-radius-bottomleft: 6px;

		}



.sidebar-link 	{

		padding: 10px 0px 3px 0px;

		text-indent: 23px;

		background-image: url("picts/sidebar-arrow.png");

		background-repeat: no-repeat;

		background-position: 0px 8px;

		}



.sidebar-link a { display: block; }



.sideimage	{

		Width: 214px;

		height: 110px;

		border: #000000 3px solid;

		display: block;

		margin: 14px auto 0px auto;

	/* CORNER ROUNDING */

		-moz-border-radius: 6px;

		-webkit-border-radius: 6px;

		-khtml-border-radius: 6px;

		border-radius: 6px;

		}











/* START THE CODE FOR THE MENUS (See also class #left-content above) */



/* CLICK MENU CODE IN "media-queries.css" */



#mobile-menu-icon { display: none; }



#menusub a	{

		color: #ffffff;

		font-family: "Source Sans Pro", arial, helvetica, sans-serif;

		font-size: 16px;

		font-weight: 600;

		text-align: left;

		text-indent: 10px;

		text-decoration: none;

		width: 100%;

		padding: 11px 0px 11px 0px;

		margin: 0px auto 1px auto;

		cursor: pointer;

		display: block;

		background-color: #0c3272;

		background-image: url("picts/menu.png");

		background-repeat: repeat-x;

		border: solid #000000;

		border-width: 0px 0px 0px 0px;

		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

	/* CORNER ROUNDING */

		-moz-border-radius: 4px;

		-webkit-border-radius: 4px;

		-khtml-border-radius: 4px;

		border-radius: 4px;

	/* FADE UP */

		transition: background-color 0.5s ease;

		-webkit-transition: background-color 0.5s;

		}



#menusub a:first-child { border-width: 0px 0px 0px 0px; }



#menusub a:hover {

		  text-decoration: none;

		  background-color: #4886ed;

		  color: #FFFFFF;

		  }