/*
    CAMTECHNET
    green: #008128 | light green: #5BC527
    
    GREY BACKGROUND
    #999999
    
    TEXTBOX BACKGROUND
    #00B137
    
    RED BACKGROUND & FONT
    #ED2A5C
*/

body {
	background: #cfcfcf; color: #333; padding: 20px 0;
  background-image: url('../img/bg.png'); background-repeat: repeat-x; background-position: top;
}

/*  Containers
----------------------------------------------------------------------------------------------------*/

#container {
	margin-left: auto; margin-right: auto; width: 980px; text-align: left;
}
#header {
	position:relative; background: #fff url('../img/header_corner.png') left top no-repeat;
	width: 100%; height: 95px; overflow: hidden;
}
#tag {
	position:relative; background: #fff url('../img/tag_corner.png') right bottom no-repeat;
	width: 100%; height: 60px; overflow: hidden;
}
#userbar_container {
	float: right; width: 60%; height:30px; margin:0 30px;
}
#userbar {
	height: 30px; margin: 0;
}
#main {
	background-color: #FFF; width: 100%; overflow: hidden;
}
.filterbar {
  display:block;overflow:hidden;padding:30px 30px 0em 30px
}

/*  Header
----------------------------------------------------------------------------------------------------*/

#logo {
	position:absolute; top:30px; left:30px;
}
#main_menu {
  color: #6ce329; font-size: 1em; letter-spacing: -1px; position:absolute; top:62px; right:30px; margin:0;
}
#main_menu a:link, #main_menu a:visited {
  color:#666; font-weight:700; text-decoration:none; border: 0; font-size: 1em;
}
#main_menu a:hover, #main_menu a.selected {
  background: #6ce329; color: #FFF; text-decoration: none; border: 0; font-size: 1em;
}
#main_menu span {
	padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

.hrcontainer {
      clear:both; overflow:hidden; width: 100%; margin:0; padding:0; background:#fff;
}
.hr {
      clear:both; overflow:hidden; height:10px; margin:10px 30px; padding:5px 15px; background:#eee;
}

/*  Homepage
----------------------------------------------------------------------------------------------------*/

.home_row {
  width: 100%; padding: 5px; clear: both; overflow:hidden;
}
#home_banner {
  width: 553px; float: left; margin:0;
}
.home_column {
	width: 207px; float: left; margin: 0 15px;
}
.home_column h3 {
	margin: 0; font-size:0.95em; font-weight:700; color: #fff; text-align:center;
}
.home_column_header_01 {
	background-image:url(../img/home_column_header_01.png); background-repeat: no-repeat; text-shadow: 0 1px 0 #5bc527;
}
.home_column_header_02 {
	background-image:url(../img/home_column_header_02.png); background-repeat: no-repeat; text-shadow: 0 1px 0 #008127;
}
.home_column p {
  padding: 10px; margin: 0; border-bottom: 0.2em dotted #ccc;
}
#introcolumn {
	float: left; width: 336px; margin:0 15px; padding:5px 0 0 10px;
}
.introcolumn p {
  border: none;
}
#eventbox {
  float:left; height: 63px; width: 913px; overflow:hidden; -moz-border-radius: 10px 0; -webkit-border-radius: 10px 0;
  border:3px solid #6ce329; margin: 10px 15px 10px 15px; background:#EEEEEE;
}
#eventbox p {
  border: none;
}
#bannerbox {
  float:left; height: 63px; width: 913px; overflow:hidden; -moz-border-radius: 10px 0; -webkit-border-radius: 10px 0;
  border:3px solid #6ce329; margin: 10px 15px 10px 25px; padding: 5px; background:#EEEEEE;
}
#bannerbox p {
  border: none; margin: 0 0 0 5px;
}
.eventcontent {
	padding:10px 0px 0 0px;
}
.eventdetail { 
    padding:0px 0px 0px 5px;
}

/* used only for error pages: */
#home_contents {
  float: left; display: inline; width: 100%; margin: 1.2em 20px 1.2em 15px;
}
#home_contents h1 {
  margin: 0 0 0 60px;
}
#errorbox {
  float:left; height: 50px; width: 913px; overflow:hidden; background-color: #5BC527; -moz-border-radius: 10px 0; -webkit-border-radius: 10px 0;
  border:3px solid #ED2A5C; margin: 10px 15px 10px 25px;
}
.errorcontent {
	padding:10px 0px 0 0px;
}
.errordetail {
    padding:0px 0px 0px 10px;
}
.errordetail p{ 
    border: none; font-size:1.2em;
}
.errordetail a {
  font-size:1.2em; line-height:0.6em; color:#ddd;
}

/*  DETAIL DOUBLE-COLUMN PAGE
----------------------------------------------------------------------------------------------------*/

.detail_row {
  width: 100%; padding: 15px; clear: both; overflow:hidden;
}
.detail_column {
    width: 414px; float: left; margin: 0 15px;
}
.detail_column h3 {
    margin: 0; font-size:1.0em; font-weight:700; color: #fff; text-align:center;
}
.detail_column_header_01 {
    background-image:url(../img/home_column_header_01.png); background-repeat: no-repeat; text-shadow: 0 1px 0 #5bc527;
}
.detail_column_header_02 {
    background-image:url(../img/home_column_header_02.png); background-repeat: no-repeat; text-shadow: 0 1px 0 #008127;
}
.detail_column p {
  padding: 10px; margin: 0; border-bottom: 0.2em dotted #ccc;
}

/*  User Bar
----------------------------------------------------------------------------------------------------*/

#userbar a:link, #userbar a:visited {
	padding: 0; float: right; font-size: 0.8em; margin: 10px 0 10px 10px; color: #ed2a5c;
}
#userbar a:hover, #userbar a:active {
	border-bottom: 1px dotted #ed2a5c;
}
#userbar li {
	list-style: none; margin: 0; display: inline; font-size: 1em;
}
#userbar_heading {
  background-color: #AAA; height: 40px; padding: 0 15px 0 10px; float: left;
  background-image: url('../img/userbar_heading_arrow.gif'); background-repeat: no-repeat; background-position: center right;
}

#userbar_bar {
  padding: 0 20px; float: left;
}
#userbar_tail {
  float: right; padding: 0 10px;
}

/*  Featured article
----------------------------------------------------------------------------------------------------*/

.featured_article {
	margin-top:15px;
}
.featured_article_header_corner {
	float:left; width:20px; height:36px;
}
.featured_article_header {
	float:left; height:36px; width:513px; background-image:url(../img/featured_header_bg.png); background-repeat:repeat-x;
	color:#fff; font-size:1em; text-transform:uppercase; padding:5px 10px 0;
}
.featured_article_title {
	font-size:0.9em; color:#008127; font-weight:700; padding:15px 10px 5px; display:block;
}
.featured_article_content {
	 width:547px; border-left:3px solid #ccc; border-right:3px solid #ccc;
}
.featured_article_content p {
	padding:5px 10px 7px 10px;
}
.featured_article_foot {
	margin-top:-18px;
}

/*  Main
----------------------------------------------------------------------------------------------------*/

#main_contents {
  float: left; display: inline; margin: 1.2em 10px 1.2em 10px;
}
.content, #main_contents h1 {
  margin: 0 0 0 60px;
}
.breadcrumb {
  padding: 0 0 10px 60px;
}
.breadcrumb a {
  color: #666; font-size: 0.7em;
}
.toolicon {
  float: right; margin: 0 0 0 7px;
}

/*  Main - Full Page Width
----------------------------------------------------------------------------------------------------*/

#main_contents_full {
  float: left; display: inline; width: 900px; margin: 1.2em 10px 1.2em 10px;
}
.content, #main_contents_full h1 {
  margin: 0 0 0 60px;
}
.breadcrumb {
  padding: 0 0 10px 60px;
}
.breadcrumb a {
  color: #666; font-size: 0.7em;
}
.toolicon {
  float: right; margin: 0 0 0 7px;
}

/*  Main - Incl Tags Column
----------------------------------------------------------------------------------------------------*/
.contentwithtags{
  margin: 0 0 0 60px;
  width: 690px;
}

/*  Side Box
----------------------------------------------------------------------------------------------------*/

#sideBox {
  float: left; display: inline; margin: 1.2em 0 1.2em 20px;
}
#sideBox ul {
  padding: 10px 0; font-size: 1.1em;
}
#sideBox li {
  list-style: none; margin: 0;
}
#sideBox h3 {
  margin: 0; padding: 0; border: none;
}

/* Styles for side box list item sizing */
.title1 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 1.1em; color: #666; }
.title1 a { float: right; color: #666; }
p.text1  { padding: 0.6em 0; font-size: 1em; line-height:1.4em; }

.title2 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 0.9em; color: #666; }
.title2 a { float: right; color: #666; }
p.text2  { padding: 0.6em 0; font-size: 0.8em; line-height:1.4em; }

.title3 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 0.8em; color: #666; }
.title3 a { float: right; color: #666; }
p.text3  { padding: 0.6em 0; font-size: 0.7em; line-height:1.4em; }

.title4 { margin: 0; padding: 0; border: none; text-transform: uppercase; font-size: 0.8em; color: #666; }
.title4 a { float: right; color: #666; }
p.text4  { padding: 0.6em 0; font-size: 0.6em; line-height:1.4em; }

/*  Tag Bar
----------------------------------------------------------------------------------------------------*/

#tagBar ul {
  padding: 10px 0; font-size: 1.1em;
}
#tagBar li {
  list-style: none; margin: 0 0 0 5px; float: left;
}

/*  Register & Login Buttons
----------------------------------------------------------------------------------------------------*/

.register, .login {
	width:105px; height:45px; border:0;	color:#fff; font-weight:700; cursor:pointer; background:none;
}
.register {
	 background-image:url(../img/register_button.png); text-shadow:0 1px 0 #cc335b;
}
.login {
	 background-image:url(../img/login_button.png); text-shadow:0 1px 0 #008127;
}
button:hover {
	background-position:0px 45px; border:0;
}
button:active {
	background-position:0px 90px; border:0;
}
button.inline {
  float: none; margin: 0 0 0 10px;
}

/*  Other Buttons
----------------------------------------------------------------------------------------------------*/

.btnsmallred, .btnsmallgreen {
    width:100px; height:30px; border:0; color:#fff; font-weight:700; cursor:pointer; background:none;
}
.btnsmallred {
     background-image:url(../img/button_30x100_red.png); text-shadow:0 1px 0 #cc335b;
}
.btnsmallgreen {
     background-image:url(../img/button_30x100_green.png); text-shadow:0 1px 0 #008127;
}
.btnsmallred:hover {
    background-position:0px 30px; border:0;
}
.btnsmallred:active {
    background-position:0px 60px; border:0;
}
.btnsmallgreen:hover {
    background-position:0px 30px; border:0;
}
.btnsmallgreen:active {
    background-position:0px 60px; border:0;
}
.buttonleft {
    float:left;
}
.buttontext {
    float:left;
    margin:-15px 0 0 10px;
    width:66%;
}

/*  Footer
----------------------------------------------------------------------------------------------------*/

#footer-container {
	font-size:100%; margin:15px 30px 30px; width: 920px; overflow: hidden;
}
#footer {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.footcolumn {
	float:left;
	margin-right:10px;
	width:190px;
	height:100%;
	overflow:hidden;
}
#footsmall {
	font-size:0.7em;
	float:right;
	margin:10px;
	color:#333;
	text-shadow:0 1px 0 #fff;
	text-decoration:none;
	border:none;
}
img:link {
    text-decoration:none;
    border:0 none;
}
#footericons {
	position:relative;
	width:100%;
	height:60px;
}
#twitterlink {
	width:140px;
	height:40px;
	border:0 none;
	background-image:url(../img/icon-twitter.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:42px;
}
#twitterlink a:link, #twitterlink a:visited, #twitterlink a:hover, #twitterlink a:active {
  width:100%;
  height:40px;
  text-decoration:none;
  border:0 none;
}
#rsslink {
	width:140px;
	height:40px;
	border:0 none;
	background-image:url(../img/icon-rss.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:42px;
}
#rsslink a:link, #rsslink a:visited, #rsslink a:hover, #rsslink a:active {
  width:100%;
  height:40px;
  text-decoration:none;
  border:0 none;
}
#emaillink {
	width:140px;
	height:40px;
	border:0 none;
	background-image:url(../img/icon-email.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:42px;
}
#emaillink a:link, #emaillink a:visited, #emaillink a:hover, #emaillink a:active {
  width:100%;
  height:40px;
  text-decoration:none;
  border:0 none;
}
/*  Sub-Section - with coloured heading & clears any floats
----------------------------------------------------------------------------------------------------*/
div.subsection h3 {
  text-transform: uppercase; 
  font-weight: strong; 
  font-size: 0.8em; 
  padding: 0.2em 0.6em; 
  margin: 2em 0 0 0; 
  border-bottom: 1px solid #5BC527; 
  color: #008128;
  clear: both;
}

/*  Boxes
----------------------------------------------------------------------------------------------------*/

/*div.textBox {
  background-color: #EEE; padding: 0.8em 1.2em; margin: 20px 0;
  border-top: 2px solid #5BC527; border-bottom: 2px solid #5BC527;
}*/
div.textBox { 
  background: #00B137; padding: 10px ; margin: 0.8em 0;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
  /*url(imgs/bg_corner_openclose.gif) top right no-repeat;*/
  /*border-top: 2px solid #5BC527; border-bottom: 2px solid #5BC527;*/
}

/*div.openclose { width:9px; height:5px; background:url(imgs/bg_arrow_close.gif) no-repeat; padding: 4px 4px 0 0; float:right;}*/

div.textBox a {
  font-size:1.1em; line-height:0.6em; color:#ddd;
}
div.textBox h2 {
  border: none; color: #ddd; padding: 0; margin: 0; font-size: 1.2em;
}
div.textBox h3 {
  border: none; color: #ddd; padding: 0; margin: 0; font-size: 1em;
}
div.textBox p {
  margin: 0; border:0; padding: 0; color:#333;  
}
div.listBox {
  float: left; width: 300px; margin: 0 20px 20px 0;
}
div.listBox h3 {
  margin: 0 0 0.6em 0;
}
div.jobContent {
  border: 1px solid #CCC; padding: 10px 15px; font-size: 1.0em;
}

div.testimonial{ 
  background: #00B137; padding: 10px ; margin: 0.8em 0;
  -moz-border-radius: 2px; -webkit-border-radius: 2px; 
}
div.testimonial a {
  line-height:0.6em; color:#333; font-size:1.0em
}
div.testimonial p {
  margin: 0; border:0; padding: 0; color:#DDDDDD; font-size:1.0em
}

/*  Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both; display: block; overflow: hidden; visibility: hidden; width: 0;height: 0;
}

/*  Maintenance page
----------------------------------------------------------------------------------------------------*/

#container.mntn {
  width: 540px;
}
#container.mntn h1 {
  margin: 0; padding: 30px 0; width: 520px; text-align: center; color: #999;
}
#container.mntn h1 .hilited {
  color: #008128;
}

/*  Partners list page
----------------------------------------------------------------------------------------------------*/

ul.partnerslist {
  list-style: none;
}
ul.partnerslist li {
  margin: 0 0 1em 0; clear: both; /*color: #999;*/
}
ul.partnerslist img {
  float: left; margin: 0 10px 1em 0; width: 60px; height: 60px;
}
ul.partnerslist h4 {
  font-size: 1.4em; margin: 0 ;
}
 
/*  Detail Page Header - used only for Groups at present */
----------------------------------------------------------------------------------------------------*/

div.detailheader {
  list-style: none;
}
div.detailheader {
  float: left; margin: 0 0 0 0; height: 40px;
}
div.detailheader h4 {
  font-size: 1.4em; margin: 5px 5px 5px 5px;
}

/*  Collaborators list page - Fixed Height Lines
----------------------------------------------------------------------------------------------------*/

.collaboratorslistwrapped {width:650px; position:relative; }

.collaboratorslist { display:inline-block;}

.collaboratorslist ul{ display:inline-block;}

.collaboratorslist li {
	float:left;
	margin: 10px 0 0 0;  /*color: #999;*/
	display:block;
	width:325px;
	height:160px;
	list-style-type: none;
	border-bottom:#CCC thin solid;
}
.collaboratorslist img {
  float: left; margin: 8px 14px 1em 0; width: 80px; height: 80px; 
}
.collaboratorslist h4 {
  font-size: 1.4em; margin: 0 ;
}
.collaboratorslistText { float:left; width:220px; height:160px; }

/*  Collaborators list page - Variable Height Lines
----------------------------------------------------------------------------------------------------*/

.collaboratorslistwrapped {width:800px; position:relative; }

.collaboratorsRow { width:800px; border-bottom:#CCC thin solid; clear:both; overflow:hidden; margin: 15px 0 15px 0;}

.collaboratorBox { width:400px; float:left;}

.collaboratorText { padding: 0 15px 10px 15px; overflow:hidden}

.collaboratorText p { padding:0px;}

.collaboratorText_title { font-size: 1.0em; padding: 0;}

.collaboratorImg { float:left; width:80px; height:80px; padding:5px 0 0 0;}