/*Stylesheet for Nspire website. Based on template by Reality Software
Website: http://www.realitysoftware.ca
*/
/* Adjusted by Jarimbi Websites, http://www.jarimbi.com */
/* colors used:
#339900; npsire green, used for links
#232323; gray for menu hover
#333333; nspire gray. Slogan text.
#6f6e6e; lighter gray for side bar text

 */
 
html {
	height: 100%;
	overflow-y: scroll;
} 
 
body { 
	margin:0; 	
	padding:0; 
	font-size:16px; 
	font-family: Arial, Tahoma;
	background: white url(images/header_bckg.gif) repeat-x; 
}

a { 
	color:#339900; /*npsire green */
}

a:hover { 
	text-decoration:none;
}

img { 
	padding: 0; 
	margin: 0;
	border: none
}

#container {
	width: 780px;
	margin: 0 auto;
}

#header { 	
	height:120px; 
}

#logo { 
	width:780px; 
	margin:0 auto; 
	padding:23px 0 1px 0; 
}

#menu {
	color:#fff; 
	text-align:center; 
	margin-top:1px;
}

#menu ul{ 
	width:780px; 
	margin:0 auto;
	list-style:none; 
	padding:0; 
	text-align:left;
}

#menu ul li{
	display:inline
}

#menu ul a { 
	display:block; 
	float:left; 
	font-weight:bold; 
	font-size:13px; 
	text-decoration:none; 
	color:#fff; 
	background:url(images/menu_enactive.gif) no-repeat bottom center; 
	padding:8px 10px; 
	width:118px; 
	text-align:center; 
	text-transform:uppercase;
}

#menu ul a:hover { 
	background:url(images/menu_over.gif) no-repeat bottom center; 
	color:#232323; /*gray*/
}
#menu ul a.active { 
	background:url(images/menu_active.gif) no-repeat bottom center; 
	color:#232323;
}
#menu ul a.active:hover { 
	background:url(images/menu_active.gif) no-repeat bottom center; 
	color:#232323;
}

#main { 
	margin:20px 0 20px 0; 
	float:left;
	clear:both;
}

#slogan_area { 
	height:150px; 
	background:url(images/head_bckg_green2.jpg) no-repeat; 
	padding:30px 0 30px 50px; 
	line-height:24px;
}

#slogan { 
	color:#333333; /*nspire gray*/
	font-family: "Arial Narrow", Arial, Tahoma; 
	height: 65px; 
	font-size:50px; 
	line-height: 60px;
}

#slogan_text {
	/*float: right; 
	margin-right: 280px;*/
	padding-left: 102px;
}

#under_slogan_text { 
	clear: both; 
	color: #fefefe;
	font-weight: bold; 
	font-size:36px; 
	padding-top:18px;
	padding-left: 82px;
}

#content { 
	margin:0 auto; 
	padding:0; 
	width:780px;
	clear:both;
}

#content h1 { 
	margin:0 0 0 0; 
	text-transform:uppercase; 
	font-size:20px; 
	color:black; 
	font-weight:normal;
}

#content h2 { 
	margin:0 0 0 0; 
	text-transform:uppercase; 
	font-size:15px; 
	color:black; 
	font-weight:bold;
}

#text {
	float:left; 
	width:530px; 
	padding-left:20px;
	font-size: 0.9em;
		clear:both;
}

#sidebar { 
	background:url(images/sidebar_bckg.gif) repeat-x; 
	margin:0 0 0 560px; 
	color:#6f6e6e; 
	padding:20px; 
	font-size: 0.7em;
}
#sidebar h2 {
	color:black; 
	margin:0 0 15px 0; 
	font-size:14px; 
	font-weight:bold; 
	text-transform:uppercase;
}

#sidebar ul { 
	margin:0 0 0 15px; 
	padding:0; 
}

#footer {
	background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; 
	height:94px; 
	margin-top:20px; 
	clear:both;
}

#left_footer { 
	float:left; 
	padding:40px 0 0 30px; 
	text-transform:uppercase; 
	color:white; 
	font-weight:bold; 
	font-size:11px;
}

#left_footer a { 
	color:white;
}

#left_footer a:hover { 
	text-decoration:none;
}

#right_footer { 
	float:right;  
	padding:40px 30px 0 0; 
	text-transform:uppercase; 
	color:white; 
	font-weight:bold; 
	font-size:11px; 
	text-align:right;
}

#right_footer a { 
	color:white;
}

#right_footer a:hover { 
	text-decoration:none;
}