/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich
Date Created:	2007.08.09
File Purpose:	SMI System Modeling Institute - Base Style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */

/* widths and heights to change for new client
	#header					width: 150px;				--> height of header with shadows
							margin: 30px 0px 0px 0px;	--> top margin if site is not flush with top
	#table_body 			width: 770px;				--> width of main content between shadows
	.logo_container			height: 110px;				--> height of area above navigation, set margin if there's a shadow
	.navigation_container 	height: 40px;				--> height of navigation bar
		-span				width: 395px;				--> total width of navigation links - float this to move navigation
	.nav_divider			width: 5px;					--> image or width of divider b/w nav links
	.nav_????				width: ???					--> only need to set width once for each nav link image
*/

#header {
	width: 760px;
	margin: 30px 0px 0px 10px;
	padding: 0px;
	float: left;
	display: inline;
	position: relative;
}

.main_logo {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

.navigation_container {
	width: 100%;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.subnav_container {
	width: 100%;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/framework/left_nav_divider.gif) bottom left no-repeat;
}

.nav_about {
	width: 152px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_about.gif) left no-repeat;
}

#about_nav a, #about_nav a:visited { width: 100%; height: 100%; float: left; }
#about_nav a:hover, #about_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_about_on.gif) left no-repeat; float: left; }

.nav_about_systems {
	width: 152px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_about_systems.gif) left no-repeat;
}

#about_systems_nav a, #about_systems_nav a:visited { width: 100%; height: 100%; float: left; }
#about_systems_nav a:hover, #about_systems_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_about_systems_on.gif) left no-repeat; float: left; }

.nav_research {
	width: 152px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_research.gif) left no-repeat;
}

#research_nav a, #research_nav a:visited { width: 100%; height: 100%; float: left; }
#research_nav a:hover, #research_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_research_on.gif) left no-repeat; float: left; }

.nav_participate {
	width: 152px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_participate.gif) left no-repeat;
}

#participate_nav a, #participate_nav a:visited { width: 100%; height: 100%; float: left; }
#participate_nav a:hover, #participate_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_participate_on.gif) left no-repeat; float: left; }

.nav_contact {
	width: 152px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(/_images/nav/nav_contact.gif) left no-repeat;
}

#contact_nav a, #contact_nav a:visited { width: 100%; height: 100%; float: left; }
#contact_nav a:hover, #contact_nav a:active { width: 100%; height: 100%; background: url(/_images/nav/nav_contact_on.gif) left no-repeat; float: left; }