/*--------------------------------------------------
	Default Settings
--------------------------------------------------*/

	html, body, div, span, img, 
	p, a, h1, h2, h3, h4, h5, h6, ul, ol, li {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	html {
		width: 100%;
		height: 100%;
	}
	
	body {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		background-color: #ffffff;
	}
		
	#page {
		display: block;
		position: relative;
		width: 750px;
		height: auto !important; 
		height: 100%;
		min-height: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		background-image: url('../img/left_col_bg.gif');
		background-repeat: repeat-y;
		background-position: 0 0;	
	}
	
	a:link,
	a:visited,
	a:active {
		color: #3a82de;
		font-weight: bold;
	}
	a:hover {
		color: #7cb5ff;
		font-weight: bold;
	}
	
	
/*--------------------------------------------------
	Header
--------------------------------------------------*/
	
	#header {
		display: block;
		position: relative;
		width: 750px;
		height: 107px;
		background-image: url('../img/hdr_bg.jpg');
		background-repeat: no-repeat;
		background-position: 0 0;	
	}
	
	h1 {
		display: block;
		width: 418px;
		height: 74px;
		background-image: url('../img/ss_logo.jpg');
		background-repeat: no-repeat;
		background-position: 0 0;	
	}
	
	h1 a {
		display: block;
		width: 418px;
		height: 74px;
		text-decoration: none;
	}
	
	h1 a span {
		visibility: hidden;
	}
	
	p#contact {
		display: block;
		position: relative;
		width: 730px;
		height: 15px;
		padding: 6px 10px 4px 10px;
		color: #ffffff;
		background-color: #053e88;
		border-top: 3px solid #ffffff;
		border-bottom: 3px solid #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: normal;
	}
	
	p#contact a {
		display: block;
		position: absolute;
		width: 85px;
		height: 25px;
		right: 0;
		top: 0;
		text-decoration: none;
		background-image: url('../img/nav_contact.gif');
		background-repeat: no-repeat;
	}
	p#contact a:link {
		background-position: 0 0;	
	}
	p#contact a:visited {
		background-position: 0 0;	
	}
	p#contact a:hover {
		background-position: -85px 0;	
	}
	p#contact a.current,
	p#contact a:active {
		background-position: -85px 0;	
	}
	
	p#contact a span {
		visibility: hidden;
	}
	
	div#hdr_flash {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 258px;
		height: 74px;
	}
	
	
	
/*--------------------------------------------------
	Home
--------------------------------------------------*/
	
	#home_div {
		display: block;
		position: relative;
		/*
		overflow: auto;
		*/
		background-image: url('../img/home_bg.gif');
		background-repeat: no-repeat;
		background-position: top left;
		height: auto !important; 
		height: 240px;
		min-height: 240px;
		width: 525px;
	}
	
	#home_div a {
		color: #ffffff;
	}
	#home_div a:hover {
		text-decoration: none;
	}
	
	#home_div #welcome {
		display: block;
		position: relative;
		float: left;
		width: 169px;
		padding: 10px 12px 18px 12px;
	}
	#home_div #welcome h3 {
		color: #ffffff;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
	}
	#home_div #welcome p {
		color: #ffffff;
	}
	
	#home_div #home_flash {
		display: block;
		position: relative;
		width: 332px;
		height: 153px;
		background-color: #003466;
		float: right;
		border-bottom: 4px solid #ffffff;
	}
	#home_div #announce {
		display: block;
		position: relative;
		width: 297px;
		float: right;
		clear: right;
		padding: 5px 20px 0 15px;
	}
	#home_div #announce h3 {
		color: #ffffff;
		padding: 10px 0 10px 0;
	}
	#home_div #announce ul {
		/*
		list-style: none;
		*/
		font-size: 10px;
		line-height: 14px;
		padding: 0 0 0 18px;
		margin: 0 0 10px 0;
		color: #b4b3b3;
	}
	#home_div #announce ul li {
		/*
		list-style: none;
		*/
		font-size: 10px;
		line-height: 14px;
		padding: 0 0 10px 0;
		color: #b4b3b3;
	}
	

	
/*--------------------------------------------------
	Navigation
--------------------------------------------------*/

	ul#nav {
		display: block;
		position: relative;
		float: left;
		width: 215px;
		height: 270px;
	}
	
	ul#nav li {
		display: block;
		position: relative;
		width: 215px;
		height: 30px;
	}
	
	ul#nav li a {
		display: block;
		position: relative;
		width: 215px;
		height: 30px;
		text-decoration: none;
		background-repeat: no-repeat;
	}
	
	ul#nav li a:link,
	ul#nav li a:visited {
		background-position: 0 0;	
	}
	ul#nav li a:active {
		background-position: -430px 0;	
	}
	
	ul#nav li a.current:link,
	ul#nav li a.current:visited,
	ul#nav li a.current:active {
		background-position: -430px 0;	
	}
	ul#nav li a:hover,
	ul#nav li a.current:hover {
		background-position: -215px 0;	
	}
	
	ul#nav li a span {
		visibility: hidden;
	}
	
	#services {
		background-image: url('../img/nav_services.gif');
	}
	#research {
		background-image: url('../img/nav_research.gif');
	}
	#focus {
		background-image: url('../img/nav_focus.gif');
	}
	#stories {
		background-image: url('../img/nav_stories.gif');
	}
	#affiliations {
		background-image: url('../img/nav_affiliations.gif');
	}
	#community {
		background-image: url('../img/nav_community.gif');
	}
	#client {
		background-image: url('../img/nav_client.gif');
	}
	#team {
		background-image: url('../img/nav_team.gif');
	}
	#press {
		background-image: url('../img/nav_press.gif');
	}


/*--------------------------------------------------
	Subnav
--------------------------------------------------*/

	#content div.subnav {
		display: block;
		position: relative;
		background-color: #e7e7e7;

		margin: 0 0 5px 0;	
		padding: 0 0 0 0;
		background-repeat: no-repeat;
		background-position: 0 0;
		
		min-height: 110px;
		height: auto !important; 
		height: 110px;		
	}
	#content div.subnav p {
		display: none;
	}
	
	#content div.gov-con {
		background-image: url('../img/subnav_gov-con.gif');
	}
	#content div.pub-out {
		background-image: url('../img/subnav_pub-out.gif');
	}
	#content div.research {
		background-image: url('../img/subnav_research.jpg');
	}
	#content div.focus {
		background-image: url('../img/subnav_focus.jpg');
	}
	#content div.affiliations {
		background-image: url('../img/subnav_affiliations.jpg');
	}
	#content div.community {
		background-image: url('../img/subnav_community.jpg');
	}
	#content div.client {
		background-image: url('../img/subnav_client.jpg');
	}
	#content div.stories {
		background-image: url('../img/subnav_stories.jpg');
	}
	#content div.press {
		background-image: url('../img/subnav_press.jpg');
	}
	#content div.contact {
		background-image: url('../img/subnav_contact.jpg');
	}
	#content div.sendinfo {
		background-image: url('../img/subnav_sendinfo.jpg');
	}
	#content div.announce {
		background-image: url('../img/subnav_announce.jpg');
	}
	#content div.team,
	#content div.president {
		background-image: url('../img/subnav_team.gif');
		min-height: 150px;
		height: auto !important; 
		height: 150px;	
	}
	
	#content div.team img,
	#content div.president img {
		display: block;
		position: absolute;
		left: 29px;
		top: 0;
	}
	
	#content div.subnav ul {
		padding: 18px 0 15px 215px;
		margin: 0 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		font-weight: bold;
		color: #686868;
	}
	#content div.subnav ul li {
		padding: 0 0 5px 0;
		margin: 0 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		font-weight: bold;
		color: #686868;
	}
	
	#content div.subnav ul li a:link,
	#content div.subnav ul li a:visited,
	#content div.subnav ul li a:active {
		color: #686868;
	}
	#content div.subnav ul li a.current:link,
	#content div.subnav ul li a.current:visited,
	#content div.subnav ul li a.current:active {
		color: #053e88;
	}
	#content div.subnav ul li a:hover,
	#content div.subnav ul li a.current:hover {
		color: #3a82de;
	}
	

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

	#content {
		display: block;
		position: relative;
		float: left;
		width: 525px;
		margin: 0 0 0 10px;
		padding: 30px 0 0 0;
	}
	
	a#sendinfo {
		display: block;
		position: absolute;
		width: 170px;
		height: 25px;
		top: 0;
		right: 0;
		text-decoration: none;
		background-image: url('../img/nav_sendme.gif');
		background-repeat: no-repeat;
	}
	a#sendinfo:link {
		background-position: 0 0;	
	}
	a#sendinfo:visited {
		background-position: 0 0;	
	}
	a#sendinfo:hover {
		background-position: -170px 0;	
	}
	a#sendinfo.current,
	a#sendinfo:active {
		background-position: -340px 0;	
	}

	a#sendinfo span{
		visibility: hidden;
	}	
	
	h2 {
		display: block;
		position: absolute;
		float: right;
		width: 355px;
		height: 25px;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: 0 0;	
	}
	
	h2 span{
		visibility: hidden;
	}
	
	h2.services {
		background-image: url('../img/hdr_services.gif');
	}
	h2.research {
		background-image: url('../img/hdr_research.gif');
	}
	h2.focus {
		background-image: url('../img/hdr_focus.gif');
	}
	h2.stories {
		background-image: url('../img/hdr_stories.gif');
	}
	h2.affiliations {
		background-image: url('../img/hdr_affiliations.gif');
	}
	h2.community {
		background-image: url('../img/hdr_community.gif');
	}
	h2.client {
		background-image: url('../img/hdr_client.gif');
	}
	h2.team {
		background-image: url('../img/hdr_team.gif');
	}
	h2.press {
		background-image: url('../img/hdr_press.gif');
	}
	h2.home {
		background-image: url('../img/hdr_blank.gif');
	}
	h2.contact {
		background-image: url('../img/hdr_contact.gif');
	}
	h2.sendinfo {
		background-image: url('../img/hdr_sendinfo.gif');
	}
	h2.president {
		background-image: url('../img/hdr_president.gif');
	}
	h2.announce {
		background-image: url('../img/hdr_announce.gif');
	}
	
	#content h3 {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
		padding: 10px 0 15px 0;
		font-weight: bold;
	}
	#content h3 .client {
		font-size: 11px;
		line-height: 16px;
		font-weight: normal;
	}
	
	#content h4 {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
		padding: 10px 0 10px 0;
		font-weight: bold;
	}
	
	#content p {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 18px;
		padding: 0 0 15px 0;
	}
	
	#content ul {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 18px;
		padding: 0 0 0 40px;
		margin: 0 0 15px 0;
	}
	#content ul li {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 18px;
		padding: 0 0 6px 0;
	}
	
	#content ol {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 18px;
		padding: 0 0 0 40px;
		margin: 0 0 15px 0;
	}
	#content ol li {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 18px;
		padding: 0 0 6px 0;
	}
	
	#content ul#stories_list {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		padding: 0 0 0 40px;
		margin: 0 0 15px 0;
	}
	#content ul#stories_list li {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		padding: 0 0 5px 0;
	}
	
	#content ul#press_list {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 18px;
		padding: 0 0 0 0;
		list-style: none;		
	}
	#content ul#press_list li {
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		list-style: none;	
		padding: 0 0 18px 0;
	}
	#content ul#press_list li .source {
		font-style: italic;
	}
	#content ul#press_list li a {
		font-size: 11px;
		line-height: 15px;
	}
	
	p#footer {
		clear: both;
		text-align: right;
		padding: 50px 0 100px 0;
		color: #a4a3a3;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#content p#go_back,
	#content p#page_control {
		margin: 30px 0 15px 0;
	}
	#content p#go_back a,
	#content p#page_control a {
		background-color: #053e88;
		color: #ffffff;
		font-size: 10px;
		line-height: normal;
		padding: 4px 8px 5px 8px;
		text-decoration: none;
	}
	#content p#go_back a:hover,
	#content p#page_control a:hover {
		background-color: #3a82de;
	}



/*--------------------------------------------------
	Success Stories List
--------------------------------------------------*/

	#content ul#ss_list {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border-top: 1px solid #e6e6e6;
		list-style: none;
		width: 525px;
	}
	#content ul#ss_list li {
		display: block;
		position: relative;
		padding: 12px 15px 12px 15px;
		margin: 0 0 0 0;
		border-bottom: 1px solid #e6e6e6;
		clear: both;
		list-style: none;
		width: 495px;
	}
	#content ul#ss_list li:hover,
	#content ul#ss_list li.over {
		background-color: #f5f5f5;
	}
	
	#content ul#ss_list li p {
		display: block;
		position: relative;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 14px;
		font-weight: normal;
		color: #686868;
		margin: 0 0 0 0;
		padding: 0 0 4px 50px;
	}
	#content ul#ss_list li p.project {
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		background-image: url('../img/ss_list_project.gif');
		background-repeat: no-repeat;
		background-position: 0 4px;
	}
	#content ul#ss_list li p.client {
		font-size: 10px;
		line-height: 14px;
		font-weight: normal;
		background-image: url('../img/ss_list_client.gif');
		background-repeat: no-repeat;
		background-position: 5px 3px;
		color: #053e88;
	}
	
	#content ul#ss_list li a {
		text-decoration: none;
		color: #053e88;
		font-weight: bold;
	}
	#content ul#ss_list li a:hover {
		text-decoration: underline;
	}


	
/*--------------------------------------------------
	Forms
--------------------------------------------------*/
	
	form {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	label {
		display: block;
		position: relative;
		padding: 0 0 2px 0;
		margin: 0 0 0 0;	
		color: #686868;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
		font-weight: normal;
	}
	
	label.checkbox {
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		font-weight: normal;
	}
	
	input.text {
		display: block;
		position: relative;
		padding: 3px 3px 3px 3px;
		margin: 0 0 12px 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
	}
	
	input.checkbox {
		display: block;
		position: relative;
		float: left;
		margin: 0 5px 0 5px;
		clear: both;
	}
	
	input.button {
		display: block;
		position: relative;
		padding: 3px 3px 3px 3px;
		margin: 0 0 12px 0;
		background-color: #053e88;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
		font-weight: bold;
	}
	
	textarea {
		display: block;
		position: relative;
		padding: 3px 3px 3px 3px;
		margin: 0 0 15px 0;
		height: 80px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 16px;
	}
	
	form .full {
		width: 400px;
	}
	form .long {
		width: 300px;
	}
	form .half {
		width: 200px;
	}
	form .short {
		width: 50px;
	}