/*MAIN TEMPLATE*/
/* Body */
Body {
	background: url(../images/bkd_gray_center_shaded.gif) 50% 50% repeat-y;
	background-color: #dedede;
	margin: 0px;
	text-align: center;
	}
	
a { 
outline:none; 
}
	
/* Container */
#Container {
	width: 720px;
	margin: 0 auto;
	padding: 0px;
	height: auto;
}
	
/* Header */
#Logo {
	padding-top: 190px;
	padding-left: 15px;
	float: right;
	clear: right;
	border: 0;
}

#Banner {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/Header.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 91px;
}

/* Menu */
#navlist {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#Menu {
	background: url(../images/menubkg.gif) repeat-x;
	width: 720px;
	border-top: solid #999999 1px;
	border-bottom: solid #999999 1px;
	text-align: left;
	float: left;
	padding: 4px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

#navlist li {
	display: inline;
}

#Menu a {
	padding: 5px 11px;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 5px 11px 4px 11px;
	color: #333;
}

#homelink {
	margin-left: 25px;
}

#Menu a:hover
{
	background: url(../images/menuhighlight.gif) repeat-x;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	padding: 5px 10px 5px 10px;
}

/* Sidemenu */
#Sidemenu {
	width: 150px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
    color: #333;
	font-size: 10px;
	text-transform: uppercase;
    text-decoration: none;
}

#Sidemenu ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#Sidemenu li {
	border-bottom: 1px solid #8c8c8c;
	margin: 0;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}

#Sidemenu li a {
	display: block;
	padding: 8px 0px 8px 30px;
	color: #333;
	text-decoration: none;
	width: 150px;
	text-align: left;
}

html>body #Sidemenu li a {
	width: auto;
}

#Sidemenu li a:hover {
	background-color: #006f54;
	color: #fff;
	background-image: url(../images/arrowwhite.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.navnon:active {
    background-color: #006f54;
	color: #fff;
	background-image: url(../images/arrowwhite.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

a.link, a.link:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #2A4C93;
	text-decoration: underline;
	font-weight: normal;
	font-size:10px;
}

a.link:hover { 
	text-decoration: none;
 }

/*HEADER*/
#Header {
	float: left;
	width: 500px;
	height: 53px;
	background: url(../images/bkg.gif) repeat;
	margin: 15px 20px 0px 20px;
	text-align: left;
}

html>body #Header {
	width: 520px;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #006f54;
	font-size: 28px;
	text-transform: capitalize;
	margin: 5px 0px 0px 10px;
	font-weight: bold;
	text-align: left;
	clear: right;
	float: left;
}

/* CONTENT */

#Content {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 500px;
	margin-left: 20px;
	margin-right: 0px;
	padding: 0px;
	text-align: left;
	color: #333333;
	font-size: 11px;
}

html>body #Content {
	width: 500px;
	float: left;
	margin-left: 30px;
}


/* FOOTER */
#Footer {
	width: 720px;
	margin-top: 35px;
	border-top: solid #999999 1px;
	border-bottom: solid #999999 1px;
	background: url(../images/menu2bkg.gif) repeat;
	text-align: left;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 11px;
	padding: 4px 0px 4px 0px;
	letter-spacing: 1px;
}

#Footer strong{
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}
#footernavlist li{
	display: inline;
}

#Footer a {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 12px 4px 12px;
}

#Footer a:hover {
	background: url(../images/menu3bkg.gif) repeat;

	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	padding: 4px 11px 4px 11px;
}


#footernavlist {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#address {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	padding: 12px 0 12px 0;
	clear: both;
	width: 720px;
	border-top: 1px solid #999;
	
}


/* Submenu */
#Submenu {
	width: 720px;
	border-top: solid #555 1px;
	border-bottom: solid #999999 1px;
	text-align: center;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-transform: uppercase;
	font-size: 11px;
	padding: 4px 0px 4px 0px;
	letter-spacing: 1px;
	background: url(../images/menubkg.gif) repeat-x;
}

#Submenu strong{
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}
#subnavlist li{
	display: inline;
}

#Submenu a {
	color: #333;
	text-decoration: none;
	padding: 4px 12px 4px 12px;
}

#Submenu a:hover {
	background: url(../images/menuhighlight.gif) repeat-x;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	padding: 4px 11px 4px 11px;
}


#subnavlist {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

.clear {
	clear: both;
}

/* Main Article Styles */

.Article {
	clear: right;
	margin-bottom: 20px;
	padding:10px 0px 10px 10px;
	color: #333333;
	font-size: 11px;
	text-align: left;
	width: 475px;
	margin-right: 0px;
}

html>body .Article {
	width: 475px;
	padding-right: 15px;
}

.Article a {
	color: #006f54;
}

h2 {
	color: #666;
	font-size: 18px;
	font-weight: bold;
	clear: right;
	padding-bottom: 4px;
	text-align: left;
	margin: 0;
	width: 400px;
}

.image {
	border: solid #999 1px;
	float: left;
	margin-right: 7px;
	background: #fff;
}

.image img {
	border: solid #999 1px;
	margin: 4px;
	display: block;
}

.image object {
	border: solid #999 1px;
	margin: 4px;
	display: block;
}

.Article blockquote {
	width: 185px;
	height: 250px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 7px 7px 7px;
	color: #666;
	font-size: 10px;
	line-height: 12px;
	border-left: 1px solid #ccc;
	margin-right: 0px;
}

.Article blockquote img {
	border: solid #999 1px;
	margin-bottom: 7px;
}

.Article blockquote strong {
	color: #006f54;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}

.Article blockquote a {
	color: #006f54;
}

#flash {
	border: solid #999 1px;
	margin: 4px;
}

.copy {
	font-size: 12px;
	line-height: 18px;
}

.Article li {
	list-style-position: outside;
	list-style-image: url(../images/arrow.gif);
	list-style-type: none;
	padding-bottom: 3px;
}

.Article object {
	border: solid #999 1px;
	margin: 4px;
	display: block;
}
	
	

/* PROJECT PAGE STYLES */
.EXPtitle {
	color: #006f54;
	font-size: 13px;
	font-weight: bold;
	border-bottom: solid 1px #666;
	clear: right;
	width: 225px;
}

#EXPmenuR {
	float: right;
	width: 230px;
}

#EXPmenuL {
	float: left;
	width: 230px;
}

#EXPmenuL IMG, #EXPmenuR IMG {
	border: solid 1px #666;
	margin: 3px;
	margin-bottom: 8px;
}

html>body .EXPtitle {
	width: auto;
}

.EXPholder {
	background: url(../images/bkg.gif) repeat #ddd;
	border: solid 1px #666;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	float: left;
	max-width: 510px;
	border: solid #999999 1px;
}

html>body .EXPHolder { 
padding-right: 0px;

}

.EXPholder.image {
     margin-right: 0px;
	 float: left;
}

.EXPcopy1 {
float: left;
	padding-right: 4px;
    padding-left: 4px;
	line-height: 15px;
	font-size: 11px;
	width: 155px;
}

html>body .EXPcopy1 {
width: 150px;
}

.EXPcopy2 {
	float: left;
	margin-bottom: 8px;
	line-height: 15px;
	font-size: 11px;
	width: 490px;
	margin-right: 0px;
	padding-right: 0px;
}

html>body .EXPcopy2 {
width: 490px;
}

/* EXPERIENCE/PROJECT SUBMENUS */

#PJTmenu {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bkg.gif) repeat #96C2A9;
	border: solid 1px #666;
	padding: 5px;
	text-align: left;
	font-size: 11px;
	width: 488px;
}

html>body #PJTmenu2 {
width: 520px;
}

#PJTmenuT {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#PJTmenuT li {
	display: inline;
}

#PTJmenu a, #navoff {
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	text-transform: uppercase;
	color: #006f54;
	font-size: 10px;
}

#PJTmenu a:hover, #navon {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#navon {
	color: #006f54;
	font-weight: bold;
}


/* HOME PAGE */
/* Home Container */
#HContainer {
	width: 720px;
	margin: 0 auto;
}

/* Banner */

#topbanner {
	width: 704px;
	border-bottom: 1px solid #999;
	background: url(../images/banner-sus.jpg) no-repeat;
    float: none;
	margin: 0px;
	padding: 0px;
	height: 300px;
    display: table;

}

/* Home Menu */
#HMenu {
	width: 120px;
	margin-top: 15px;
	margin-left: 25px;
	float: left;
	clear: left;
	text-align: left;
}

html>body #Hmenu { 
	width: 130px;
}

#Hmenu ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#Hmenu li {
	margin: 0;
	background-repeat: no-repeat;
}

#Hmenu li a {
	display: block;
	border-bottom: 1px solid #999;
	padding: 5px 10px 5px 7px;
	color: #333;
	text-decoration: none;
	width: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
	
html>body #Hmenu li a { 
	width: auto;
	margin-right: 10px;
}


#Hmenu li a:hover {
	background-color: #006f54;
	color: #fff;
}


/* Home Content */
#HContent {
	float: left;
	margin: 25px 0px 10px 25px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	width: 400px;	
}

#HContent h1 {
	color: #006f54;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	width: auto;
}

.Hcopy {
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	padding-right: 4px;
	width: 425px;
	line-height: 18px;
}

#HContent a {
	color: #006f54;
}

#spotlight {
	font-family: Arial, Helvetica, sans-serif;
	width: 220px;
	float: right;
	margin: 13px 5px 10px 5px;
	text-align: left;
}

html>body #spotlight {
	margin-right: 15px;
}

#spottitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #006f54;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/bkg.gif) repeat;
	padding: 3px;
	text-transform: uppercase;
}

#spotimage {
	/*border: solid #999 1px;*/
	float: left;
	margin: 5px 0px 5px 0px;
}

#spotdesc {
	color: #006f54;
	font-size: 12px;
	clear: right;
	text-transform: uppercase;
	margin-right: 8px;
}

#spotteaser {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	clear: right;
	text-transform: uppercase;
	margin-right: 8px;
	width: 225px;
}

#spotteaser a {
	color: #006f54;
}

/* Experience Navigation Highlights */

body#Experience #experiencelink,  body#Services #serviceslink, body#Community #communitylink, body#Careers #careerslink, body#Contact #contactlink, body#About #aboutlink{
	background: url(../images/menuhighlight.gif) repeat-x;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	padding: 5px 10px;
}


body#Experience #navhighlite, body#Services #navhighlite, body#Community #navhighlite, body#Careers #navhighlite, body#Contact #navhighlite, body#About #navhighlite{
	background-color: #006f54;
	color: #fff;
	background-image: url(../images/arrowwhite.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

body#e127 #linkb, body#e129 #linkb, body#e128 #linkb, body#e124 #linka, body#e125 #linka, body#e126 #linka, body#e154 #linkc, body#e130 #linkc, body#e131 #linkc, body#e132 #linkc, body#e133 #linkd, body#e134 #linkd, body#e135 #linkd, body#e136 #linke, body#e137 #linke, body#e138 #linke, body#e162 #linkf, body#e161 #linkf, body#e141 #linkf, body#e142 #linkg, body#e143 #linkg, body#e144 #linkg, body#e145 #linkh, body#e146 #linkh, body#e147 #linkh, body#e148 #linki, body#e149 #linki, body#e150 #linki, body#e151 #linkj, body#e152 #linkj, body#e153 #linkj, body#e139 #linkl, body#e140 #linkl, body#e163 #linkl, body#e159 #linkk, body#e158 #linkk, body#e160 #linkk {
	background-color: #006f54;
	color: #fff;
	background-image: url(../images/arrowwhite.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

body#e127 #experiencelink, body#e129 #experiencelink, body#e128 #experiencelink, body#e124 #experiencelink, body#e125 #experiencelink, body#e126 #experiencelink, body#e154 #experiencelink, body#e130 #experiencelink, body#e131 #experiencelink, body#e132 #experiencelink, body#e133 #experiencelink, body#e134 #experiencelink, body#e135 #experiencelink, body#e136 #experiencelink, body#e137 #experiencelink, body#e138 #experiencelink, body#e139 #experiencelink, body#e140 #experiencelink, body#e141 #experiencelink, body#e142 #experiencelink, body#e143 #experiencelink, body#e144 #experiencelink, body#e145 #experiencelink, body#e146 #experiencelink, body#e147 #experiencelink, body#e148 #experiencelink, body#e149 #experiencelink, body#e150 #experiencelink, body#e151 #experiencelink, body#e152 #experiencelink, body#e153 #experiencelink, body#e159 #experiencelink, body#e158 #experiencelink, body#e160 #experiencelink, body#e161 #experiencelink, body#e162 #experiencelink, body#e163 #experiencelink {
	background: url(../images/menuhighlight.gif) repeat-x;
	border-left: solid #999999 1px;
	border-right: solid #999999 1px;
	padding: 5px 10px;
}