﻿/* Color Legend */

/* Reset */

html, body	{	margin: 0; padding: 0; border: 0;
			background: transparent; font-size:10px	}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead	{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
img		{  margin:0; padding:0; border:0;	}

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table {border-collapse:collapse; border-spacing:0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;}

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color: #000;
	}
	
ol, ul {list-style:none; }

/* Global */

html	{	}
body	{background-color: #eeeeee;	}

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#000; }

h1 {font-size:24px; }
h2 {font-size:20px; }
h3 {font-size:16px; }
h4 {font-size:14px; }
h5 {font-size:14px; }
h6 {font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0; }

/* Text Elements */

p			{color:#000; font-size:12px; line-height:150%; }
p .left		{margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right	{margin:1.5em 0 1.5em 1.5em; padding:0; }

a			{	}
a:link		{color:#00f;	}
a:visited	{color:#0f0;	}
a:active	{color:#000;	}
a:focus		{color:#666;	}
a:hover		{color:#f00;	}

blockquote	{color:#000; font-size:12px; }

strong		{font-weight:bold; }
em			{font-style: italic; }

/*Images*/


/* Lists */

ul			{	}
ol			{ list-style-type:decimal; }

ul li		{color:#000; font-size:12px; }
ol li		{color:#000; font-size:12px; }

dl			{	}
dt			{	}
dd			{	}

/* Tables */

table		{width: 100%; }
tr			{	}
.odd		{ background-color:#eee; }
.even		{ background-color:#fff; }

th			{font-weight:bold; }
thead, th	{background:#ccc; }
tfoot		{	}
.tfooter	{background-color:#ccc; text-align:center; font-style:italic; }

caption		{background:#efefef; }

/* Containers */

#wrapper			{ width:900px; margin:0px auto; background-color:#ffffff;}

#top				{background-color:#ffffff; width: 100%; padding: 20px 0 0 0; overflow:hidden;  	}

#logo				{margin: auto 100px; float:none;	}
#logo img			{ }
#logo img			{width:700px; margin: 10px auto }
#logo h1			{text-align:center}

/*
#social-media		{ float:right; margin: auto 10px 0;	}
#social-media p		{color:#000000; font-size:12px;	margin: 10px 10px 8px 0; }
#social-media img	{width: 100px; height:100px; margin: 0 4px 0 0 }
#social-media ul li	{display:inline; }
*/

/*
#banner				{width: 700px; display:block; margin:0 auto; border-bottom: 1px #003296 solid;border-left: 1px #003296 solid;border-right: 1px #003296 solid;

					background: #003296; /* For browsers that do not support gradients */
    				background: -webkit-radial-gradient(#003296, #ffffff); /* For Safari 5.1 to 6.0 */
    				background: -o-radial-gradient(#003296, #ffffff); /* For Opera 11.1 to 12.0 */
    				background: -moz-radial-gradient(#003296, #ffffff); /* For Firefox 3.6 to 15 */
    				background: radial-gradient(#003296, #ffffff); /* Standard syntax */
    					}
    					/*
#banner	video		{width: 480px ; height: 270px ; display:block; margin:0 auto; border-bottom: 1px #003296 solid;border-left: 1px #003296 solid;border-right: 1px #003296 solid;	}
#banner h2			{padding: 10px 0 0 0; text-align:center; font-style:italic; font-size:18px ; color:#ffffff; font-weight: normal; }
#banner h3			{padding: 0 0 10px 0; text-align:center; font-style:italic; font-size:14px ; color:#ffffff; font-weight: normal; }

*/
#topnav					{	
						border-top: 1px #003296 solid; border-bottom: 1px #003296	solid;
						padding: 10px 0 10px 0;	text-align: left;
						}

#topnav img			{display: block;margin-left: auto;margin-right: auto;width: 300px; padding:10px 0 10px 0}


#topnav ul li			{color:#003296; 
						font-size:14px;
						display:inline;
						width: 100%; 
						text-align: center;
						padding: 0 25px;
						text-decoration: none;
						transition: 0s;
						}
#topnav ul li a:link		{color:#003296;	}
#topnav ul li a:visited		{color:#003296;	}
#topnav ul li a:active		{color:#003296;	}
#topnav ul li a:focus		{color:#003296;	}
#topnav ul li a:hover		{color:#ccc;	}


#leftnav			{	}

#leftside			{	}

#subbanner			{	}

#content-wrapper	{overflow:hidden;	}
#content			{	}
#content h1				{padding:20px 0 10px 0; margin-left: 20px; color:#003296; font-size:24px; font-weight:normal; width: 600px; float: left; text-shadow: 2px 2px #ccc; }
#content p				{padding:0 0 20px 0; margin-left: 20px; color:#003296; font-size:16px; font-weight:normal; width: 600px; float: left }

#about-content-wrapper	{overflow:hidden; padding: 0 0 20px 0}
#about-content h1		{padding:10px 0 40px 0; margin-left: 20px; color:#003296; font-size:24px; font-weight:normal;  text-shadow: 2px 2px #ccc; }
#about-content img		{padding: 5px 0 10px 0; margin-left: 20px; width: 180px; height: 225px; display:block; margin: 0 auto; }
#about-content h2		{padding:0 0 2px 0; margin-left: 0; color:#003296; font-size:20px; font-weight:normal; width: 250px; text-align:center;float: left; }
#about-content h3		{padding:0 0 80px 0; margin-left:5px; color:#777777; font-size:16px; font-weight:normal; font-style:italic; width: 250px; text-align:center; float: left; }
#about-content p		{padding:5px 0 0 0; margin-right: 30px; margin-left: 10px; color:#003296; font-size:16px; font-weight:normal; text-align: left;float: right; ;  }
#about-content tr td	{vertical-align:top;  }

#services-content-wrapper	{overflow:hidden; padding: 0 0 20px 0;}
#services-content h1		{padding:10px 0 40px 0; margin-left: 20px; color:#003296; font-size:24px; font-weight:normal;  text-shadow: 2px 2px #ccc; }
#services-content img		{padding: 5px 0 10px 0; margin-left: 20px; width: 150px; display:block; margin: 0 auto; }
#services-content h2		{padding:0 0 20px 0; margin-left: 0; color:#003296; font-size:20px; font-weight:normal; width: 100%; text-align:center;float: left; }
#services-content p			{padding:0 0 10px 0; margin-right: 30px; margin-left: 10px; color:#003296; font-size:16px; font-weight:normal; text-align: left;float: right; ;  }
#services-content tr td		{vertical-align:top; text-align:center; width: 300px;  }
#services-content tr td h2	{padding:0 0 20px 0; margin-left: 0; color:#003296; font-size:20px; font-weight:normal; ; text-align:center;float: left; }
#services-content tr td p	{padding:0 0 10px 0; margin-left: 50px;margin-right: 20px; color:#003296; font-size:16px; font-weight:normal; text-align:left;float: left; }

#training-content-wrapper	{overflow:hidden; padding: 0 0 20px 0; }
#training-content h1		{padding:10px 0 40px 0; margin-left: 20px; color:#003296; font-size:24px; font-weight:normal;  text-shadow: 2px 2px #ccc; }
#training-content h2		{padding:0 0 20px 0; margin: 0 20px;  color:#003296; font-size:16px; font-weight:normal; line-height:150%; }
#training-content h4		{padding:20px 0 20px 0;margin: 0 20px;  color:#003296; font-size:16px; font-weight:normal; line-height:150%; }

#training-content table		{margin: 0 20px; width: 860px;  }
#training-content tr td		{padding: 5px 0; border:1px #003296 solid;   }
#training-content tr td h2	{padding:0 0; margin: 0 0; text-align:center; color:#003296; font-size:20px; font-weight:normal; }
#training-content tr td h3	{padding:0 0; margin: 0 0; text-align:center; color:#003296; font-size:16px; font-weight:normal; }
#training-content tr td h4	{padding:0 0; margin: 0 0; text-align:center; color:#003296; font-size:16px; font-weight:normal; }
#training-content tr td a:link		{color:#003296; font-weight:bold;	}
#training-content tr td a:visited		{color:#003296;	}
#training-content tr td a:active		{color:#003296;	}
#training-content tr td a:focus		{color:#003296;	}
#training-content tr td a:hover		{color:#ccc;	}

#contact-content-wrapper	{}
#contact-content h1		{padding:10px 0 40px 0; margin-left: 20px; color:#003296; font-size:24px; font-weight:normal;  text-shadow: 2px 2px #ccc; }
/* #contact-content h2		{padding:0 0 20px 0; margin: 0 20px;  color:#003296; font-size:16px; font-weight:normal; line-height:150%; } */
 
#rightside 					{float:right; margin: auto 60px;  padding: 10px 10px; border: 1px #003296 solid; border-radius: 25px;
/*							background: #ffffff; /* For browsers that do not support gradients */
 /*   						background: -webkit-radial-gradient(#ffffff,#003296); /* For Safari 5.1 to 6.0 */
 /*   						background: -o-radial-gradient(#ffffff,#003296); /* For Opera 11.1 to 12.0 */
 /*   						background: -moz-radial-gradient(#ffffff,#003296); /* For Firefox 3.6 to 15 */
 /*   						background: radial-gradient(#ffffff,#003296); /* Standard syntax */
    						}
#rightside h2				{color:#003296; font-size:16px; font-weight:normal;  }
#rightside h2 a:link		{color:#003296;	}
#rightside h2 a:visited		{color:#003296;	}
#rightside h2 a:active		{color:#003296;	}
#rightside h2 a:focus		{color:#003296;	}
#rightside h2 a:hover		{color:#ccc;	}

#rightside2 					{float:right; margin: 10px 75px;  padding: 10px 10px; border: 1px #003296 solid; border-radius: 25px;
/*							background: #ffffff; /* For browsers that do not support gradients */
 /*   						background: -webkit-radial-gradient(#ffffff,#003296); /* For Safari 5.1 to 6.0 */
 /*   						background: -o-radial-gradient(#ffffff,#003296); /* For Opera 11.1 to 12.0 */
 /*   						background: -moz-radial-gradient(#ffffff,#003296); /* For Firefox 3.6 to 15 */
 /*   						background: radial-gradient(#ffffff,#003296); /* Standard syntax */
    						}
#rightside2 h2				{color:#003296; font-size:16px; font-weight:normal;  }
#rightside2 h2 a:link		{color:#003296;	}
#rightside2 h2 a:visited		{color:#003296;	}
#rightside2 h2 a:active		{color:#003296;	}
#rightside2 h2 a:focus		{color:#003296;	}
#rightside2 h2 a:hover		{color:#ccc;	}




#footer					{							 
						padding: 10px 0 10px 0;	text-align: center;width: 100%; margin: 0 0 0 0; border-top: 1px #003296 solid;
						}
						
#footer tr td			{ 
						color: #888888; 
						font-size:14px;
						text-align:justify;
						padding: 2px 130px;
						text-decoration:none;
						}
#footer p				{color: #003296; text-align:center; padding: 10px 0; }

#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}

/* Layout Extra */



/* Navigation Extra */



/* Forms */

form	{text-align:left; margin:20px;	}

label, submit, input, textarea	{
	border:0; padding:0; margin:0; background:none; 
	}
	
label	{
	float: left; width:150px;margin:10px;
	text-align:right; display:block; color:#003296; font-size:16px; font-weight:normal; 
	}

input, textarea {
	border:1px #003296 solid; margin-left:10px; padding: 5px;  
	}

input	{
	width: 280px; margin-bottom:16px; color:#003296; font-size:14px; font-weight:normal; 
	}

textarea	{
	width:280px; height:150px; color:#003296; font-size:14px; font-weight:normal; 
	margin-bottom:16px;
	}

select	{	}

.submit	{
	width:90px; height: 35px;
	margin-left: 280px;
	font-size:14px;
	}

#contact-form ol	{list-style-type: none;	}

	









































