/*
Theme Name: Hica group
Theme URI: 
Description:
Version: 1.0
Author: Darren White
Author URI: 
Tags: 
*/
/* CSS Document */


/*
===== CONTENTS =====

last-updated: PUT DATE HERE;

=1: Universally
=2: Accessibility
=3: Body
=4: Outline Construction
=5: navmenuigation

====================
*/

/*
===== =1: Universally =====
*/

* {
font-size:100%;
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}


/*
===== =2: Accessibility Aids =====
*/

.hidden, h1 a span, h2 a span, #newsColumn h3 span
{
position: absolute;
left: -9999px;
height: 0px;
}

/*
===== =3: Body =====
*/

body {
padding: 1.2em 0;
font: 62.5%/120% Verdana, Arial, Helvetica, sans-serif;
color: #333;
}



/*
===== =4: Outline Construction =====
*/


#wrap {
position:relative;
margin:auto;
width:770px;
height:auto !important;
height:600px;
}


/*
===== =4: logo - h1 - h2 =====
*/

h1 a {
margin-top:8.4em;
float:left;
width: 180px;
height:0;
background: url("images/logo.jpg") no-repeat;
padding-top: 124px;
}
h1 a:hover {
background: url("images/logo.jpg") 0 -134px no-repeat;
}
h2 {
position:absolute;
top:168px;
left:0;
}
h2 a {display:block;width: 180px;height:4em;background: url("images/h2_bg.jpg") 0 0 no-repeat;}
h2 a:hover {display:block;width: 180px;height:4em;background: url("images/h2_bg.jpg") 0 -4.5em no-repeat;}

#header {
height:208px;
background: url("images/header_bg.jpg") right no-repeat;}

/*
===== =4: middle navmenuigation=====
*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
width:620px !important;
height:30px;
margin-top:4px;
padding:0 0 0 150px;
background:  url("images/nav_bg.gif") 
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
  font-size:11px; 
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  margin-left:-1px;
  }

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  z-index:1;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/

}

/* Root Menu */
ul#navmenu a {
  padding:9px 20px 9px 20px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #006633;
  color: #fff;
  text-decoration: none;
  font-weight:bold;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #008040;
  color: #EACD4F;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #006633;
  color: #fff;
      border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #008040;
  color: #FFF;
      border-left:1px solid #fff;
  border-right:1px solid #fff;
  border-bottom:1px solid #fff;
}

ul#navmenu li#home span {
position: absolute;
left: -9999px;
}

ul#navmenu li#home a {
padding:0;
height:30px !important;
width:30px;
background: url("images/home.gif")  no-repeat;
}
ul#navmenu li#home a:hover {
background-position:0 -29px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
/*
===== =4: newscolumn =====
*/

#newsColumn {
margin:8px 0 0 0;
float:left;
width:230px;
margin-bottom:10px;
}

#newsColumn h3 {
padding-top:35px;
background:url("images/h3_bg.gif")}

#newsColumn ul {
clear:left;
display:block;
padding:10px;
background:#F0DC57 url("images/newsColumn_ul_bg.gif") bottom no-repeat;
}
#newsColumn ul li {
color:#036;
padding:0 5px 5px 8px;
font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
background: url("images/newsColumn_li_bg.gif") 0 4px no-repeat;
}

#newsColumn ul li a:link {color:#036;}
#newsColumn ul li a:visited {color:#036;}
#newsColumn ul li a:hover {color:#F0DC57;background:#036;}
#newsColumn ul li a:active {color:#F0DC57;background:#036;}

#newsColumn img {
margin:5px 0;
}

#newsColumn p {
height:34px;
margin-top:25px !important;
margin-top:0px;
color:#F0DC57;
padding:5px 0 0 10px;
font:11px/13px Verdana, Arial, Helvetica, sans-serif;
background:#006633 url("images/newsColumn_p_bg.gif") no-repeat;
}

#slideshow {
position:relative;
height:150px;
width:200px;

}
img {}
.imgfade {
position:absolute;
top:0px;
left:0px;
border:0;
}

/*
===== =4: content =====
*/

body #content   {
margin:8px 0 0 244px;
}

#content h3 {
padding:20px 0 10px 0;
color:#006633;
font: 22px/26px Arial, Helvetica, sans-serif;
}
#content h4 {
padding:10px 0 10px 0;
color:#006633;
font: 16px/20px Arial, Helvetica, sans-serif;
}


#content p {
margin-bottom:15px;
font: 12px/16px Arial, Helvetica, sans-serif;
}

dt {float:left}
dd {margin-left:110px;margin-bottom:40px;}
dd a:link,dd a:visited,dd a:hover,dd a:active {color:#000;}

#content .alignright img,
#content img.alignright  {
float:right;
padding:4px;
border:1px solid #930;}
#content .alignright {float:right;margin:0 0 5px 5px;}

#content .alignleft img,
#content img.alignleft  {
float:left;
padding:4px;
border:1px solid #930;}
#content .alignleft {float:left;margin:0 5px 5px 0;}
#content .wp-caption-text {
  font: 11px/16px Arial, Helvetica, sans-serif;
  text-align:center;font-weight:bold;}


#content ul {
margin:0 0 10px 50px;
font: 12px/20px Arial, Helvetica, sans-serif;
list-style-type:disc;
}
#content ul li {list-style-type:disc;}


.archive dl {
font:normal 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif ;
margin-bottom:2em;}

.archive dt {
float:left;
width:9em;
padding:0.5em;
text-align:right;
font-weight:bold;}

.archive dd {
margin:0 0 0 10em;
padding:0.5em;
border-left:1px solid #ccc;}

.archive dd.download {
padding-left:2.5em;
background: url("images/download_icon.gif") 0.9em 0.4em no-repeat;}

p.more {
text-align:right;
}

.pageNav {padding:4px;text-align:right;}

.pageNav a {padding:2px;text-decoration:none;}
.pageNav a:link {}
.pageNav a:visited {}
.pageNav a:hover {background: #008040;color: #EACD4F;}
.pageNav a:active {background: #008040;color: #EACD4F;}


ul#projectNews  {
clear:right;
float:right;
width:190px;
list-style-type:none;
padding:10px;}

ul#projectNews  li {
color:#036;
padding:0 5px 5px 8px;
list-style-type:none;
font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
background: url("images/newsColumn_li_bg.gif") 0 4px no-repeat;
}

ul#projectNews  li a:link {color:#036;}
ul#projectNews  li a:visited {color:#036;}
ul#projectNews  li a:hover {color:#F0DC57;background:#036;}
ul#projectNews  li a:active {color:#F0DC57;background:#036;}


	 dl.gallery
{
text-align: center;
padding: 10px;
float: right;
margin-left: 1em;
}
.gallery img {
padding:4px;
border:1px solid #930;
}

.gallery dd
{
margin: 0;
padding: 0;
}

div.gallery {zoom:1;}
div.gallery:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
/*
===== =4: footer =====
*/

#footer {
clear:left;
display:block;
height:27px;
padding:6px 40px 6px 40px;
color:#fff;
font:12px/14px Arial, Helvetica, sans-serif;
background: #063 url("images/footer_bg.gif") no-repeat;
}
#projectPage #footer {
background: #063 url("images/footer_bg_projects.gif") no-repeat;
}

#footer a:link {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:hover {color:#EACD4F;}
#footer a:active {color:#EACD4F;}

#footer p.credit {
padding-top:8px;
margin-left:0;
float:left;
}

#footer p  {
text-align:center;
margin-left:250px;
}


/*
===== =4: form =====
*/

address {
float:left;width:180px;
font:normal 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif ;}

form#contactForm {
float:left;
margin:0;
width:38em;
padding:0 1.3em 4em 1.2em;
}

form#contactForm p{font-size:1.1em;}

fieldset {
border: 0;
clear: both;
}

form#contactForm p {
clear: left;
}

form#contactForm label {
clear:left;
float: left;
width:10em;

padding: 0.4em 0 0.4em 0;
margin-right: 0.4em;
}

form#contactForm input, form#contactForm textarea {
float: left;
width: 18em;
margin: 0 1.5em 1em 0;
padding: 0.3em;
border: 1px solid #bbb;
}
form#contactForm textarea {
width:19.5em;
height:10em;
font-size:1.2em;
}

form input.error, form textarea.error {
background:#F2FADC;
} 

form#contactForm input.submit {
float: right;
color: #fff;
width:6.2em;
height:2.2em;
padding:0 0 0 0;
margin: 0 2em 0 0;
border: 0;
text-align: center;
font: bold 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif;
cursor: pointer;
border-top:1px solid #A6ECE4;
border-right:1px solid #A6ECE4;
border-bottom:1px solid #046459;
border-left:1px solid #046459;
background: #006633;
}


form#categories  {
text-align:right;
width:100%;
float:left;
margin-bottom:15px;
}
form#categories fieldset {
border:0;
}

form#categories label {
float: left;
text-align:right;
width:21em;
padding: 0.4em 0 0.4em 0;
margin-right: 0.4em;
font: bold 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif;
}

form#categories select  {
width: 18em;
margin: 0 1.5em 1em 0;
padding: 0.3em;
border: 1px solid #bbb;
}
form#categories input {
width:auto;
margin: 0 1.5em 1em 0;
padding: 0.3em;
cursor: pointer;
color:#fff;
font-weight:bold;
border-top:1px solid #A6ECE4;
border-right:1px solid #A6ECE4;
border-bottom:1px solid #046459;
border-left:1px solid #046459;
background: #006633;
}



div.errMsg {
margin:0.5em 0;
padding:1em 2em;
font:normal 0.8em/1.0em Verdana, Arial, Helvetica, sans-serif ;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#F2FADC;
}
div.errMsg p {margin:10px 0;padding:0;}
div.errMsg ul {margin:0.5em 1.5em;padding:0;}
div.errMsg ul li {font:normal 1em/1.1em Verdana, Arial, Helvetica, sans-serif ;}

a img {border:0;}

.reset {display:block;clear:both;}

div#categories {
margin:0.5em 0;
padding:1em 2em;
font:normal 0.8em/1.0em Verdana, Arial, Helvetica, sans-serif ;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#F2FADC; }

div#categories li {
padding:0 0 0 15px;
list-style-type:none;
background:url("images/newsColumn_li_bg.gif") 0 6px no-repeat}

div#categories  li a:link {color:#036;}
div#categories  li a:visited {color:#036;}
div#categories  li a:hover {color:#F0DC57;background:#036;}
div#categories li a:active {color:#F0DC57;background:#036;}