/* 
Created for  ProMission Projects 
http://promission.net/

Index:
- Reset Styles
- Main Page Styles
- Footer Styles
- Image Styles

*/

/* Reset Styles ------------------------------------------------------------------------ */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;

    vertical-align: baseline;
    background: transparent;
}
body {
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  background: #fff;

  color: #333;
}

p, h1, h2, h3, h4, h5, h6 {
  text-align: left;
  padding: 4px;
}

p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }

p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }

p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }

p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }


h1 {
  font-size: 160%;
  color: #53C144;
}

h1 a:visited {
  color: #53C144;
}

h2 {
  font-size: 130%;
}

h2 a:visited {
  
}

h3 {
  font-size: 115%;
  color: #53C144;
}

a {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a:link {color:#53C144;}      /* unvisited link */
a:visited {color:#99cc66;}  /* visited link */
a:hover {color:#336600;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */ 

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

cite, abbr, acronym, span.explain {
  border-bottom: 1px dashed #999;
  cursor: help;
}

span.14groupgreen { color: #53C144; }
span.important { color: #53C144; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */ ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */ table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
  padding: 5px;
  padding-right: 55px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #3f3f3f;
}




/* Header Styles
------------------------------------------------------------------------ */ 
.headerwrap {
  width: 100%;
  min-width: 960px;
}

/* main */
#logo {
  background: #ffffff; 
}

.logoclass {
  margin: 0 auto;
  width: 960px;
  height: 87px;
  clear: both;
  display: block;
  background: none;
}

.logoclass .image {
}


#search {
  width: 200px;
  display: block;
  float: right;
}

/* MENU Styles
------------------------------------------------------------------------ */

#menu  {
      margin: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px;
}

  #menu ul {
    list-style: none;
  }
  
  #menu ul li {
  }
  
  #menu ul li#first {
    background: none;
  }

  #menu a {
    display: block;
    line-height: 40px;
    padding: 0px 10px 0px 0px;
    margin: 8px 25px 7px 0px; 
    text-decoration: none;
    font-weight: bold;
    color: #343434;
  }
  
  #menu a:hover  {
    display: block;
    color: #6dc300;
    text-decoration: none;
  }
  #menu a:visited {
  }

  /*typoscript uses this style for the current page*/
  #menu a.current-text {
    color: #53C144;
  }

  #menu li {
    float: left;
  }

  #menu li a { 
    font-size: 18px;
  }

    
  #menu li ul {
    position: absolute;
    z-index: 100;
    width: 180px;
    top: 125px;
    left: -999em;
    color: #666;
    background-color: #d7d7d7;
    border: 1px solid black;
    line-height: 20px;
  }


  #menu ul li a {
  }
  
  #menu ul ul a
  {
    width: 10em;
    font: 14px Arial, Helvetica, sans-serif;
    margin: 5px 0px 0px 0px;
  }
  
  #menu ul ul a:hover
  {
  }
  
  #menu ul ul li
  {
    background: none;
    padding-left: 5px;
  }
  
  #menu li:hover ul 
  {
    left: auto;
  }
  
  #menu li:hover ul, #menu li.sfhover ul 
  {
    left: auto;
  }
  
  #menu li ul ul 
  {
    margin: -1.4em 0 0 8.6em;
  }
  
  #menu li:hover ul ul, #menu li.sfhover ul ul 
  {
    left: -999em;
  }
  
  #menu li li:hover ul, #menu li li:hover ul, #menu li li.sfhover ul, #menu li li.sfhover ul {
    left: auto;
  }

  
#nav-bar {
  background:  #ffffff url(../img/nav-bg.jpg) repeat-x left top; 

}

.navbarclass {
  margin: 0 auto;
  width: 960px;
  height: 56px;
  clear: both;
  display: block;
  background: none;
}

/* Imageslide Styles
------------------------------------------------------------------------ */ 

#imageslide {
  background:  url(../img/imageslide-bg.jpg) repeat-x left top;
  width: 100%;
  height: 330px;
  margin-top: 0px;
}

.imageslideclass {
  margin: 0 auto;
  clear: both;
  display: block;
  width: 960px;
  min-height: 330px;
  text-align: left;
  position: relative;
}


/* Main Page Styles
------------------------------------------------------------------------ */

.bodywrap {
  clear: both;
  width: 100%;
  background: #ffffff;
}


#mainbase {
  background: #ffffff;
}

.mainbaseclass {
  clear: both;
  width: 960px;
  margin: 0 auto;
  border-top: none;
  display: block;
  min-height: 100px;
  text-align: left;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}


/* Left Column Styles
------------------------------------------------------------------------ */

#left {
  width: 619px;
  min-height: 200px;
  margin-bottom: 30px;
  float: left;
  padding-right: 30px;
  /*padding-top: 30px;*/
  border-right: 1px dotted #999;
  display: inline;
}

#left h1 {
  color: #6bc200;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin: 0px 0px 20px 0px;
}

#left h2 {
  color: #2a2a2a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 20px 0px 10px 0px;
}

#left h3 {
  color: #378430;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#left p {
  color: #2a2a2a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}


/* Right Column Styles
------------------------------------------------------------------------ */

#right {
  width: 240px;
  float: left;
  margin: 10px 0px 10px 30px;
  padding-top: 30px;
  padding-left: 20px;
  display: inline;
  border-top: 1px dotted #999;
  }

#right h1 {
  padding-top: 20px;
  padding-bottom: 10px;
  color: #378430;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: lighter;

}

#right ul {
  margin: 0px 0px 0px 0px;
  list-style-type:circle;
}


/* Footer Styles
------------------------------------------------------------------------ */
#footer {
	height: 158px;
	background: url(../img/footer-bg.jpg) repeat-x left;
	clear: both;
	margin: 0 auto;
	padding: 0px 0;
}

.footerclass {
	clear: both;
	margin: 0 auto;
	width: 960px;
	padding: 0px;
	text-align: left;
	color: #ffffff;
}

#contact {
  margin: 20px 0px 0px 0px;
  width: 500px;
  display: block;
  float: left;
}

#contact ul {
  width: 250px;
}

#contact li.footer-right {
  float: left;
}

#contact h1 {
  color: #9d9d9d;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  margin-bottom: 10px;
}

#contact p {
/*  color: #2b7624;*/
  font-size: 16px;
  line-height: 20px;
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}

#bottom-nav {
  width: 360px;
  float: left;
  display: block;
}

#bottom-nav ul {
  width: 460px;
  margin: 0px;
  padding: 0px;
}
      
#bottom-nav ul li {
  list-style: none;
  float: left;
  margin: 40px 0px 0px 20px;
}
  
#bottom-nav ul li.footnavright {
  margin-left: 20px;
}
  
#bottom-nav li a  {
  display: block;
  margin: 0px;
}

#bottom-nav a {
  text-decoration: none;
  font-size: 14px;
  color: #9d9d9d;
  }
        
#bottom-nav li a:hover {
  color: #ffffff;
  text-decoration: none;
}


/* Image Styles
------------------------------------------------------------------------ */ 
#imageslideshow img {
  float: left;
  padding: 0 0px 10px 0;
}

#imageslideshow a img {
  border: none;
}