/* @group Browser reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */


body {
	background-color: #ececec;
	color: #4a4a4a;
	font: 12px/16px Helvetica, Arial, Geneva, sans-serif;
}

a {
	color: #6699cc;
	text-decoration: none;
}
a:hover, a.selected {
	color: #6699cc;
	text-decoration: underline;
}

ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

p {
	padding-bottom: 10px;
}

.geil-color {
	color: #bbbe23;
	font-weight: bold;
}

.about-color {
	color: #3c4c92;
	font-weight: bold;
}

.news-color {
	color: #0054a6;
	font-weight: bold;
}

.calendar-color {
	color: #607a94;
	font-weight: bold;
}

.career-color {
	color: #4b0049;
	font-weight: bold;
}

.contact-color {
	color: #444c82;
	font-weight: bold;
}

#main-wrapper {
	width: 908px;
	margin-right: auto;
	margin-left: auto;
}

#masthead {
	height: 67px;
	padding-top: 26px;
	width: 908px;
}
#masthead-divide {
	height: 8px;
	background: url(../img/wrapper_top.gif) center bottom;
	width: 908px;
}

/* @group Navigation */

/* Main Nav Rollover CSS */

#navbar {
	width: 908px;
	height: 54px;
	background-image: url(../img/navbar.gif);
}

img.logo {
	float: left;
	padding-right: 10px;
}

img.logotype {
	float: left;
}

#navigation {
	width: 452px;
	height: 54px;
	z-index: 50;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
}


ul.IR li {
	position: relative;
}

.IR em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* Subnav Current Font Size */

#nav, #nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 11px;
}

#nav li {
	display: inline;
	float: left;
	width: 85px;
}

#nav li, #nav li em {
	height: 54px;
}

/* Parent Nav Rollover Images */

#nav li.link1 em {
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 85px;
}

#nav li.link2 em {
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 82px;
}

#nav li.link3 em {
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 102px;
}

#nav li.link4 em {
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 89px;
}

#nav li.link5 em {
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 94px;
}


/* Parent Nav Rollover Placement */

/* Link 1 */

#nav li.link1 {
	left: 0;
	z-index: 15;
	padding: 0;
}

#nav li.link1 em {
	background-position: 0 0;
}

#nav li.link1:hover em {
	background-position: 0 -54px;
}

#nav li.link1-on em,
#nav li.link1-on:hover em {
	background-position: 0px -108px;
}

/* Link 2 */

#nav li.link2 {
	z-index: 14;
	padding: 0;
	left: 0;
}

#nav li.link2 em {
	background-position: -85px 0;
}

#nav li.link2:hover em {
	background-position: -85px -54px;
}

#nav li.link2-on em,
#nav li.link2-on:hover em {
	background-position: -85px -108px;
}

/* Link 3 */

#nav li.link3 {
	z-index: 13;
	padding: 0;
	left: -3px;
}

#nav li.link3 em {
	background-position: -167px 0;
}

#nav li.link3:hover em {
	background-position: -167px -54px;
}

#nav li.link3-on em,
#nav li.link3-on:hover em {
	background-position: -167px -108px;
}

/* Link 4 */

#nav li.link4 {
	z-index: 13;
	padding: 0;
	left: 14px;
}

#nav li.link4 em {
	background-position: -269px 0;
}

#nav li.link4:hover em {
	background-position: -269px -54px;
}

#nav li.link4-on em,
#nav li.link4-on:hover em {
	background-position: -269px -108px;
}

/* Link 5 */

#nav li.link5 {
	z-index: 13;
	padding: 0;
	left: 18px;
}

#nav li.link5 em {
	background-position: -358px 0;
}

#nav li.link5:hover em {
	background-position: -358px -54px;
}

#nav li.link5-on em,
#nav li.link5-on:hover em {
	background-position: -358px -108px;
}

/* Subnav Rollovers */

#nav a,
#navr a {
	display: block;
}

/* Subnav Current - (color, borders, fontface, etc) */

#nav li ul a {
	width: 158px;
	color: #4a4a4a;
	background: #f3f3f3;
	text-decoration: none;
	padding: 5px 0 5px 10px;
}

/* Subnav Position */

#nav li:hover ul,
#nav li.sfhover ul {
	top: 50px;
	left: 0;
	background-position: 0 0;
}

/*Subnav Hide */

#nav li ul {
	position: absolute;
	z-index: 999;
	top: 19px;
	left: -999em;
	list-style: none;
	width: 166px;
	text-decoration: none;
}

/* Subnav Hover Position */

#nav li li {
	height: auto;
	width: 150px;
	background: none;
	padding-left: 3px;
}

/* Subnav Hover - (color, decoration, fontface, etc) */

#nav li ul a:hover,
#nav li ul li a:hover,
#nav li a#current,
#nav li a#current:hover,
#nav li a#current:visited,
#nav li a#current:active {
	color: #333333;
	background: #bbbe23;
	text-decoration: none;
	font-weight: bold;
}

/* Subnav Background Border */

#nav li ul li.subnav {
	width: 168px;
	height: 23px;
	background: #555555 url(../nav-img/subnav-border.gif) repeat-y;
	padding-top: 1px;
	margin-left: 0;
	padding-right: 3px;
}

/* Long Subnav Background Border (Use for multi-line items) */
#nav li ul li.subnav-long {
	width: 168px;
	height: 38px;
	background: url(../nav-img/subnav-border.gif) repeat-y;
	margin-left: 13px;
	padding-left: 3px;
	padding-top: 1px;
}

/* Subnav Last Border - (png image with rounded corners)*/

#nav li ul li.subnav-last {
	width: 168px;
	height: 25px;
	background: #555555 url(../nav-img/subnav-last.png) no-repeat;
	margin-left: 0;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 3px;
}

/*#nav li ul li.subnav-on a.IR-on {
	color: #4a4a4a;
	background: #eaeaea;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}*/

#nav li ul li .sublink-on {
	color: #333333;
	background: #c4c4c4;
	font-weight: bold;
	text-decoration: none;
}
/* @end */

/* @group Subnav */
#subnavigation {
	float: right;
}

#subnavigation ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#subnavigation ul li {
	float: left;
	display: inline-block;
}

/* @end */




#main {
	background: url(../img/wrapper_bg.gif) repeat-y;
	padding: 4px 12px 0;
	overflow: hidden;
	width: 884px;
}

img.green-employee {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

img.header {
	margin-bottom: 40px;
}

h2 {
	font: 25px Georgia, "Times New Roman", Times, serif;
	display: block;
	padding-bottom: 40px;
}
h2 span {
	display: block;
	font-size: 38px;
}

#content-background {
	float: left;
	padding: 61px 29px 25px 63px;
	background: url(../img/bg_rays.gif) no-repeat;
}

#content-wrapper {
	overflow: hidden;
}

/* @group Index */

div.index #flash {
	height: 334px;
	padding-bottom: 8px;
}
div.index #content-background {
	float: none;
	padding: 0;
	background-image: none;
}
div.index #col1 {
	float: left;
	width: 288px;
	padding-right: 10px;
}
div.index #col2 {
	float: left;
	width: 288px;
	padding-right: 10px;
}
div.index #col3 {
	float: left;
	width: 248px;
	height: 84px;
	padding: 20px;
	background-color: #eee;
}
/* @end */

/* @group About */
div.about h2 {
	color: #3c4c92;
}
div.about h2 span.about_hdr {
	padding-left: 30px;
}
div.about #content-wrapper p {
	padding-right: 80px;
	padding-left: 30px;
}

/* @end */

/* @group About-history */
div.about-history h2 {
	color: #3c4c92;
}
div.about-history h2 span.about_hdr {
	padding-left: 30px;
}
div.about-history #content-wrapper p {
	padding-right: 80px;
	padding-left: 30px;
}
div.about-history #content-wrapper ul {
	width: 702px;
	padding-left: 30px;
}
div.about-history #content-wrapper ul li {
	float: left;
	padding: 3px 5px;
}
div.about-history #content-wrapper ul li.stripe {
	background-color: #e4e4e4;
}
div.about-history #content-wrapper span.month {
	display: block;
	width: 80px;
	float: left;
	padding-right: 100px;
}
div.about-history #content-wrapper span.info {
	display: block;
	float: right;
	width: 372px;
	padding-right: 140px;
}
div.about-history #content-wrapper ul.milestones {
	float: left;
	padding-bottom: 20px;
}
/* @end */

/* @group About-responsibility */
div.about-responsibility h2 {
	color: #3c4c92;
}
div.about-responsibility h2 span.about_hdr {
	padding-left: 30px;
}
div.about-responsibility #content-wrapper {
	padding-bottom: 30px;
}
div.about-responsibility #content-wrapper p {
	padding-right: 80px;
	padding-left: 30px;
}
/* @end */

/* @group About-green */
div.about-green h2 {
	color: #3c4c92;
}
div.about-green h2 span.about_hdr {
	padding-left: 30px;
}
div.about-green #content-wrapper p {
	padding-left: 30px;
	padding-right: 40px;
}
div.about-green #content-wrapper ul {
	width: 320px;
	padding-bottom: 40px;
	padding-left: 70px;
}
div.about-green #col1 {
	float: left;
	width: 430px;
}
div.about-green #col1 img {
	padding-left: 30px;
}
div.about-green #col2 {
	width: 362px;
	float: left;
}
div.about-green #col2 img {
	padding-left: 30px;
}
/* @end */



/* @group About-board */
div.about-board h2 {
	color: #3c4c92;
}
div.about-board h2 span.about_hdr {
	padding-left: 30px;
}
div.about-board #content-wrapper p {
	padding-right: 29px;
}
div.about-board #col1,
div.about-board #col2 {
	width: 150px;
	float: left;
	padding-right: 130px;
	padding-top: 20px;
}
div.about-board #col3 {
	width: 150px;
	float: left;
	padding-top: 20px;
	padding-right: 82px;
}


 
/* @group Bios */
 
#bio-wrapper {
	width: 480px;
}
#bio-wrapper #bio-id {
	width: 150px;
	float: left;
	padding: 10px;
}
#bio-wrapper #bio-content {
	float: left;
	width: 300px;
	font-size: 11px;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-top: 10px;
}
#bio-wrapper #bio-content em {
	font-weight: bold;
}
/* @end */
/* @end */

/* @group About-hall */
div.about-hall h2 {
	color: #3c4c92;
}
div.about-hall h2 span.about_hdr {
	padding-left: 30px;
}
div.about-hall #content-wrapper p {
	padding-right: 29px;
}
div.about-hall #col1 {
	width: 300px;
	float: left;
	padding-right: 30px;
}
div.about-hall #col2 {
	width: 459px;
	float: left;
}
/* @end */

/* @group News */
div.news h2 {
	color: #0054a6;
}
div.news h2 span.news_hdr {
	padding-left: 70px;
}
div.news #content-wrapper p {
	padding-left: 30px;
	padding-right: 29px;
}
div.news #content-wrapper ul {
	width: 320px;
	padding-left: 70px;
	padding-bottom: 40px;
}
div.news #col1 {
	width: 285px;
	float: left;
	padding-right: 50px;
}
div.news #col1 img {
	padding-left: 30px;
}
div.news #col2 {
	width: 457px;
	float: left;
}
div.news #col2 #flash {
	padding-left: 30px;
}
/* @end */

/* @group Calendar */
div.calendar #content-background {
	width: 792px;
}
div.calendar h2 {
	color: #607a94;
}
div.calendar h2 span.calendar_hdr {
	padding-left: 40px;
}
div.calendar #content-wrapper p {
	padding-right: 80px;
	padding-left: 30px;
}
div.calendar #content-wrapper ul {
	padding-left: 41px;
	width: 757px;
}
div.calendar #content-wrapper ul li {
	float: left;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 5px;
}
div.calendar #content-wrapper span.cal-month {
	display: block;
	width: 124px;
	float: left;
	padding-right: 20px;
	text-align: right;
}
div.calendar #content-wrapper span.date {
	display: block;
	width: 410px;
	float: right;
	padding-right: 193px;
}
/*body {
	margin-top: 40px;
	text-align: center;
	font-size: 14px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}*/

div.calendar #calendar-wrapper {
	width: 750px;
	margin-right: auto;
}
		
#loading {
	position: absolute;
	top: 5px;
	right: 5px;
}

#calendar {
	width: 720px;
	margin: 0 auto;
}

#calendar h2 {
	padding: 0 0 10px;
}

/* @end */

/* @group Careers */
div.career h2 {
	color: #4b0049;
}
div.career h2 span.career_hdr {
	padding-left: 40px;
}
div.career #content-wrapper p {
	padding-right: 80px;
	padding-left: 30px;
}
div.career #col1 {
	float: left;
	width: 300px;
}
div.career #col2 {
	float: left;
	width: 492px;
}
div.career #col2 ul {
	padding-left: 60px;
	padding-bottom: 10px;
}
div.career #col2 ul li {
	text-indent: -7px;
	padding-left: 7px;
}
div.career #col2 ul p {
	padding-left: 0;
}
/* @end */

/* @group Contact */
div.contact h2 {
	color: #7b7b7b;
}
div.contact h2 span.contact_hdr {
	padding-left: 30px;
}
div.contact #content-wrapper p {
	padding-right: 40px;
	padding-left: 30px;
}
div.contact #content-wrapper ul {
	padding-bottom: 10px;
	padding-left: 30px;
}
div.contact #col1,
div.contact #col2,
div.contact #col3 {
	width: 175px;
	float: left;
	padding-right: 89px;
	padding-top: 20px;
}

div.contact p.map {
	padding-top: 10px;
}

/* @end */

#main-divide {
	background-image: url(../img/links_divide.gif);
	height: 18px;
	width: 908px;
}

/* @group Footer */

#footer {
	background-image: url(../img/wrapper_bg.gif);
	height: 117px;
	padding-left: 8px;
	overflow: hidden;
	padding-right: 8px;
	width: 892px;
}
#copyright {
	color: #999999;
	font: 10px/18px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 45px;
	background: url(../img/links-bottom.gif) no-repeat;
	overflow: hidden;
	width: 908px;
}
#copyright p {
	width: 895px;
	float: left;
}
img.bug {
	float: right;
}



/* @end */

/* @group Subnavigation */

/* Main Nav Rollover CSS */

#subnavigation {
	width: 892px;
	height: 83px;
	z-index: 50;
	margin: 0;
	padding: 0;
	position: relative;
}


ul.SN li {
	position: relative;
}

.SN em {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* Subnav Current Font Size */

#subnav, #subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 11px;
}

#subnav li {
	display: inline;
	float: left;
	width: 177px;
}

#subnav li, #subnav li em {
	height: 83px;
}

/* Parent Nav Rollover Images */

#subnav li.link1 em {
	background-image: url(../img/links.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 180px;
}

#subnav li.link2 em {
	background-image: url(../img/links.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 177px;
}

#subnav li.link3 em {
	background-image: url(../img/links.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 177px;
}

#subnav li.link4 em {
	background-image: url(../img/links.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 177px;
}

#subnav li.link5 em {
	background-image: url(../img/links.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 181px;
}


/* Parent Nav Rollover Placement */

/* Link 1 */

#subnav li.link1 {
	left: 0;
	z-index: 15;
	padding: 0;
}

#subnav li.link1 em {
	background-position: 0 0;
}

#subnav li.link1:hover em {
	background-position: 0 -83px;
}

#subnav li.link1-on em,
#subnav li.link1-on:hover em {
	background-position: 0px -83px;
}

/* Link 2 */

#subnav li.link2 {
	z-index: 14;
	padding: 0;
	left: 3px;
}

#subnav li.link2 em {
	background-position: -180px 0;
}

#subnav li.link2:hover em {
	background-position: -180px -83px;
}

#subnav li.link2-on em,
#subnav li.link2-on:hover em {
	background-position: -180px -83px;
}

/* Link 3 */

#subnav li.link3 {
	z-index: 13;
	padding: 0;
	left: 3px;
}

#subnav li.link3 em {
	background-position: -357px 0;
}

#subnav li.link3:hover em {
	background-position: -357px -83px;
}

#subnav li.link3-on em,
#subnav li.link3-on:hover em {
	background-position: -357px -83px;
}

/* Link 4 */

#subnav li.link4 {
	z-index: 13;
	padding: 0;
	left: 3px;
}

#subnav li.link4 em {
	background-position: -534px 0;
}

#subnav li.link4:hover em {
	background-position: -534px -83px;
}

#subnav li.link4-on em,
#subnav li.link4-on:hover em {
	background-position: -534px -83px;
}

/* Link 5 */

#subnav li.link5 {
	z-index: 13;
	padding: 0;
	left: 3px;
}

#subnav li.link5 em {
	background-position: -711px 0;
}

#subnav li.link5:hover em {
	background-position: -711px -83px;
}

#subnav li.link5-on em,
#subnav li.link5-on:hover em {
	background-position: -711px -83px;
}
/* @end */

.divs {
	position: absolute;
	left: -1000px;
	top: -1000px;
}