/*	STRUCTURE */

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

#popup {
	margin: 0;
	padding: 1em;
	text-align: left;
	background-color: #C5DFA3;
	
}

#wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url(../___media/__framework/_page/bg.gif) top center repeat-y #FFFFFF;
	
		border: 0px dotted blue;
}
			
			#header_home {
				margin: 0 20px;
				padding: 0;
				width: 760px;
				height: 285px;
			}
			
			#header_interior_green {
				margin: 0 20px;
				padding: 0;
				width: 760px;
				height: 73px;
				background: url(../___media/__framework/_page/header_interior_green_bg.gif) top right no-repeat #8CC63F;
				background: url(../___media/__framework/_page/header_interior_green_bg.gif) top right no-repeat green;
			}
			
			#header_interior_red {
				margin: 0 20px;
				padding: 0;
				width: 760px;
				height: 73px;
				background: url(../___media/__framework/_page/header_interior_red_bg.gif) top right no-repeat #8CC63F;
			}
						
						#header_interior_green img,
						#header_interior_green a {
							margin: 0;
							padding: 0;
						}
						
						#header_logo {
							float: left;
							margin: 0;
							padding: 0;
							background-color: blue;
						}
						
						#header_title {
							float: right;
							margin: 0;
							padding: 0;
						}
						
			#nav_wrap {
				margin: 0 20px;
				padding: 0;
				background: #2E3192;
				border-top: 1px solid #2E3192; /* this is a hack */
			}
			
						#nav_wrap #navigation {
							background: #2E3192;
							color: #A1A2D1;
							font-size: 11px;
							
								border: 0px dotted yellow; /* for testing only */
						}
			
									#nav_wrap #navigation a {
										margin: 2px 0;
										color: #A1A2D1;
										font-size: 11px; /* Pretty sure this is redundant only for IE */
										text-decoration: none;
										text-transform: uppercase;
									}
									
									#nav_wrap #navigation a:hover {
										color: #FFF;
										font-weight: bold;
									}
									
									#nav_wrap #navigation .selected {
										color: #FFF;
										font-weight: bold;
									}
			
			.subnav {
				display: none; /* turn off all subnavs by default. javascript will turn them on as necessary */
				float: left;
				float: none;
				margin: 0 20px;
				padding: 0;
				background-color: #5D60AE;
				color: #B8B9D9;
				font-size: 9px;
				text-transform: uppercase;
				text-decoration: none;
			}
			
						.subnav a {
							margin: 2px 0;
						}
						
						.subnav a:link,
						.subnav a:visited,
						.subnav a:hover,
						.subnav a:active {
							color: #B8B9D9;
							font-size: 9px; /* Pretty sure this is redundant only for IE */
							text-transform: uppercase;
							text-decoration: none;
						}
						
						.subnav a:hover {
							color: #FFF;
							font-weight: bold;
						}
						
						.subnav a.selected:link,
						.subnav a.selected:visited,
						.subnav a.selected:hover,
						.subnav a.selected:active {
							color: #FFF;
							font-weight: bold;
						}
			
			#subnav_placeholder {
				display: block;
				background: none;
			}
			
			#subnav_home {
				background: none;
			}
			
			#subnav_about {}
			
			#subnav_products {}
			
			#subnav_solutions {}
			
			#subnav_partners {
				background: none;
			}
			
			#subnav_contact {}


				
			
			
			
			.content {
				float: left;
				margin: 16px 20px 0 20px;
				background-color: #C5DFA3;
				
					border: 0px dotted black;
			}
			
						.content .content_block {
							float: left;
							width: 720px;
						  /*margin-bottom: 2em;
							margin-bottom: 0;
							margin-left: 5px;*/
							margin: 0;
							
								border: 0px dotted green;
						}
									
						.content .content_block_short {
							float: left;
							width: 720px;
							margin-bottom: 0;
							margin-left: 5px;
										
								border: 0px dashed green;
						}
						
									.content .content_block .left {
										float: left;
										text-align: center;
										
											border: 0px dotted blue;
									}
									
												.content .content_block .left img {
													margin-bottom: 30px;
												}
												
												.content .content_block .left h3 {
													margin: 0;
												}
									
									.content .content_block .right {
										float: right;
										text-align: left;
										
											border: 0px dotted red;
									}
									
			.content .short,
			.content .last {
				margin-bottom: 0;
			}
			
			#content1 { /* This is for the standard narrow-sidebar layout */
				/*background: url(../___media/__framework/_page/content_bg.gif) 200px 0px repeat-y;*/
				background: url(../___media/__framework/_page/content_bg.gif) repeat-y;
				
					border: 0px red solid;
			}
									
									#content1 .content_block .left {
										margin-left: 10px;
										width: 170px;
										text-align: right;
									}
									
												#content1 .content_block .left p {
													text-align: right;
												}
									
									#content1 .content_block .right {
										width: 514px;
										width: 500px;
									}
									
			#content2 { /* This is for the wide-sidebar layout */
				/*background: url(../___media/__framework/_page/content_bg.gif) 250px 0px repeat-y;*/
				background: url(../___media/__framework/_page/content_bg_wide.gif) repeat-y;
				
					border: 0px blue solid;
			}
									
									#content2 .content_block .left {
										width: 245px;
									}
			
									#content2 .content_block .right {
										width: 457px;
									}
			
			
			
			
			#footer {
				clear: both;
				margin: 50px 40px 0 20px;
				padding-bottom: 20px;
				text-align: right;
				color: #6F8A4C;
				font-size: 9px;
				
					border: 0px solid #CC0;
			}
			
						#footer a:link, #footer a:visited, #footer a:hover #footer a:active {
							color: #6F8A4C;
							text-decoration: none;
						}
			
						#footer a:hover #footer a:active {
							color: #FFF;
							text-decoration: underline;
						}
			
#cap {
	width: 800px;
	margin: 0 auto;
	background: url(../___media/__framework/_page/cap.gif) top center repeat-y #FFFFFF;
}








/* LINKS */

a:link,
a:visited,
a:hover,
a:active {
	color: inherit;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #FFF;
	text-decoration: underline;
}









/* PAGE-SPECIFIC STYLE */

/* index.php */
	#home {}
				
				#home .left {
					width: 135px;
					margin-left: 25px;
				}
				
				#home .left  img {
					margin-bottom: 0px;
				}
				
				#home h1 {
					font-size: 14px;
					font-weight: bold;
				}
				
				#home .intro {
					line-height: 24px;
				}

/*	/about/ */
	#about {}
	
			/*	/about/history.php */
				#about #history {}
				
							#about #history .content_block {
								margin-bottom: 0;
							}
				
			/*	/about/leadership_team.php */
				#about #leadership_team {}
				
							#about #leadership_team .content_block {
								margin-bottom: 2em;
							}
							
							#about #leadership_team .first {
								margin-bottom: 0;
							}
							
/*	/partners/ */
	#partners {}
	
				#partners #logo_box {
					margin-top: 1em;
				}
	
							#partners #logo_box img {
								margin: 0 12px 12px 0;
							}
	
/* /contact/ */
	#contact {}
	
	#contact .content_block {
		margin-bottom: 2em;
	}
	
				#contact .content_block .left img {
					margin-bottom: 0;
				}
	
	#contact .formatted_table {
		width: 250px;
		margin: 0;
		margin-right: 10px;
	}
	
	#contact #request_information .formatted_table {
		width: auto;
	}
		
				#contact .formatted_table th {
					width: 80px;
				}






/*
	GLOBAL STYLES
	
	These are in ALPHABETICAL order. 
	KEEP THEM THAT WAY!
*/

	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	
	.cleared {
		clear: both;
	}
	
	.coming_soon {
		font-weight: bold;
		color: #2E3192;
	}
	
	.intro {
		font-size: 12px;
	}
	
	.link_more:link,
	.link_more:visited,
	.link_more:hover,
	.link_more:active {
		font-weight: bold;
		text-decoration: none;
	}
	
	.link_more:link,
	.link_more:visited {
		color: #2E3192;
	}
	
	.link_more:hover,
	.link_more:active {
		color: #FFF;
		color: #708B4C;
	}
	
	.pre_headline {
		font-size: 18px;
		line-height: 24px;
	}
	
	.formatted_table {
		margin: 1em 0;
		border: 1px solid #708B4C;
		border-collapse: collapse;
	}
				
				.formatted_table tr {}
	
				.formatted_table th,
				.formatted_table td {
					padding: 4px 6px;
					text-align: left;
					font-size: 10px;
				}
				
				.formatted_table th {
					background-color: #708B4C;
					font-weight: bold;
					color: #C5DFA3;
				}
				
				.formatted_table .last_horz,
				.formatted_table .last_vert {}








/*	HTML ELEMENTS */
	
	body,
	th,
	td,
	li,
	p,
	span,
	div {
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, san-serif;
		font-size: 10px;
		font-weight: normal;
		line-height: 18px;
		color: #708B4C;
	}
	
	h1 {
		margin: 0;
		margin-bottom: 0.4em;
		font-family: Verdana, Arial, Helvetica, san-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 18px;
		text-transform: uppercase;
		color: #6F8A4C;
	}
	
	h2 {
		margin: 0;
		font-family: Verdana, Arial, Helvetica, san-serif;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 18px;
		color: #708B4C;
	}
	
				h2 .tag {
					font-weight: bold;
					text-transform: none;
				}
	
	h2 a:link,
	h2 a:visited,
	h2 a:hover,
	h2 a:active {
		text-decoration: none;
	}
	
	h2 a:link,
	h2 a:visited,
	h2 a:hover,
	h2 a:active {
		color: #708B4C;
		text-decoration: none;
	}
	
	h2 a:hover,
	h2 a:active {
		color: #FFF;
		text-decoration: none;
	}
	
	h3 {
		font-family: Verdana, Arial, Helvetica, san-serif;
		font-size: 10px;
		font-weight: bold;
		line-height: 18px;
		text-transform: uppercase;
	}
	
	p {
		margin-top: 0;
		margin-bottom: 1.5em;
		text-align: left;
	}
	
	blockquote {
		margin-right: 0;
		padding-right: 0;
	}
	
	a {
		color: #3C8790;
	}
	
	ul {
		margin: 0 0 1.5em 1.5em;
		padding: 0;
		list-style-type: disk;
	}
	
	ul li,
	ul ul li
	ul ul ul li,
	ul ul ul ul li {
		margin: 0;
	}
	
	ol {
		margin: 0;
		margin-bottom: 1.5em;
		padding: 0;
	}
	
	ol li {
		margin: 2em 0;
		padding: 0;
		list-style: none;
		font-weight: bold;
		line-height: normal;
	}
	
	ol ol {
		margin: 1em 0 0 3em;
		padding: 0;
	}
	
	ol ol li {
		margin: 1.5em 0;
		padding: 0;
	}
	
	ol ol, ol ol li {
		list-style: upper-alpha;
		font-weight: bold;
		font-style: italic;
		font-size: 12px;
	}
	
	ol ol ol {
		margin: 1em 0 0 1.5em;
		padding: 0;
	}
	
	ol ol ol li {
		margin: 0;
		padding: 0;
	}
	
	ol ol ol, ol ol ol li {
		list-style: decimal;
		font-weight: normal;
		font-style: normal;
		font-size: 11px;
	}
	
	ol ol ol ol {
		margin: 1em 0 0 1.5em;
		padding: 0;
	}
	
	ol ol ol ol li {
		margin: 0.5em 0;
		padding: 0;
	}
	
	ol ol ol ol, ol ol ol ol li {
		list-style: lower-alpha;
		font-weight: normal;
		font-style: normal;
		font-size: 10px;
	}
	
	form {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333; 
	}
	
				form .error {
					font-weight: bold;
					color: #F00;
				}
	
	input {	
		margin-bottom: 4px;
		border:0;
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		background-color: #E4F1E4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	
	option {	
		background-color: #E4F1E4;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px;
		color: #333333;
	}
	
	select {	
		border: 0;
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		background: #E4F1E4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 13px;
		color: #000000;
	}
	
	textarea {	
		border:0;
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		background-color: #E4F1E4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 13px;
		text-decoration:none;
		color: #000000;
	}
	
	img {
		border: 0;
	}
	
	hr {
		margin: 20px 0;
		height: 0;
		border: 0;
		border-bottom: 1px dotted #CCC;
		color: #FFF;
		background-color: #FFF;
	}