/* Normalize
  ====================================================  */
body,
h1, h2, h3, h4, h5, h6,
p, div, span, ul, ol, dl, li,
a, a:link, a:visited,
blockquote, acronym,
form,
input, select, textarea {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    height: auto;
}


/* Layout
  ====================================================  
  quote : this section is used to layers position only
          (dimensions, floating, margins and paddings).  
          Use the "Style" section to put code relative
          of design.                                  */

#header,
#footer {
  clear: both;
  display: block;
  overflow: hidden;
}
#header {
  height: 181px;
}
#footer {
  height: 210px;
}
.wrapper {
  clear: both;
  width: 1000px;
  margin: 0 auto;
}
#main {
  display: block;
  width: 898px;
  padding-left: 111px;
}

.right, .left { width: 50%; display: inline; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }

/* Style
  ====================================================  */
body {
  font: 100.01%/1.1 Verdana, sans-serif;
  color: #445054;
  background: #FFFFFF;
}
p, li, label {
  font-size: 11px;
  line-height: 13px;
}

.content p,
.content li {
  margin-bottom: 9px;
  margin-top: 9px;
  line-height: 14px;
}
h1 {
  height: 181px;
  width: 259px;
  margin: 35px 0 0 95px;
  background: transparent url(../images/gidos.jpg) no-repeat;
}
h1 a, h1 a:link, h1 a:visited {
  display: block;
  height: 181px;
  width: 259px;
}
h1 span {
  display: none;
}
h1, h2 {
  float: left;
  display: inline;
}
h2, h3 {
  font-family: Georgia, serif;
  font-size: 21px;
}
h2 {
  float: right;
  width: 593px;
  height: 122px;
  margin: 19px 53px 0 0;
  line-height: 30px;
  color: #FFFFFF;
  background: transparent url(../images/header_icon.jpg) no-repeat right bottom;
}
h2 b {
  font-size: 24px;
}
h2 span.firstLine {
  display: block;
  margin: 30px 0 0 0;
  padding: 0 0 0 36px;
}
h2 span.secondLine {
  display: block;
  padding: 0 0 0 106px;
}
h3 {
  margin: 0 0 20px 0;
  color: #478A37;
}
h4 {
  clear: both;
  margin: 0 0 8px 7px;
  font-size: 11px;
  font-weight: bold;
}
.content h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-family: Georgia, serif;
  color: #478A37;
}
a, a:link, a:visited {
  text-decoration: none;
}
.content a, .content a:link, .content a:visited {
  font-weight: bold;
  text-decoration: underline;
  color: #488E38;
}

.center { text-align: center; }

p.statusBar {
  margin: 28px 0 20px 0;
}


body#home p.readMore {
	text-align: left;	
}

p.readMore { 
  text-align: right; 
}
p.readMore a, p.readMore a:link, p.readMore a:visited {
  font-weight: bold;
  color: #539244;
}

ul {
  margin-left: 30px;
  list-style: square;
  text-indent: 0px;
}
.content ul {
  list-style-image: url(../images/green_arrow.gif);
}
ol {
  margin-left: 30px;
}
ul.bolded li,
ol.bolded li {
  font-weight: bold;
}
ul.normal li,
ol.normal li {
  font-weight: normal;
}

.narrow {
  width: 161px;
}

.sideBar {
  width: 133px;
  background: #68DB4C url(../images/side_bar_back.jpg) no-repeat left bottom;
}
.sideBar ul {
  margin: 0;
  padding: 18px 0 180px 0;
  list-style: none;
  background: transparent url(../images/side_bar_top.jpg) no-repeat left top;
}
.sideBar li {
  line-height: 25px;
  padding: 0 0 0 6px;
  border-bottom: 1px solid #FFFFFF; 
}
.sideBar li.end {
  border: 0;
}
.sideBar a, .sideBar a:link, .sideBar a:visited {
  font-family: Georgia, serif;
  font-size: 12px;
  color: #FFFFFF;
}

.relatedBar {
  width: 161px;
  background: #478A37 url(../images/related_bar_back.jpg) no-repeat left top;
  
}
.relatedBar ul {
  margin: 0;
  padding: 0 7px 27px 7px;
  list-style: none;
  background: transparent url(../images/related_bar_bottom.jpg) no-repeat left bottom;
}
.relatedBar li {
  line-height: 25px;
  padding: 7px 0 7px 6px;
  background: transparent url(../images/white_dot.gif) repeat-x left bottom;
}
.relatedBar li.title {
  line-height: 25px;
  padding: 28px 0 7px 52px;
  font-family: Georgia, serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  color: #FFFFFF;
  background: transparent url(../images/white_dot.gif) repeat-x left bottom;
}
.relatedBar a, .relatedBar a:link, .relatedBar a:visited {
  width: 129px;
  display: block;
  margin: 0 0 0 5px;
  font-family: Georgia, serif;
  font-size: 12px;
  line-height: 14px;
  color: #FFFFFF;
}

.sideBar,
.narrow,
.content {
  float: left;
}
.content {
  width: 630px;
  margin: 0 0 0 24px;
}

body#partners div.content {
	margin: 0 0 0 50px;
	width: 605px;
}

.narrow img.topImage {
  margin: 0 0 21px 0;
}

img#gidosLogo {
	margin: 35px 0 0 95px;
}



/* form */
input.text,
textarea {
  width: 309px;
  padding: 3px 0 0 2px;
  line-height: 15px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  border: 1px solid #7F7F7F;
}
input.text {
  height: 18px;
}
textarea {
  height: 85px;
}
form p {
  font-weight: bold;
}
form table {
  margin: 50px 0 0 0;
}
form table td {
  padding: 0 0 6px 0;
}
form table td.legend {
 padding-right: 17px; 
}

input.submit {
  width: 92px;
  height: 38px;
  cursor: pointer;
  border: 0;
  background: transparent url(../images/submit.gif) no-repeat;
}



/* Header
  ====================================================  */
#header {
  background: transparent url(../images/header_back.jpg) repeat-x;
}


  
/* Navigation
  ====================================================  */
.menu {
  margin-left: 0;
  text-indent: 0px;
}
.menu li {
  float: left;
  display: inline;
}
#primaryNavigation {
  float: right;
}
#primaryNavigation,
#primaryNavigation a, #primaryNavigation a:link, #primaryNavigation a:visited {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

#primaryNavigation a:hover {
	color: #76F058;
}

body#partners li#menuPartners a, body#partners li#menuPartners a:link, body#partners li#menuPartners a:visited,
body#getStarted li#menuGetStarted a, body#getStarted li#menuGetStarted a:link, body#getStarted li#menuGetStarted a:visited,
body#services li#menuServices a, body#services li#menuServices a:link, body#services li#menuServices a:visited,
body#pAndPW li#menuPAndPW a, body#pAndPW li#menuPAndPW a:link, body#pAndPW li#menuPAndPW a:visited,
body#rohs li#menuRohs a, body#rohs li#menuRohs a:link, body#rohs li#menuRohs a:visited,
body#weee li#menuWeee a, body#weee li#menuWeee a:link, body#weee li#menuWeee a:visited,
body#reach li#menuReach a, body#reach li#menuReach a:link, body#reach li#menuReach a:visited,
body#aboutUs li#menuAboutUs a, body#AboutUs li#menuAboutUs a:link, body#AboutUs li#menuAboutUs a:visited,
body#contactUs li#menuContactUs a, body#contactUs li#menuContactUs a:link, body#contactUs li#menuContactUs a:visited,
body#library li#menuLibrary a, body#library li#menuLibrary a:link, body#library li#menuLibrary a:visited,
body#home li#menuHome a, body#home li#menuHome a:link, body#home li#menuHome a:visited {
  color: #76F058;
}
#primaryNavigation li.separator {
  height: 38px;
  width: 2px;
  margin: 0 6px;
  background: transparent url(../images/menu_separator.jpg) repeat-x;
}
#primaryNavigation li.separator span {
  display: none;
}
#primaryNavigation li.item {
  padding: 24px 0 0 0;
}


.footerNavigation li {
  display: inline;
  float: none;
}
.footerNavigation {
  display: block;
  float: none;
  height: 19px;
  line-height: 19px;
  margin: 16px auto 20px auto;
  text-align: center;
}
.footerNavigation,
.footerNavigation a, .footerNavigation a:link, .footerNavigation a:visited,
p.footerContact a {
  font-size: 10px;
  color: #FFFFFF;
}

p.footerContact a {
	text-decoration: underline;
}

.footerNavigation li.separator {
  margin: 0 2px;
}


  
/* Footer
  ====================================================  */
#footer {
  background: transparent url(../images/footer_back.jpg) repeat-x;
}
#footer p {
  margin: 0 0 4px 0;
  text-align: center;
  line-height: 11px;
  font-size: 11px;
  color: #FFFFFF;
}
#validators {
  height: 17px;
  padding: 20px 0 10px 0;
}
#validators a, #validators a:link , #validators a:visited {
  display: block;
  float: left;
  width: 78px;
  height: 13px;
  border: 1px solid #666666;
}
#validators a span, #validators a:link span, #validators a:visited span {
  display: none;
}
#cssValidator {
  margin: 0 0 0 17px;
  background: transparent url(../images/w3c_css.gif) no-repeat left top;
}
#xhtmlValidator {
  margin: 0 0 0 410px;
  background: transparent url(../images/w3c_xhtml.gif) no-repeat left top;
}

ul.footerNavigation a:hover {
	text-decoration: underline;
}



/* Home
  ====================================================  */
body#home #main {
  margin: 60px 0 0 0;
}
body#home .left {
  width: 48%;
}
body#home .right {
  width: 52%;
}
body#home #main .right h3,
#latestNews {
  padding: 0 0 0 10px;
  margin: 0;
}
body#home #main .right h3 {
  margin: 3px 0 0 0;
  height: 41px;
}
body#home #main .right h4 {
  font-weight: normal;
  margin: 0 0 0 4px;
  padding: 0 0 0 0;
}
body#home #main .right p {
  margin: 12px 0 0 4px;
  padding: 0 0 0 0;
}
#directivesAndRegulations {
  width: 367px;
  padding: 0 60px 0 0;
  background: transparent url(../images/dot.gif) repeat-y 390px top;
}
body#home #main .right h3,
#latestNews {
  padding: 0 0 0 0;
}
#latestNews {
  width: 318px;
}


#servicesList {
  clear: both;
  margin: 21px 0 0 0;
  padding: 30px 0 0 0;
  background: transparent url(../images/dot.gif) repeat-x left top;
}
#servicesList .record {
  float: left;
  clear: none;
  width: 300px;
  padding: 17px 139px 0px 0;
}
#servicesList h3 {
  margin: 0 0 0 5px
}

#articles {
  padding: 30px 0 0 0;
  background: transparent url(../images/dot.gif) repeat-x left top;
}
#articles .record {
  float: left;
  clear: none;
  display: block;
  width: 304px;
  min-height: 100px;
  padding: 0 139px 0px 0;
}
#articles h3 {
  margin-left: 5px
}
#articles h4 {
  line-height: 15px;
  padding: 0 0 0 4px;
  color: #FFFFFF;
  background: transparent url(../images/article_title_back.jpg) repeat-x left top;
}

body#home div#articles h2.indexSubhead {
  line-height: 15px;
  padding: 0 0 0 4px;
  color: #FFFFFF;
  background: transparent url(../images/article_title_back.jpg) repeat-x left top;
  display: block;
}


#articles .record img {
  margin-right: 25px;
  margin-left: 10px;
}




.record {
  clear: both;
  margin: 0 0 25px 0;
}
.record img {
  float: left;
  margin: 0 10px 0 4px;
}

.record p {
	margin: 0 0 15px 0;
}
.record p.servicesSub {
  margin: 0 0 15px 0;
  color: #478A37;
  font-weight: bold;
}

.record p.explain {
	color: #000;
	font-weight: normal;
}




/* Contact Us
   Get Started
  ====================================================  */
body#contactUs .statusBar {
  margin: 26px 0 18px 0px;
}
body#contactUs h3,
body#getStarted h3 {
  margin: 24px 0 17px 0px;
}
.vcard {
  margin: 30px 0 30px 120px;
  font-size: 11px;
  line-height: 15px;
}
.vcard a, .vcard a:link, .vcard a:visited {
  color: #478A37;
}

body#getStarted div#main {
	padding: 0;
}

  
/* About
  ====================================================  */
  
.intro {
	width: 800px;
}

.video {
  border: 1px solid red;
  width: 425px;
  height: 350px;
}
body#aboutUs .statusBar {
  margin: 18px 0 18px 0;
}
body#aboutUs h3 {
  margin: 0 0 25px 0;
}
body#aboutUs .intro img {
  float: left;
  margin: 0 0 0 7px;
  width: 132px;
}
body#aboutUs .intro p {
  width: 610px;
  margin: 0 0 15px 160px;
}
body#aboutUs .intro h4 {
  font-family: Georgia, serif;
  font-size: 16px;
  color: #478A37;
  font-weight: normal;
  margin: 34px 0 18px 0;
}
body#aboutUs .videoBox {
  margin: 55px 0 0 0;
  text-align: center;
}
body#aboutUs .videoBox h4 {
  font-size: 14px;
  color: #478A37;
}
#directorMessage {
  padding-bottom: 30px;
  background: transparent url(../images/signature.jpg) no-repeat 630px bottom;
}


/* Library
  ====================================================  */
.library1,
.library2 {
  margin: 0 0 8px 0;
  padding: 6px;
}
.library1 {
  background: #DBFDD2 url(../images/library_1_back.jpg) no-repeat top left;
}
.library2 {
  background: #EAFDE5 url(../images/library_2_back.jpg) no-repeat top left;;
}
.library1 p,
.library2 p {
  padding: 0 0 6px 6px;
}
.library1 p.title,
.library2 p.title {
  height: 55px;
  padding: 0 0 0 62px;
}


/* added by stef */

body#reach div.content p span {
	color: #478A37;
}
body#home div.record h2 {
  clear: both;
  margin: 0 0 8px 7px;
  font-size: 11px;
  font-weight: bold;
  background: none;
  float: none;
  width: auto;
  color: #445054;
  line-height: 30px;
  font-family: Verdana,sans-serif;
  height: auto;
}

body#home div.record h2 a {
	color: #445054;
	font-weight: bold;
	text-decoration: underline;
}

body#home div#latestNews div.record h2 {
  font-weight: normal;
  margin: 0 0 0 4px;
  padding: 0 0 0 0;
}

body#home div#latestNews div.record a {
  text-decoration: underline;
}
  

body#pAndPW h5 {
  font-size: 14px;
  color: #478A37;
}

h2.subtitle {
	font-family: "Lucida Console";
}

h1.seoTitle {
	background: none;
	margin: 0;
	height: auto;
	width: auto;
	color:#478A37;
	font-size: 21px;
	font-family: Georgia,serif;
	display: block;
	float: none;
	margin: 0 0 20px 0;
}

div#addThis {
	margin: 20px auto 0 auto;
	display: block;
	text-align: center;
}

a.getStarted {
	color: #478A37;
	text-decoration: underline;
}	
span.green {
	color: #478A37;
	font-weight: bold;
}

body#thankYou div#main {
	height: 400px;
}

body#thankYou div#main p.thankText {
	font-size: 16px;
	text-align: center;
	margin: 30px 0;
}

body#thankYou h3 {
	text-align:center;
}



/* Jotform styles
  ====================================================  */
 
 div#getStartedForm {

 }

 
body#getStarted form table {
  margin-top: 0;
}

.tbmain{ 
	/* Changes on the form */
	background: white !important; 
}

.jotLeft{
	/* Changes on the form */
	color: black !important; 
	font-family: Verdana !important;
	font-size: 12px !important;
}

.head{
	color:#333333;
	font-size:20px;;
	text-decoration:underline;
}

td.left {
	font-size:12px;
	color:black;
}

.pagebreak{
	font-family:"Verdana";
	font-size:12px;
	color:black;
}

.tbmain{
	height:100%;
	background:white;
}
span.required{
	font-size: 13px !important;
	color: red !important;
}
.jotRigh {
	margin-left: 600px;
}