/***************/
/* main layout */
/***************/
body { padding: 20px; }

#bodyWrapper { width: 900px; margin: auto; }

/*format*/
h1{
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.1em;
}

/*navigation bar*/

li a:focus{outline:none;}

ul#nav-bar{ margin:10px 0 0 -40px; border-top:1px solid #92233d; border-left:solid 1px #92233d; border-right:solid 1px #92233d; background:url(../images/nav_bg.png) repeat-x top left; height:27px;  margin-left:0px; padding:1px 5px 0px 10px;}

html*ul#nav-bar{ margin:-5px 0 0 -0px;  }

ul#nav-bar li{list-style-type:none; float:left;}

ul#nav-bar li a{
	height:38px;
	display:block;
	margin-right:37px;
	color:#fff;
}



/* specific link colours for this site */
a         { color: #961B37; text-decoration: none; }
a:link    { color: #961B37; text-decoration: none; }
a:visited { color: #961B37; text-decoration: none; }
a:hover   { color: #5B1122; text-decoration: none; }
a:active  { color: #961B37; text-decoration:none; }


/*******************/
/* header elements */
/*******************/
#header {  }

#logo_git { float: left; }
#logo_bis { float: right; }


/********************/
/* content elements */
/********************/
#main { margin-top:20px;  }

#main-form { margin-bottom: 30px; }

.left  { float: left; }
.right { float: right; }

.half        { width: 48%; }
.marginright { margin-right: 10px; }
.indent      { padding-left: 10px; padding-top: 5px; }

.workshop        { margin-bottom: 15px; }
.workshop .title { font-weight: bold; }

ul li.opportunity { margin-top: 30px; }

.title { font-weight: bold; }

/*******************/
/* footer elements */
/*******************/
#footer { }
#footer img { margin-right: 9px; }


/***********************/
/* general form styles */
/***********************/

input, textarea { padding: 1px; }

#recaptcha_widget         { margin-bottom: 15px; }
#recaptcha_image          { float: left; width: 300px; }
#recaptcha_options        { border-left: 1px solid #999; padding-left: 5px; float: left; margin-left: 10px; }
#recaptcha_response_field { width: 325px; }
#recaptcha_notice         { font-size: 0.833em; color: #555; }

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080; background: #efe; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background: #ffe; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background: #ffe; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background: #fee; color: #f00; } /* error box in red */

 /* links */
 
.link{
	width:810px;
	border:1px solid #000;
	padding:10px;
	margin-bottom:20px;
}

.link h2{
}

.link p{
}
.news{
	width:860px;
	border:1px solid #000;
	padding:10px;
	background-color:#333333;
	color:#FFFFFF;
	margin-bottom:20px;
}
.newslinks a { color: #ffffff; text-decoration: none; font-weight:bold; }
.newslinks a:link    { color: #ffffff; text-decoration: underline; font-weight:bold; }
.newslinks a:visited { color: #ffffff; text-decoration: underline; font-weight:bold; }
.newslinks a:hover   { color: #961B37; text-decoration: underline; font-weight:bold; }
.newslinks a:active  { color: #ffffff; text-decoration: underline; font-weight:bold; }

#lefthand {
float:left;
width:440px
}
#righthand {
float:right;
width:450px
}