html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% arial;
	line-height: 1.4em;
	color: #404040; 
	background-color: #fff; 
	margin: 0; 
	padding: 0;
}
p { 
	margin-top: 0; 
	text-align: left;
	}
h1 {
	text-align: center;
	font: 13pt arial;
	font-weight: bold;
	letter-spacing: 1px;  
	color: #093369;
	margin-top:2px;
	margin-bottom: 0px;
	padding-bottom:12px;
}
h2 {
	font: 11pt arial;
	font-weight: bold;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #093369;
}
h3  
{
	display:block;
	font-weight: bold;
	font-size: 10pt;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #093369;
	text-decoration:none;
	}
.centeredText {
	text-align: center;
	width:100%;
}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #093369;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #7F0037;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
acronym {
	border-bottom: none;
	}
a {
	border: none;
}
img {
	border: none;
}

/** Content wrapper **/
	
#container {
	clear:both;
	margin: 0px auto;
	width: 1024px;
	background-color: #fff;
	background-image: url('clientimages/navigationDefaultBackground.png');
	background-position: left;
	background-repeat: repeat-y;
}
	
/** Header **/

#header {
	float: left;
	clear: both;
	width: 1024px;
	height: 165px;
	background-image: url('clientimages/staticheader.jpg');
}
/**
#logo {
	width: 170px;
	height: 150px;
	float: left;
	clear:left;
	background-image: url('clientimages/sstgLogo.gif');
}

#animatedbanner {
	width: 854px;
	height: 150px;
	float: left;
	background-image: url('clientimages/animatedbanner.jpg');
}
**/
/** Navigation **/

.navStrip {
	clear: both;
	height:21px;
	width: 1024px;
	background-color: white;
}
	.navStrip a {
		padding: 0px 8px 0px 8px;
		font-size: 0.9em;
		font-weight: bold;
		text-decoration: underline;
		float:right;
	}
.bottomStrip 
{
	clear:both;
	height:21px;
	width:100%;
	text-align:center;
}
	.bottomStrip a {
		padding: 0px 8px 0px 8px;
		font-size: 0.9em;
		font-weight: bold;
		text-decoration: underline;
	}


#leftNavContainer {
	width: 190px; /** 170 less padding **/
	padding: 0px 5px 5px 0px;
	height: 700px;
	overflow: visible;
	float: left;
	clear: left;
	line-height: 2.2em;
}
	#leftNavContainer .topImage {
		width: 100%;
		height: 15px;
		background: url('clientimages/navigationToHeaderJoin.png') top no-repeat;
	}
	#leftNavContainer ul {
		margin: 0px;
		padding: 0px 5px 5px 0px;
		width: 190px;
		list-style-type: none;
		list-style-position: outside;
	}
		#leftNavContainer ul li {
			width: 100%;
			padding: 0px 0px 4px 0px;
			display: block;
		}
			#leftNavContainer ul li div {
				width: 100%;
				background: url('clientimages/buttonBackgroundNormal.png') no-repeat;
				height:29px;
			}
			#leftNavContainer ul li.current div {
				width: 100%;
				background: url('clientimages/buttonBackgroundDown.png') no-repeat;
				height:29px;
			}
			#leftNavContainer div.nosubs {
				background-image: url('clientimages/buttonBackgroundNormal_noarrow.gif')!important;
			}
			#leftNavContainer ul li.current div.nosubs 
			{
				background-image: url('clientimages/buttonBackgroundDown_noarrow.gif')!important;
			}
			#leftNavContainer ul li a {
				font-size: 9.5pt;
				font-family: verdana;
				line-height: 20pt;	
				width: 100%;
				font-weight: bold;
				text-transform: uppercase;
				padding-left: 5px;
				color: white;
				text-decoration:none;
			}
			#leftNavContainer ul li div:hover {
				background: url('clientimages/buttonBackgroundMouseOver.png') no-repeat;
			}
			#leftNavContainer ul li div.hover {
				background: url('clientimages/buttonBackgroundMouseOver.png') no-repeat;
			}			
			#leftNavContainer ul li div.nosubs:hover {
				background-image: url('clientimages/buttonBackgroundMouseOver_noarrow.gif')!important;
			}
			#leftNavContainer ul li div.nosubs.hover {
				background-image: url('clientimages/buttonBackgroundMouseOver_noarrow.gif')!important;
			}			
			/** Second level nav **/
				#leftNavContainer ul li ul {
					width: 190px;				
					margin: 0px;
					list-style-type: none;
					list-style-position: outside;
					padding:0px;
					margin: 5px 0px 0px 0px;
					font-size: 0.8em;
					display: none;
				}
				#leftNavContainer ul li.current ul {
					display: block!important;
				}
				#leftNavContainer ul li.zone ul {
					display: block!important;
				}
				#leftNavContainer ul li:hover {
					cursor: pointer;
				}
				#leftNavContainer ul li ul li div {
					background-image: url('clientimages/secondaryNavNormal.png')!important;
				}
				#leftNavContainer ul li.current ul div:hover {
					background: url(clientimages/secondaryNavOver.png) no-repeat!important;
				}
				#leftNavContainer ul div.hover {
					background: url(clientimages/secondaryNavOver.png) no-repeat!important;
				}
				#leftNavContainer ul li ul li.current div {
					background: url(clientimages/secondaryNavDown.png) no-repeat!important;
				}
				#leftNavContainer ul li ul li.current div.hover {
					background: url(clientimages/secondaryNavOver.png) no-repeat!important;
				}
				/*#leftNavContainer ul li:hover ul a {
					text-decoration: none;
					color: #002A64;
				}*/
				#leftNavContainer ul li ul li {
					width: 100%;
					padding: 0px;
					margin: 5px 0px 0px 0px;
				}
					

					#leftNavContainer ul li ul li a {
						font-size: 7.5pt;
						font-weight:bold;
						width: 100%;
						font-weight: bold;
						padding-left: 5px;
						line-height: 20pt;
						text-transform: none;
					}

/** main content **/

#mainContentContainer {
	width: 816px; /** 854 less padding less 25px increase in left nav**/
	min-height: 608px;
	float:left;
	padding: 15px 0px 5px 3px;
	font-size: 10pt;
}
#contentWrapper {
	padding: 0px 12px 0px 5px;
}
#contentWrapper.withRightBar 
{
	width: 550px;
}
#contentWrapper h1 
{
	font-size: 11pt;
}
.rightImage {
	float:right;
	margin: 0px 5px 5px 15px;
	display: inline;
	width: 200px;
	text-align:center;
}
.imageSubText {
	font-size: 8pt;
	text-align: center;
	width: 100%;
}

/** right panel **/

#rightPanel {
	float: right;
	width: 235px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 10px;
	background-color: #FFF;
}
	#rightPanel newsHeader {
		text-transform: uppercase;
	}
	#rightPanel newsItem {
		width: 220px;
		float:left;
		clear:left;
		padding-bottom:15px;
	}
	#rightPanel .roundedBoxWrapper {
		width:100%;
		margin-left:9px;
	}
	#rightPanel .roundedBoxFirstItem {
		background: url('clientimages/RightBoxTop.png') no-repeat;
		height: 18px;
		width: 220px;
		margin-top: 15px;
	}
	#rightPanel .roundedBoxLastItem {
		background: url('clientimages/RightBoxBottom.png') no-repeat;
		width: 220px;
		height: 18px;
	}
	#rightPanel .roundedBoxMiddle {
		background: url('clientimages/RightBoxMiddle.png') repeat-y;
		width: 180px;
		padding: 0px 20px 0px 20px;
	}
	#rightPanel .roundedBoxMiddle .summary {
		text-align: justify;	
	}
	#rightPanel h1 {
		margin: 0;
		text-transform: uppercase;
		font-size: 10pt;
	}
	#rightPanel h2 {
		margin: 0;
		text-transform: uppercase;
		font-size: 11pt;
	}
		#rightPanel .newsheadline {
			width: 100%;
			float:left;
			clear:left;
			text-align:left;
			font-size: 1em;
			font-weight: bold;
			padding: 0px;
			padding-top: 5px;
			margin: 0px;
			font-size:10pt;
			line-height: 1.4em;
		}

		#rightPanel  .newsdate {
			width: 100%;
			float:left;
			clear:left;
			text-align:left;
			font-size: 8pt;
			font-weight: bold;
			padding: 0px;
			margin: 0px;
			line-height: 1.4em;
		}

		#rightPanel .summary {
			width: 100%;
			float:left;
			clear:left;
			text-align:left;
			font-size: 0.9em;
			line-height:1.4em;	
		}

		#applyNow {
			padding-top: 15px;
			width: 100%;
			text-align: center;
		}
		#applyNow img {
			border: none;
		}
		#didYouKnowBox {
			padding-top: 15px;
			width: 100%;
			text-align: center;
			height: 83px;
		}
		#didYouKnowBox img {
			border: none;
		}

/** specific content css **/
.mceTmpl {
}
.contentSectionType1 {
	width:550px;
	display:block;
	
}
	div.contentSectionType1 div.content {
	}
	div.contentSectionType1 h1{
		width:100%;
		text-align:center;
		padding-bottom:10px;
	}

.newsItemSmall {
	padding-bottom: 15px;
	float:left;
	width:100%;
	clear:left;
}
div.newsItemSmall h1
{
	font-size: 11pt;
	padding:0;
	font-weight:bolder;
	text-decoration:none;
	line-height: 12pt;
	margin:0px 0px 3px 0px;
	padding: 0;
	text-align:left;
}
div.newsItemSmall h2 {
	font-size: 10pt;
	padding:0;
	margin:0px 0px 3px 0px;
	line-height: 10pt;
	font-weight:bold;
	text-decoration:none;
	font-style: italic;
	
}
	.newsListThumbnailImage {
		float:left;
		width: 160px;
		height:100%;
	}
	.newsListContent {	
		font-size: 10pt;
		line-height: 12pt;
		padding: 0;
		margin: 0;
		width: 100%;
		min-width: 550px;
	}
	.newsListContent p {
		padding:0;
		margin:0;
	}

.generalItemSmall {
	padding-bottom: 15px;
	float:left;
	width:530px;
	clear:left;
}
div.generalItemSmall h1
{
	font-size: 11pt;
	padding:0;
	font-weight:bolder;
	text-decoration:none;
	line-height: 12pt;
	margin:0px 0px 3px 0px;
	padding: 0;
	text-align:left;
}
div.generalItemSmall h2 {
	font-size: 10pt;
	padding:0;
	margin:0px 0px 3px 0px;
	line-height: 10pt;
	font-weight:bold;
	text-decoration:none;
	font-style: italic;
	
}
	.generalListThumbnailImage {
		float:left;
		width: 160px;
		height:100px;
		overflow:visible;
	}
	.generalListContent {	
		font-size: 10pt;
		line-height: 12pt;
		padding: 0;
		margin: 0;
		width: 100%;
		min-width: 430px;
	}
	.generalListContent p {
		padding:0;
		margin:0;
	}

	
table.eventsTable {
		border-right: solid 2px gray;
		border-bottom: solid 2px gray;
		font-size: 10pt;
		text-align:left;
}
	table.eventsTable th 
	{
		border-bottom: solid 3px gray;
		border-left: solid 2px gray;
		border-top: solid 2px gray;
		border-right: solid 1px gray;
	}
	table.eventsTable td, th {
		border-left: solid 2px gray;
		padding: 5px;	
		margin: 0;
		vertical-align: top;
	}
	table.eventsTable tr td {
		border-bottom: solid 3px gray;
	}
	table.eventsTable .thinBorder
	{
		border-bottom: solid 1px gray;
	}
	table.eventsTable td.thickBorder
	{
		border-bottom: solid 3px gray!important;
	}
table.trainingTable {
	border: solid 2px gray;
	color: inherit;
	font-size: 9pt;
	width:540px;
}
table.trainingTable td h1 {
	font-size: 9pt!important;
	font-family: arial;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: left;
}
	table.trainingTable .col1 {
		width: 90px;
	}
	table.trainingTable .col2 {
		width: 70px;
	}
	table.trainingTable .col3 {
		width: 280px;
	}
table.trainingTable th {
	font-weight:bold;
}
table.trainingTable tr.alternateRow {
	background-color: #ccffff;
}
table.trainingTable td, th {
	border: solid 1px gray;
	padding: 5px;
}
	
#leftCol 
{
	padding-right: 15px;
	clear:left;
	float:left;
	width: 280px;
}
#rightCol 
{
	float: right;
	width: 280px;
}
.centeredImageDiv 
{
	margin-left: auto;
	margin-right:auto;
}
#twoColContainer 
{
	width:600px;
}
.centered 
{
	text-align:center;
}
#ApplicationFormPart1 p {
	font-size: 11pt;
}
div.ApplicationForm p {
	font-size: 11pt;
}
div.ApplicationForm strong {
	font-size: 11pt;
}
div.sstgFooterDiv{
	padding: 10px 3px 10px 3px;
	width:100%;
	clear:both;
	min-height: 25px;
	border-style: solid;
	border-width: 2px;
	border-color: blue;
}
div.resourceDownload a
{
	background: url('clientimages/pdf.png') no-repeat left;
	padding: 8px 0px 5px 25px;
}
div.resourceDownload 
{
	border-bottom: dashed 2px gray;
}