body {
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  color:#363e47;
  font-size:87%;
}

h1, h2, h3, h4, h5, h6 {
  color:#32b6df;
  margin:0;
}

a img {
  border: none;
}

a {
  color:#32b6df;
}

/*============================================================================
  Layout
----------------------------------------------------------------------------*/

.container {
  background:#eef7fc;
  width:800px;
  margin:0 auto;
  overflow:hidden;
}

.masthead, .minimasthead {
  display:block;
	position:relative;
  height:360px;
  width:800px;
  background:url(/static/images/masthead.jpg) top left no-repeat;
}

.minimasthead {
	height:100px;
}

.masthead p, .minimasthead p {
	position:absolute;
	color:#fff;
	font-size:12px;
	top: 15px;
	right:15px;
  width:25%;
  text-align:right;
  color:#473e35;
}

.main {
  width:100%;
  overflow:hidden;
}

.content {
  width:58%;
  padding-left:45px;
  float:left;
  margin-bottom:30px;
}

.sidebar {
  width:25%;
/*  border-left:1px solid #bbb;*/
  padding-right:45px;
  padding-left:20px;
  float:right;
  margin-bottom:30px;
}

p.footer {
  margin:20px 0 0 0;
  padding:10px 45px;
  font-size:11px;
  border-top:1px solid #ddd;
}

/*============================================================================
  Text
----------------------------------------------------------------------------*/

span.intro p {
  font-size:1.3em;
  line-height:150%;
  width:580px;
  margin: 0px auto 40px auto;
  color:#473e35;
}

p {
  line-height:150%;
  margin:0 0 1em 0;
}

h1 {
	font-weight:normal;
	font-size:24px;
	margin-bottom:14px;
}

h3 {
  margin-bottom:10px;
}

h4 {
  color:#363e47;
  font-weight:normal;
  margin:8px 0;
  font-size:14px;
}

.sidebar p {
  font-size:0.9em;
  line-height:140%;
}

.sidebar h4 a { /* event date */
  color:#363e47;
  text-decoration:underline;
  margin-bottom:3px;
  font-weight:bold;
}

ul.newsPosts {
  margin:0;
  padding: 0 0 0 19px;
}

ul.newsPosts li {
  margin-bottom:5px;
  font-size:90%;
}

ul.newsPosts li a:hover {
  color:#105F75;
}

p.more {
  text-align:right;
  margin-top:20px;
}

/*============================================================================
  Navigation
----------------------------------------------------------------------------*/
ul.globalNav {
  overflow: hidden;
  width:100%;
  list-style: none;
  margin:0 0 45px 0;
  padding:0;
}

.globalNav li {
  float:left;
}

ul.globalNav li a {
  float: left;
  background:url(/static/images/tab_active.gif) bottom left no-repeat;  
  background:url(/static/images/tab.gif) bottom left no-repeat;
  display:block;
  width:129px;
  height:25px;
  padding-right: 5px;
  color:#fff;
  font-weight:bold;
  padding-top:12px;
  text-decoration:none;
  text-align:center;
}

ul.globalNav li span.active a, ul.globalNav li a:hover {
  background:url(/static/images/tab_active.gif) bottom left no-repeat;
}

ul.globalNav li.search {
	padding-top:6px;
	padding-left:12px;
}

li.search input {
	font-size:15px;
}

input#query {
	width:150px;
	margin-left:10px;
	margin-right:5px;
}

/*============================================================================
  People
----------------------------------------------------------------------------*/

ul.people {
	list-style-type:none;
	margin:0;
	padding:0;
}

.people li {
	width:100%;
	font-size:11px;
	line-height:130%;
	overflow:hidden;
	margin-bottom:15px;
}

.people li span.name {
	display:block;
	font-size:14px;
	margin-bottom:10px;
}

.people a {
	text-decoration:none;
}

.people img {
	float:right;
	margin: 0 0px 7px 7px;
}

/*============================================================================
  Linkroll
----------------------------------------------------------------------------*/

.linkRoll {
	margin-top:30px;
}

.linkRoll ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.linkRoll li {
	margin-bottom:6px;
}

.linkRoll ul a {
	font-weight:normal;
}


/*============================================================================
  Form
----------------------------------------------------------------------------*/

label {
  display:block;
  color:#32b6df;
  margin-top:15px;
}

.personalDetails input {
  width:70%;
  font-size:16px;
}

.message textarea {
  width:80%;
  font-size:14px;
  line-height:130%;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:80%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}

/*============================================================================
  Images
----------------------------------------------------------------------------*/

img.small {
	float: right;
	width: 180px;
	margin: 0 0px 0px 20px;
  background:#fff;
  padding: 10px;
  border:1px solid #ccc;
}

img.large {
  width:450px;
  background:#fff;
  padding: 10px;
  border:1px solid #ccc;
  margin-bottom:20px;
	margin-left:-10px;
  position:relative;
}


/*============================================================================
  Projects
----------------------------------------------------------------------------*/


ul.projects {
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.projects {
  font-size:12px;
  list-style-type:none;
  margin:0 0 25px 0;
  padding:0;
/*  border-top:1px solid #ccc;*/
}

ul.projects li a {
  display:block;
  padding: 6px 10px 6px 13px;
  border-bottom:1px solid #ccc;
  text-decoration:none;
}

ul.projects li a:hover {
  text-decoration:none;
  background-color:#fff;
}

small.indev {
  display:block;
  text-align:right;
  font-size:11px;
}

span.more {
  display:block;
  margin-top:20px;
  text-align:right;
}