/**********************************************************************************************

  CSS on Sails Framework
  Title:  CIB SDC
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: May 2010

***********************************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer
      
  3. PAGES
      3.1 Home page
      3.2 Sub page 1
      3.3 Sub page 2

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

* {padding:0; margin:0;}
html {height:100%;}
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
.container:after,
#body-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix,
.container,
#body-content { display: inline-block; }
* html .clearfix,
* html .container,
* html #body-content { height: 1%; }
.clearfix,
.container,
#body-content { display: block; }




/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #090400 url(../images/bg-img.jpg) repeat-x; color: #000; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #00f; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }
h1 {color:#760c16; font-size:46px; line-height:45px; font-family:"Cheryl", "Arial Narrow"; font-weight:normal; margin:0 0 5px; }
/* 2. COMMON
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Container
-----------------------------------------------------------------------------------------------*/

.container { width: 858px; position: relative; margin: 0 auto; padding:0; font-size: 1.2em; background: url(../images/bg-shadow.png) repeat-y; }


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header { width:800px; margin:0 auto; }
#header a.site-name,
#header a.site-name span { display: block;}
#header a.site-name { width:780px; height:110px; padding:10px 10px 0; margin:0; background:url(../images/headerbg-top.jpg) no-repeat; }
#header a.site-name span { text-indent:-9999px; overflow:hidden;}
#header #hero {background:#1d538f url(../images/headerbg-bottom.jpg) no-repeat; float:left; width:800px; position:relative;}
#header a { cursor: pointer; text-decoration:none; }
#header .hero-text {float:left; width:230px; padding:0 15px; text-align:right; color:#fff; position:absolute; bottom:15px;}
#header .hero-text a {font-weight:bold; color:#fff; text-decoration:none;}
#header .hero-text a:hover {text-decoration:underline;}
#header img.hero-img {float:right; width:540px; overflow:hidden; display:block; padding:0; margin:0;}


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#navigation {
  width:800px;
  margin:0 auto;
  min-height:57px;
  background:url(../images/navbg.jpg) repeat-x;
  clear:both;
}
#navigation ul {
  list-style-type:none;
  padding:0;
  margin:0 auto;
  width:755px;
  }
#navigation ul li {
  padding:0;
  margin:0;
  float:left;
  }
#navigation ul li a {
  padding:5px 23px 0;
  margin:0;
  float:left;
  display:block;
  color:#431600;
  height:32px;
  font-size:18px;
  font-weight:normal;
  font-family:  "Cheryl";
  background:url(../images/navhover.png) center -10px no-repeat;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  }
#navigation ul li a:hover {
  background-position: center bottom;
  cursor:pointer;
  }
.cufon-active #navigation ul li a { 
  font-size: 24px;
}

#navigation ul.level-1 li.active a {
background: url(../images/navhover.png) center bottom no-repeat;
    display:block;
}

/* interior menu */

  #interior-menu{
      width: 230px;
      margin: 10px 0 18px 10px;
      padding: 0px;
  }

  #interior-menu ul{
      list-style-type: none;
      margin: 0px;
      padding: 0px;
  }
  #interior-menu ul li{
      margin: 0px;
      padding: 0px;
      border-bottom:1px solid #163357;
      background-color: #1d538f;
      
}
  #interior-menu ul li a{
      display:block;
      padding:5px 15px;
      width:170px;
      text-decoration:none;
      
  }
#interior-menu ul li.sub{
  border-bottom:none;
  padding-bottom:10px;
}
#interior-menu ul li.sub:hover{
  background-color: #1d538f !important;
}
#interior-menu ul li.sub ul{
  margin-left:15px;
}
#interior-menu ul li ul li:hover,
#interior-menu ul li ul li.active{
  background-color: black !important;
}
#interior-menu ul li ul li.active{
  font-weight:bold;
  text-shadow:0 0px 2px #FFFFEF;
}

#interior-menu ul li.sub ul li{
  border-bottom:none;
  font-size:0.9em;
}
  #interior-menu ul li.active,#interior-menu ul li:hover{
      background-color: #48719f;
  }
  #interior-menu a{
    color:white
  }

#interior-menu ul.level-2 li.sub:hover{

}

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
#body-content { background:url(../images/bg-bottom.gif) left bottom no-repeat; min-height:100px; padding:0 29px;}
#content { width: 495px; float: right; padding:0 25px 130px 20px; font-size: 14px; }
#content p {padding-left:18px; margin-bottom:15px; }
#frontpage {padding-left:8px; margin-bottom:15px; line-height: 22px; }
#content h2 {padding-left:0; margin-bottom:15px; font-size: 18px; color: #2d2d2d;}
#content h3 {padding-left:0; margin-bottom:15px; font-style:italic; font-size: 15px; color: #717171;}


#content ul li {
line-height: 14px;
text-indent: 0;
padding: 0 10px 5px 0;
margin-left: 30px;
list-style-type: disc;
}

#blockquote {
  font: 14px/22px normal arial, helvetica, sans-serif;
  font-weight: bold;
  color: #5d0000;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 35px;
  margin-right: 15px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

#boxcontent {
  padding:10px; 
  margin-bottom:15px; 
  background-color: #ebe2d1;
}

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar { width: 252px; float: left; padding:0 0 20px 8px }
#sidebar .content-box  {
  background:url(../images/contentbox-top.gif) left top no-repeat;
  padding:14px 0 0;
  margin:0 0 10px;
  width:248px;
  }
#sidebar .content-box2  {
  background:url(../images/contentbox-bottom.gif) left bottom no-repeat;
  padding:0 0 14px;
  }
#sidebar .content-box3  {
  background:url(../images/contentbox-repeat.gif) left top repeat-y;
  padding:5px 20px;
  width:208px;
  }
#sidebar .content-box3 h3  {
  font-size: 14px;
  margin:0 0 8px;
  }
#sidebar .content-box3 p  {
  background:#ddd;
  padding:10px 10px 13px;
  }


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

#footer { clear: both; width: 800px; position: relative; margin: 0; float:left; padding:10px 29px; background:#090400; text-align:center; color:#fff; font-size:1.1em; }
#footer p {margin:0;}
#footer a {color:#fff;}
#footer ul { list-style-type:none; margin:0; padding:0;}
#footer ul li {display:inline;}

/* 3. PAGES
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 3.1 Home page
-----------------------------------------------------------------------------------------------*/


/* 3.2  Form
-----------------------------------------------------------------------------------------------*/

.btn {
  margin-top: 0;
  margin-left: 65px;
}


#newsletter {
  width:233px;
  height: 175px;
  padding: 20px 5px 0 20px;
  color: #ebebeb;
  font: 12px Arial, Helvetica, sans-serif;
  background: url(/images/login-box-backg.png) no-repeat left top;
}

#newsletter img {
  border:none;
}

#newsletter h3 {
  padding-bottom :10px;
  margin:0;
  color: #ebebeb;
  font: bold 14px Arial;
}


#newsletter-name {
  float: left;
  display:inline;
  width:20px;
  text-align: right;
  padding: 6px 10px 5px 0;
  margin:0 10px 7px 0;
}

#newsletter-field {
  float: left;
  display:inline;
  width:230px;
  margin:0;
  margin:0 0 7px 0;
}


.form-subscribe  {
  width: 120px;
  padding: 1px;
  border: 1px solid #0d2c52;
  background-color:#1e4f8a;
  font-size: 12px;
  color: #ebebeb;
  margin-bottom: 5px;
}


.newsletter-box-options  {
  clear:both;
  padding-left:87px;
  font-size: 11px;
}

.newsletter-box-options a {
  color: #ebebeb;
  font-size: 11px;
}

/* mailchimp */

#mc_embed_signup div {
  padding-bottom:0.5em;
}
#mce-success-response {
  color:green;
  font-weight:bold;
}
#mce-error-response, .mce_inline_error {
  color:red;
  font-weight:bold;
}

/* sideshow */
#slideShow {
 width:540px;
 height:270px;
 float:right;
}