html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background-color:  #FFF;
	text-align: center;
}
img {
	border: 0;
}
#site-holder {
	width: 940px;
	margin: 0 auto;
}

#content { float: left; text-align: left; }
#rside { float: right; text-align: left; }

.homepage #content { width: 415px; }
.homepage #rside { width: 240px; }

.twoColumn #content { width: 660px; }
.twoColumn #rside { width: 240px; }

.newspage #content { width: 660px; }
.newspage #news-holder { margin: 0 0 20px 20px; float: right;}

.contactpage #content { width: 660px;}
.contactpage #rside { width: 240px; }


#sub-menu {
	width: 230px;
	float: left;
	margin: 0 40px 0 0;
	text-align: left;
}

#sub-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sub-menu ul.space {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#sub-menu ul li {
	padding: 0;
	margin: 0;
}

#sub-menu ul li a {
	background-color: #E0E1E2;
	display: block;
	border-left: solid 5px #009BC0;
	padding: 5px 0 5px 10px;
	font-size:16px;
	color: #6E6F72;
	text-decoration:none;
	margin: 0 0 2px 0;
}

#sub-menu ul li a:hover {
	background-color: #009BC0;
	color: #FFF;
}

#news-holder {
	width: 245px;
	height: 555px;
	float: left;
	background-color: #EEEEEF;
	margin: 0 20px;
	text-align: left;
}

#news-holder  h1 {
	background-color: #009BC0;
	font-size: 21px;
	font-weight: lighter;
	margin-top: 0;
	line-height: 45px;
	color: #FFF;
	text-align: center;
}

#news-holder #news-stories-box {
	width: 245px;
	height: 510px;
	padding: 0px;
	overflow: auto;
}

#news-holder #news-stories {
	width: 225px;
	height: 480px;
	padding: 0 5px;
	margin-left:10px;
	overflow: auto;
}

#news-holder #news-stories  h2{
	font-size: 11px;
	font-weight: lighter;
	color: #00336F;
	margin-bottom: 0;
}

#news-holder #news-stories  h3{
	font-size: 11px;
	font-weight: lighter;
	color: #333;
	font-style: italic;
	margin: 0;
}

#rside img {
	margin-bottom: 18px;
}

img.body {
	border: 0;
	margin: 0px 40px 10px 20px;
}
#form {
	width: 330px;
	float: left;
	background-color: #EEE;
	padding-bottom: 15px;
}

#form .input {
	background-color: #FFF;
	border: solid 1px #999;
}

#form .submit {
	background: #009BC0;
	border: solid 1px #999;
	width: 100px;
	height: 25px;
	color: #FFF;
}

#form .submit:hover {
	background: #00336F;
	color: #FFF;
}

#address {
	width: 300px;
	float: right;
	margin-left: 20px;
	display: inline;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row label {
  float: left;
  width: 100px;
  text-align: right;
  color: #666;
  font-size: 12px;
  }
div.row label.label_check {
  float: left;
  width:90%;
  text-align: left;
  }

div.row span.formw {
  float: right;
  width: 220px;
  text-align: left;
  }


h1 {
	color: #009BC0;
	font-size: 21px;
	font-weight: lighter;
	margin-top: 0;
}

h2 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

h3 {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
}

.homepage p {
	font-size: 12px;
	color: #666;
	margin-top: 0;
	line-height: 1.5em;
}

p {
	font-size: 12px;
	color: #666;
	margin-top: 0;
	line-height: 1.5em;
}

ul, li {
	font-size: 12px;
	color: #666;
	line-height: 1.5em;
}

a {
	font-size: 12px;
	color: #009BC0;
	text-decoration: none;
}

a.projects {
	font-size: 14px;
	color: #009BC0;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#header {
	width: 940px;
	height: 110px;
	background-color: #E0E1E2;
	text-align: left;
	float:left;
	position: relative;
}

#header-image {
	
	width:940px;
	height:230px;
	float:left;
}

#main-menu {
	width: 940px;
	height: 45px;
	margin-bottom: 35px;
	float:left;
}

#main-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-menu ul li {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
}

#main-menu ul li a {
	margin: 0 2px 0 0;
	padding: 0;
	display: inline;
	float: left;
	text-decoration: none;
	color: #6E6F72;
	background-color: #E0E1E2;
	height: 40px;
	display: block;
	line-height: 40px;
	font-size: 18px;
}

#main-menu ul li a:hover {
	background-color: #009BC0;
	color: #FFF;
}

#main-menu ul li a.active {
	border-bottom:  5px solid #009BC0;
}

#main-menu ul li a#home {
	width: 144px;
}

#main-menu ul li a#about {
	width: 147px;
}

#main-menu ul li a#what {
	width: 173px;
}

#main-menu ul li a#news {
	width: 122px;
}

#main-menu ul li a#recruit {
	width: 172px;
}

#main-menu ul li a#contact {
	width: 172px;
	margin: 0;
}

#footer {
	clear: both;
	position: relative;
	width: 920px;
	height: 60px;
	margin: 0;
	padding: 10px 0 0 20px;
	background-color: #E0E1E2;
	background-image:  url(../sitepix/structural/bottom-logo.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}

.tableright {
	border-right: solid 1px #ccc;
	
}

.tablebot {
	border-bottom: solid 1px #ccc;
	
}

#footer ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
}

#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#footer ul li a {
	margin: 0 15px 0 0;
	padding: 0;
	font-size: 11px;
	color: #6E6F72;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #009BC0;
}

#footer p {
	font-size: 11px;
	color: #6E6F72;
	padding:0;
	margin:0;
}

#footer a {
	color: #6E6F72;
}

#footer a:hover {
	color: #009BC0;
}


