/***********************************/
/**  Habitat for Humanity styles
/**           Josh Wester
/***********************************/

@import url("/fileadmin/projects/core/styles/typography.css");

body
{
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: #B8C2DB;
}

#container
{
  width: 760px;
  margin: 10px auto 0px auto;
  padding: 0px;
  text-align: left;
}

#main
{
  margin: 0px;
  padding: 0px;
  border: none;
}

#cu_brand
{
  width: 758px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #666;
  background-color: #11297b;
  color: #11297b;
}

#cu_logo 
{
  width: 200px;
  height: 25px;
  float: left;
  display: inline;
}

#cu_logo h1 
{
  height: 25px;
  width: 200px;
  margin: 0px;
  padding: 0px;
  float: left;
  display: inline;
  font-size: 1px;
  background: #11297b url("/fileadmin/images/logos/CreightonType-FFF_11297B.gif") no-repeat;
}

#cu_logo h1 a
{
  display: block;
  width: 200px;
  height: 25px;
}

#cu_brand .cu_search
{
  margin: 5px 5px 0px 0px;
  padding: 0px;
  float: right;
  display: inline;
  font-weight: bold;
}

#cu_brand .cu_search a, #cu_brand .cu_search a:hover, #cu_brand .cu_search a:visited, #cu_brand .cu_search a:active
{
  color: #FFFFFF;
  text-decoration: none;
}

#metamenu
{
  width: 758px;
  height: 18px;
  margin-top: 5px;
  border: 1px solid #666;
  background-color: #EEEEEE;
}

#metamenu ul
{
  margin: 0px 1.8em;
  padding: 0px;
}

#metamenu li
{
  margin: 0px 2.5em;
  float: left;
  display: inline;
  list-style-type: none;
}

#metamenu a, #metamenu a:link, #metamenu a:visited, #metamenu a:hover, #metamenu a:active
{
  text-decoration: none;
  color: #11297b;
  font-weight: bold;
}

#banner
{
  width: 758px;
  height: 90px;
  /* clearing div at bottom adds 1 px to margin */
  margin: 6px 0px 6px 0px;
  padding: 0px;
  vertical-align: bottom;
  border: 1px solid #666666;	
}

#banner h1
{
  background: url("/fileadmin/user/SAO/habitat/images/banner.jpg") no-repeat;
  width: 758px;
  height: 90px;
  margin: 0px;
}

#banner h1 a
{
  width: 758px;
  height: 90px;
  display: block;
}

#col_left
{
  width: 184px;
  float: left;
  display: inline;
  margin: 0px 6px 0px 0px;
}

#nav_site
{
  width: 182px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #666;
  border-bottom-width: 0px;
  background-color: #EFEFEF;
}

#nav_site ul
{
  margin: 0px;
  padding: 0px;
}

#nav_site li
{
  padding: 0px 0px 0px 4px;	
  margin: 0px;
  list-style-type: none;
}

#nav_site .menulist .li1
{
  border-bottom: 1px solid #666;
}

#nav_site .menulist2
{
  background-color: #DDD;
}

#nav_site .menulist2 .li2
{
  border-bottom: 1px solid #EFEFEF;
  padding-left: 8px;
}

#nav_site a, #nav_site a:link, #nav_site a:hover, #nav_site a:active, #nav_site a:visited
{
  color: #11297b;
  font-weight: bold;
  text-decoration: none;
}

#content_left
{
  margin: 6px 0px;
  border: 1px solid #666;
  background-color: #EFEFEF;
  padding: 4px;
}

#content_left p.bodytext
{
  margin: 0.35em 6px;
}

#col_center
{
  width: 570px;
  margin: 0px;
  padding: 0px;
  float: left;
  display: inline;
}

#bread
{
  margin: 0px 0px 5px 0px;
  padding: 4px;
}

#content
{
  margin: 0px;
  padding: 0px 10px 10px 10px;
  border: 1px solid #666;
  background-color: #FFFFFF;
}

#content_right
{
  width: 180px;
  float: right;
  position: relative;
  display: inline;
  text-align: left;
  margin: 0px 0px 10px 10px;
  background-color: #EFEFEF;
  padding: 2px;
  border: 1px solid #666;
  z-index: 10;
}

#content_right div.csc-header h4
{
  font-size: 1.2em;
  margin: 0px 0px 0.6em 0px;
  background-color: #11297B;
  color: #FFFFFF;
  padding: 2px 6px;
}

#content_right p.bodytext
{
  margin: 0.35em 6px;
}

#footer
{
  text-align: right;
  margin: 0px;
  padding: 0px;
  font-size: 0.76em;
}

h2
{
  margin: 45px 5px 5px auto;
  vertical-align: bottom;
  text-align: right;
  font-size: 3em;
}

h3
{
  font-size: 1.6em;
  color: #11297b;
  margin: 0.2em 0px;
  padding: 0px;
}

h4
{
  margin: 4px 0px;
}

/********************************************************/
.hiddenIR
{
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.floatRight
{
  float: right;
  display: inline;
}

.floatLeft
{
  float: left;
  display: inline;
}
/********************************************************/

#executives p.bodytext img
{
  margin-top: 1em;
}

/*
  Form styles
*/
#Mailer
{
  margin: 0px;
}

#Mailer label
{
  float: left;
  display: inline;
  position: relative;
  font-weight: bold;
  width: 120px;
  margin-top: 2px;
  margin-right: 6px;
}

#Mailer label.right
{
  width: auto;
  margin-left: 2px;
}

#Mailer label.rightLabel
{
  font-weight: normal;
  width: auto;
  margin-left: 2px;
}

#Mailer .fieldHelper
{
  float: left;
  display: inline;
  margin-top: 2px;
  margin-left: 6px;
}

#Mailer input, #Mailer select, #Mailer textarea
{
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

#Mailer h4
{
  font-size: 1.15em;
  color: #11297B;
  margin-top: 16px;
  margin-bottom: 8px;
}

#Mailer .row
{
  clear: both;
  margin-bottom: 4px;
  width: 543px;
}

#Mailer .row_group
{
  display: inline;
  float: left;
}

#Mailer .buttons
{
  padding-left: 126px;
  width: 417px;
}

#Mailer .format
{
  font-size: 0.9em;
  margin-left: 126px;
}

#Mailer .req
{
  font-weight: bold;
  color: #FF0000;
}

#Mailer .reqField_inline
{
  font-weight: bold;
  color: #FF0000;
}

#Mailer .reqField
{
  margin-left: 6px;
  float: left;
  display: inline;
  font-weight: bold;
  color: #FF0000;
}

#Mailer .error
{
  font-weight: bold;
  color: #FF0000;
}