/* main layout*/

body {
	background-image: url(../images/mainbg.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin-top: 70px;
	margin-bottom: 20px;
	background-color: #003546;
}

#mainbox {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 980px;
	background: #fbf6c8;
	padding: 0px;	
	-moz-border-radius: 0em 0em 2em 2em;
	border-radius: 0em 0em 2em 2em;
}

#headerbox {
	background-color: #ec852a;
	width: 980px;
	height: 215px;
}

#headerpic {
	width: 210px;
	height: 215px;
	float: left;
	background-image: url(../images/header-pic.jpg);
	background-repeat: no-repeat;
}
#headertitle {
	margin-top: 25px;
	margin-left: 45px;
	margin-bottom: 25px;
	height: 122px;
	width: 725px;
	float: right;
	background-image: url(../images/header-bg.gif);
	background-repeat: no-repeat;
}
#menubox {
	float: right;
	margin-right: 20px;
	height: 43px;
	width: 750px;
	padding: 0;
	background-color: #000;
	-moz-border-radius: 0em 1em 0em 0em;
	border-radius: 0em 1em 0em 0em;
}

#content {
	width: 920px;
	height: auto;
	padding: 30px;
}

#readerbox {
	background-color: #faefb8;
	float: left;
	width: 515px;
	padding: 20px 25px;
	-moz-border-radius: 0em 1em 1em 1em;
	border-radius: 0em 1em 1em 1em;
}

#bookbox {
	background-color: #faefb8;
	float: right;
	width: 300px;
	padding: 20px 25px;
	-moz-border-radius: 0em 1em 1em 1em;
	border-radius: 0em 1em 1em 1em;
}

#titlebox {
	margin-top: 10px;
	background-image:url(../images/title-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 530px;
	height: 29px;
	padding: 8px 0 0 15px;
	font : bold 22px "Calibri", tahoma, arial, helvetica, sans-serif;
    color : #ec852a;
}

#home-right {
	margin-top: 10px;
	padding-left: 15px;
	margin-right: 5px;
	float: right;
	width: 300px;
}

#left {
	margin-top: 10px;
	padding-left: 15px;
	margin-right: 5px;
	float: left;
	width: 550px;
}

#homeleft {
	float: left;
	width: 425px;
	padding: 30px 0 20px 125px;
}


#copyright {
		width: 920px;
		clear: both;
		padding-top: 30px;
}
/* text and header styling*/

p, td {
	font : 15px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
	line-height: 145%;
	color: #000000;
}

h1 
{
      font : bold 18px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #000000;
}

h2 
{
      font : bold 18px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #d97114;
}

h3 
{
      font : bold 18px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #256d79;
}

h4 
{
      font : bold 16px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #000000;
}

h5 
{
      font : bold 16px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #d97114;
}

h6
{
      font : bold 16px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #256d79;
}

.title 
{
      font : bold 22px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #256d79;
}

a  
{
  color : #256d79;
}

a:visited
{
  color : #881e0d;
}

a:hover  
{
  color : #ec852a;
}

.copyright
{
	font : 10px verdana, arial, helvetica, sans-serif;
	color: #ed601d;
}

a.copyright  
{
  color : #ed601d;
}

a.copyright:visited
{
  color : #ed601d;
}

a.copyright:hover  
{
  color : #256d79;
}

/*menu*/
.hovermenu ul{
font-family: "Calibri", Tahoma, Geneva, sans-serif;
font-size: 16px;
padding: 0;
margin: 0;
}

.hovermenu ul li{
list-style: none;
}

.hovermenu ul li a{
padding: 12px 10px 9px 10px;
text-decoration: none;
float: left;
color: #f8b847;
}

.hovermenu ul li a:hover{
background-color: #c46919;
color: #fbf6c8;
}

.hovermenu ul li a:active{
background-color: #c46919;
color: #fbf6c8;
}

/*buttons design elements*/

#btn-readmore {
	width: auto;
	height: 22px;
	margin: 25px 0;

}
#btn-readmore a {
	background-color: #256d79;	
	padding: 3px 17px 3px 17px;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	color: #fbf6c8;
	text-decoration: none;
	font-family: "Calibri", Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
#btn-readmore a:hover {
	background-color: #ec852a;
	padding: 3px 17px 3px 17px;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	font-family: "Calibri", Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fffff;
}

.joinlist 
{
      font : bold 24px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
     color : #ec852a;
	margin: 15px 0 20px 12px;
}

hr.copyright {
border: 0;
color: #b35909;
background-color: #b35909;
height: 1px;
width: 800px;
}

.newsdate {	
	font : bold 15px "Calibri", tahoma, verdana, arial, helvetica, sans-serif;
	color: #256d79;
}
/* @start Contact Form */
/* @form label + field :: field class is useful for validation 
---------------------------------------------------------------------- */
.floraforms .field-icon i { 
	color:#EC852A; 
}
.floraforms .field-label em { 
	color:#EC852A;
}
/* @form element :hover state 
-------------------------------------------- */
.floraforms .flo-input:hover,
.floraforms .flo-textarea:hover,
.floraforms .flo-select > select:hover,
.floraforms .flo-selectmulti select:hover, 
.floraforms .flo-input:hover ~ .flo-hint,
.floraforms .flo-file .file-input:hover + .flo-input,
.floraforms .flo-textarea:hover ~ .flo-hint {
	border-color: #000;
}
/* @control border-size :: color etc for these elements 
----------------------------------------------------------- */
.floraforms .flo-input,
.floraforms .flo-select,
.floraforms .flo-textarea,
.floraforms .flo-select > select,
.floraforms .flo-selectmulti select {
	border: 1px solid #EC852A;
}
/* @primary button theme
-------------------------------------------- */
.floraforms .btn-themed {  background-color: #000;  }
.floraforms .btn-themed:hover,
.floraforms .btn-themed:focus { background-color: #eda05b; }
.floraforms .btn-themed:active{ background-color: #eda05b; }


.floraforms .alert-info { color:#EC852A; background-color: #fff; }
.floraforms .alert-success { color:#fff; background-color: #eda05b; }
.floraforms .alert-warning { color: #fff; background-color: #EC852A; }
.floraforms .alert-error { color:#e42f5a; background-color: #fff; }

/* @form element :focus state 
-------------------------------------------------------- */
.floraforms .flo-input:focus,
.floraforms .flo-textarea:focus,
.floraforms .flo-select > select:focus,
.floraforms .flo-selectmulti select:focus{ border-color: #eda05b; color: #333; }
.floraforms .flo-selectmulti select:focus, 
.floraforms .flo-input:focus ~ .flo-hint,
.floraforms .flo-textarea:focus ~ .flo-hint, 
.floraforms .flo-file .file-input:focus + .flo-input{ border-color: #eda05b; }
.floraforms .flo-select > select:focus + .arrow { color: #eda05b; }

/* @validation - error state
------------------------------------- */
.floraforms .state-error .flo-input,
.floraforms .state-error .flo-textarea,
.floraforms .state-error.flo-select > select,
.floraforms .state-error.flo-selectmulti > select,
.floraforms .state-error input:hover + .flo-checkbox, 
.floraforms .state-error input:hover + .flo-radio,
.floraforms .state-error input:focus + .flo-checkbox, 
.floraforms .state-error input:focus + .flo-radio,
.floraforms .state-error .flo-checkbox, 
.floraforms .state-error .flo-radio{
	background: rgba(255, 231, 192, 0.35);
	border-color: #eda05b;
}
/* @captcha + reload button
-------------------------------------------------- */
.floraforms .captcode {
	background: #fff;
    border: 1px solid #EC852A;
}
.floraforms .refresh-captcha i { 
	color: #000; 
	padding-top: 10px;
}
.floraforms .frm-header, .floraforms .frm-footer {
    padding: 0;
    background: none;
}