/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, 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: 97%;
	vertical-align: baseline;
	font-family: inherit;
	background: transparent;
}
body { 
  margin-top:0px;
  line-height: 1.5;

}
h1, .headlikestyle1  {margin:-19px 0 0 0;font-size: 20px;color:#254c8f;}
h2, .headlikestyle2  {margin:11px 0 0 0;font-size: 17px;color:#aaa;}
h3 {margin:11px 0 0 0;color: #000; font-size:16px;color:#254c8f;}
h4 {padding: 5px 0 0 0;color: #000;font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {font-family: myriad, "myriad web pro", "myriad pro", Arial, Helvetica, sans-serif; letter-spacing:1px;}
.centered {text-align:center;}
ol, ul {
	margin-left: 55px;
	list-style:square;
	color:#333;
	margin-bottom: 11px;
	font-size:12px;
}

p {
  margin-bottom: 20px; font-size:12px;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



a img { border: none; }


/*----------end reset css------------*/


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #000;
text-align: center;
}

.logo {
	Position:relative;
	float:left;
	padding-left: 4px;
	margin-top: -65px;
	margin-bottom:0px; 
	}
.socialMediaTop {
	Position:relative;
	float:right;
	padding-left: 10px;
	margin-top: -77px;
	margin-bottom:-3px; 
	}
/*----------Navagation------------*/

.nav {
	/*float: right;*/
	margin: 33px 0px 10px 0;
	text-align:center;
	
	}
	
ul.nav li {
	display: inline-block;
	position: relative;
	float: left;
	}

ul.nav li a{
	display: inline-block;
	padding: 0 24px;
	color: #fff;
	font-size: 1em;
	font-weight:bold;
	line-height: 33px;
	background: #0D70B4 url('../images/navblack.jpg') repeat-x bottom left;
	text-decoration:none;
	border-right: 1px solid #005481;	
	}

ul.nav li.first a{
	background: url('../images/navblack.jpg') repeat-x bottom left;
	text-decoration:none;
	-moz-border-radius: 14px 14px 0px 0px;
	-webkit-border-radius:  14px 14px 0px 0px;
	border-radius:  14px 14px 0px 0px;
	}
	.first {-moz-border-radius: 14px 0px 0px 0px; /*because '#navBar' and 'ul.nav li.first a' would not round upper left hand*/
	-webkit-border-radius:  14px 0px 0px 0px;
	border-radius:  14px 0px 0px 0px;;}

#navBar {
	position:relative;
	height:33px;
	width: 1014px;
	background-color:#254c8f;
	-moz-border-radius: 14px 14px 0px 0px;
	-webkit-border-radius:  14px 14px 0px 0px;
	border-radius:  14px 14px 0px 0px;
}
	
ul.nav li.last a{
	background: url('../images/navblack.jpg') repeat-x bottom left;
	text-decoration:none;text-decoration:none;
	border-right: none;
	 -moz-border-radius-topright: 16px;
	-webkit-border-top-right-radius: 16px;
	margin:0 0px 0 0;
	width:122px;
	}
	
ul.nav li a:hover {
	color:#CF0;
	}

	
ul.nav li.active a{
		background: #0D70B4 url('../images/navbkcurrent.jpg') repeat-x bottom left;
	}
	
ul.nav li.first a.active{
		background: url('../images/navfirstcurrent.png') no-repeat bottom left;
	}
	
ul.nav li.last a.active{
		background: url('../images/navlastcurrent.png') no-repeat bottom right; 
	}

	
	
.subMenu ul {
	display: none;
	position: absolute;
	z-index: 1100;
	width: 180px;
	background: #fff; 
	margin: 0;
	font-size:13px;
		}
.subMenu ul long{
	display: none;
	position: absolute;
	z-index: 1100;
	width: 150px;
	background: #ddd; 
	margin: 0;
		}

ul.nav .subMenu ul li  {
	float: left;
	 width: 99%;
	text-align: left;
	background-image: none;

	}
		
ul.nav .subMenu ul li a, ul.nav .subMenu ul li a.active {
	color: #555;
	background-image: none;
	background-color: #fff;
	border-right: none;
	}
ul.nav .subMenu ul li a, ul.nav .subMenu ul li a.hover {
	color: #555;
	background-image: none;
	background-color: #fff;
	border-right: none;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10em 10em;
	border-radius: 0 0 10px 10px; 
	}	
/*ul.nav .subMenu ul li a:hover {
	color: #CFO;}*/
	

ul.nav li:hover > .subMenu ul {
 	display: block;
	color:#555;
 	z-index: 1400;
	border: 1px #fff solid;
	border-top: 0;
	box-shadow:0.8px 5px 8px #575454;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10em 10em;
	border-radius: 0 0 10px 10px; 
	}



/*----------Content-----------*/




#container {
	position:relative;
	z-index:4;
	width:1014px;
	margin: 60px auto 0px;
	text-align: left;
	/*background-color:#000;*/

}

#content {
	position:relative;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	padding: 0 12px 30px 12px;
	margin: 0px auto 0;
	-moz-box-shadow: 1px 1px 2px #CCC;
	-webkit-box-shadow: 1px 1px 2px #CCC;
    box-shadow: 1px 1px 2px #CCC;
    z-index: -1;

	
	}
	
.headimage {
	position: relative;
	top:1px;
	margin-left:-13px;
	margin-top:-1px;
	padding: 0;
	z-index: 10;
	position: static !ie;
	}

	
.roundcorners {
	-moz-border-radius: 0 0 16px 16px;
	-webkit-border-radius:  0 0 16px 16px;
	border-radius:  0 0 16px 16px;
	height:100%;

}
	
.roundcornersHome {
	-moz-border-radius: 0 0 16px 16px;
	-webkit-border-radius:  0 0 16px 16px;
	border-radius:  0 0 16px 16px;
	height:660px;

}
.roundcornersHome2 {
	-moz-border-radius: 0 0 16px 16px;
	-webkit-border-radius:  0 0 16px 16px;
	border-radius:  0 0 16px 16px;
	height:512px;

}
/*----------MiddleContent-----------*/
#homeMiddleContent {	
	clear:both;
	width:960px;
	height:100%;
	margin: 30px auto 20px auto;
	border-bottom: 0px solid #CCCCCC;
	padding: 0px 0px 0px px;
	overflow:hidden;
	}

.homeContent {float:left; height:250px; background-color:#dddddd; width:280px; margin:0px 12px 0px 4px;padding:12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
	.homeContent2, p {font-size:12px; z-index:0;}

		.homeContent  h2 {margin-top:-1px;letter-spacing:1px;text-align:center;color:#000;font-size:15px; font-family: myriad, "myriad web pro", "myriad pro", Arial, Helvetica, sans-serif;}	
			
	.homeContent2 {float:left; height:160px; background-color:#dcdcdc; width:280px; margin:0px 12px 0px 4px;padding:9px 12px  12px 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;} 

	
		.homeContent2  h2 {margin-top:-1px;letter-spacing:1px;text-align:center;color:#000;font-size:15px; font-family: myriad, "myriad web pro", "myriad pro", Arial, Helvetica, sans-serif;}	
	
.homeContent img {margin:-8px 24px 0 25px;}
.homeContent h3 {margin:5px auto 10px;}
.homeContent h5 {margin:0px auto 5px;}

.homeContent form {font-size:9px; margin: 0 auto 0, padding:9px; line-height:10px; text-align:center;}

.homeContent p { font-size:11px;text-align:justify;line-height:18px;margin-bottom:8px; margin-top:-8px;}

input[type="text"]
 {  width:260px; text-align:left;display:block;margin:0 auto 8px;background-color:#EFFF;color:#777;font-size:11px;
 	border:1px solid #0Db0B4;
	padding:2px;
 	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius:  6px 4px 4px 4px;
	border-radius:  4px 4px 4px 4px;}
 input[type="submit"]
 {	width:120px;margin:0 auto 0;display:block;}

#middlecontent {
	position:relative;
	clear:both; 
	width:960px;
	height:auto;
	margin: 0px auto 0px auto;
	border-bottom: 0px solid #CCCCCC;
	padding: 0px 10px 0px 12px;
	overflow-y:auto;
	overflow-x: hidden;
	}
	#middlecontent h1, .headlikestyle1 {
	margin: 4px 0 0px 0;
	padding: 8px 0;

	font-weight:bold;
	}
	#middlecontent h2, .headlikestyle2 {
	border-bottom: 1px solid #ddd;
	height:30px;
	margin: 5px 0 16px 0;
	padding: 0px 0;
	color:#000;	 
	font-weight:bold;
		overflow:hidden;
	}
		.headlikestyle2 {margin: 4px 0 9px 0;}
			
	#middlecontent h3 {
	margin: -5px 0 0px 0;  
	padding: 8px 0;

	}
	#leftContent {
	position:relative; 
	width:616px;
	height:auto;
	margin:0 0 20px 0;
	padding:2px 0 10px 4px; 
	background-color:#fff;
	float:left;
	}
	#leftContent .column {
	float:left;
	background-color:white;
	width:188px;
	/*height:200px;*/
	margin:10px 4px 4px 10px;
	Overflow:auto;
	}	
	#leftContent .column img {
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px; 	
	}
	.leftContentColumn {
	float:left;
	/*background-color:white;*/
	width:170px;
	/*height:200px;*/
	margin:10px 15px 0px -22px;

	}
	.leftContentColumn img {
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px; 	
	}
	
	#leftContent .imageWrap {	
		float:left;
		background-color:white;
		width:188px;
		/*height:200px;*/
		margin:4px 24px 0px 0px;
		Overflow:auto;
		}
	.captions {
		text-align:center;
		font-style:italic;
		font-size:10px;
		Overflow:auto;
		line-height:13px;
		margin:-3px auto 0;
		}

/* -------- leftContent li ----------*/
#leftContent ol {margin-left:30px;} 

/*------- Support Page - Invisible p----------*/


.invisible {  display:none; }

.support li {
	list-style: none;
	color: #0D70B4;
	font-weight: bold;
	line-height: 1.8;
	}
	
.support li:hover {
	color: #999;
	}

.support li p, .support li > ul li {
	color: #000;
	font-weight: normal;
	list-style: disc;
	}
	
.support li > ul li:hover {
	color: #000;
	} 

/*----------Callout Box-----------*/


.box {
	background-color: #e6e7e8;
	height: auto;
	border: 1px solid #CCCCCC;
	margin: -15px -30px 0 35px;
	/* overflow:auto; */
	overflow: visible !ie;
	width: 90%;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16em;
	border-radius: 16px;
	}
	

	
.boxcontent {
	width: 230px;
	float:right;
	margin: 20px 0;
	padding: 0 47px; 
	padding: 0 45px!ie;
	border-left: 1px solid #CCC;
	}
	
.boxcontent a{
	color:#999999;
	text-decoration:none;
	}
	
.boxcont1 {
	margin-top:30px;
	border: none;
	float:none;
	}
	
img.boximage {
/*	-moz-border-radius: 16px;
	-webkit-border-radius: 16em;
	border-radius: 16px; 
	background-color: #fff;
	border: 2px solid #fff;*/
	margin-bottom: 8px;

	}

img.boxsmimage {
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10em;
	border-radius: 10px;
	border: 1px solid #fff; */
	margin: 0 18px 15px 0;
	float: left;
	}
	
p.boxtext {
	color: #0D70B4;
	float:none;
	margin: 0;
	
}
p.boxtext span {
	font-weight:bold;
	color: #0768a7;
	
}



/*----------Footer-----------*/

#footer {
	clear:both;
	background-color:#000;
	width:100%;
	height:650px;
	margin-top:0px;

	}

#footerContent {
	margin:  0 auto 0;
	width:1024px;
	z-index:9999;
	
	}

#copyright {
	text-align: center;
	color:#999;
	font-size: .7em;
	line-height: 2.5em;
	}
	
#footer a:link {
	text-decoration: none;
	color:#999999;
	}
#footer a:visited {
	color: #999999;
	text-decoration: none;}
	
#footer a:hover, a:active {
	color: #CF0;
	}

/*----------Other---------*/


a:link {
	text-decoration: none;
	color:#254c8f;
	font-size:12px;
	}
a:visited {
	color: #254c8f;
	text-decoration: none;}
	
a:hover, a:active {
	color: #666;
	text-decoration:underline;
	}
.captions a {font-size:11px;}	
	
.clear {
	clear:both;}

	
/*----------Modx Tinycss Selectors----------*/

.blue {
	color: #254c8f;
}

.gray {
	color: #999;
}

.error {
	color:red;
	font-weight:bold;
	}



/*----------Righ Float Sub Menu Boxes (Services / About / Contact ----------*/
									   
#rightbox {
	float: right; 
	margin: -40px 40px 8px 10px; 
	background-color: #f5f5f5; 
	padding: 20px 15px 0px 15px; 
	border: 1px #999 solid; 
	border-radius: 4px;
	}
	
	#rightbox ul {margin-left:19px;}