body { margin: 0px; 
padding:0px; 
height:100%;
background-color: #fff; 
background-image:url('../images/bgidyllhome.jpg');
	background-repeat:repeat-x;
	background-attachment:;
	background-position:;
	margin:0;
	padding:0;
	border:0;
	width:100%; 
	
font-family: arial, helvetica, sans-serif; 
font-size: 1em } 
	
	a img { border: 0px } 
	
	img { border: 0px} 
	
	link { color: #ea6953; 
text-decoration : none;} 

a:link { color: #ea6953; text-decoration : none;} 

a:visited 
{ color: #9c5e05; text-decoration : none;} 

a:hover {text-decoration: underline; 
color: #b93c08;} 

p { FONT-SIZE: 11pt; color: #444444; font-family: 'roboto', sans-serif;} 

p.subheader { color: #898989;
}


.contentDescription { font-size : 80%; font-family : verdana, arial, helvetica, 
sans-serif }

h1 {font-size: 38px; font-family: 'Open Sans Condensed', arial, helvetica, sans-serif;  font-weight: 800; color: 
#000000;} 
h1.red {font-size: 60px; font-family: 'Open Sans', arial, helvetica, sans-serif;  font-weight: 800; color: 
red;} 
h2 {font-size:26pt; font-family: 'Open Sans Condensed', arial, helvetica, sans-serif; color: 
#000000;} 
h2.orange {font-size: 25pt; font-family: 'Open Sans', arial, helvetica, sans-serif; color: 
#d4612b;} 
h3 {font-size: 20pt; font-family: 'Open Sans Condensed', arial, helvetica, sans-serif; color: 
#000000;} 

h4 {font-size: 14pt; font-family: 'Open Sans Condensed', arial, helvetica, sans-serif; color: 
#555555;} 

blockquote { FONT-SIZE: 9pt; color: #636363; } 

strong { font-weight: 600 
} 

ul { FONT-SIZE: 9pt; color: #000000} 

li{ FONT-SIZE: 9pt; color: #000000} 

ol{ 
FONT-SIZE: 7pt; color: #000000} a{text-decoration:none} 

.smallcommentdark  {
	FONT-SIZE: 7.5pt; color: #000000
}




#container
{
	margin:0;
	padding:0;
	border:0;
	width:100%;
      background: ;
      min-height:100%;
      position:relative;
	background: ;
	  margin: 0px auto;

}




#header
{
	background: #000;
	clear: left;
	margin:0px auto;
	padding: 0px;
	width:1002px;
        text-align: center;

  border-bottom: 1px solid black;
   
}

#headercontent
{ background: #000;
  clear: left;
	margin:0px auto;
	padding: 0px;
	width:1002px;
        text-align: center;
		}

#header 
h1 {
	margin: 10px 0 20px;
	font-size: 3.3em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .05em;
	word-spacing: .2em;
	background: #ffffff;
}

#menu{
margin-top: 1px;
  height: 20px;
  background: #b7b7b7;
   width:1002px;
        float:left;
		overflow:hidden;
		position:relative;
		border: 0px solid black; 
}

#menu ul{
clear:left;
  float:left;
  left:50%;
  position:relative;
  text-align:center;
  padding: 0px; /*Removes the customary indent of a list*/
  margin: 0px; /*Removes the customary indent of a list*/
  list-style: none; /*Removes the disc*/
}

#menu li{
display:block;
  float: left; /*Forces the links to align horizontally*/
  position:relative;
  right:50%;
  line-height: 20px; /*Set the line height, equals the height of the menu div*/
  vertical-align: middle; /*Centres the text vertically*/
  border-right: 1px #A35259 solid; /*Creates the light maroon spacer after each link*/
}

#menu a{
  padding: 0 5px 0 5px; /*Creates a little spacing on each side of the tabs text*/
  text-decoration: none; /*Removes the standard line under a link*/
  display: block; /*Forces the whole tab to highlight as apposed to only the text*/
  color: #000000; /*Sets the colour of the text of the tab*/
  background: #; /*Sets the background colour of the tab*/
}

#menu a:hover { /*Defines what the tab will look like when the mouse is hovered over the text*/
  background: #999999; /*Sets the background colour of the tab*/
  color: #ffffff; /*Sets the colour of tab's text*/
  border-bottom: 1px #841922 solid; /*Create the illusion of the tab appearing behind the page*/
  line-height: 19px; /*Line height is reduced by 1px to accommodate the bottom border and stop the tab from becoming misaligned*/
}

#menu .current{ /*Defines what the current pages tab must look like*/
  background: #555555;
  color: #ffffff;
  border-bottom: none;
  line-height: 20px;
}

#menu a:hover.current { /*Defines how the current pages tab must behave when the mouse is hovered over the tab*/
  border-bottom: none;
  line-height: 20px;
}



#contentcontainer
{
	clear: left;
	margin:0px auto;
	padding:20px 0px;
        background: #ffffff;
	width:808px;
   border-top: 0px solid #ccc;
   border-right:  1px solid #ccc; 
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#content
{
margin: 5px auto;
width:680px;
background: #ffffff;

}

img {
    display: block;
    margin: 0 auto;
}
.align-right { float:right; margin: 0 0 15px 15px; }


.align-left  { float:left; margin: 0 15px 15px 0; }


#content 
p
{	
	margin: 0px;
		line-height:142%;
	margin: 5px 15px 15px 10px;
}


#contenttext
{
margin: 5px auto;
width:600px;
background: #ffffff; font-family: 'Crimson Text', serif;

}

.text {
	font-family: 'Crimson Text', serif;
	color: 555555;
	font-size:20px;
	
}


 .textindent  {
   
    	font-family: 'Crimson Text', serif;
	color: 555555;
	font-size:20px;
	 text-indent: 2em;
    margin-bottom: 0;
  }
  .text-indent p:first-of-type {
    text-indent: 0;
    	font-family: 'Crimson Text', serif';
	color: 555555;
	font-size:16px;
  }
  
  
  .text2 {
	font-family: 'Lora', serif;
	color: 000000;
	font-size:15px;
	
}


 .textindent2  {
   
    	font-family: 'Lora', serif;
	color: 555555;
	font-size:17px;
	 text-indent: 2em;
    margin-bottom: 0;
  }
  .text-indent p:first-of-type {
    text-indent: 0;
    	font-family: 'Lora', serif';
	color: 555555;
	font-size:17px;
  }
  
    .text3 {
	font-family: 'roboto', sans-serif;
	color: 555555;
	font-size:16px;
	
}

  

#contentcontainerbook
{
	clear: left;
	margin:0px auto;
	padding:0px 0px;
        background: #ffffff;
	width:800px;
border: 1px solid #fff; 
}

#contentbook
{
margin: 0px auto;
width:600px;
height: 1020px;
background: #ffffff;

}

#contentcontainerbook2
{
	clear: left;
	margin:0px auto;
	padding:0px 0px;
        background: #ffffff;
	width:808px;
border: 1px solid #fff; 
}

#contentbook2
{
margin: 0px auto;
width:600px;
height: 1020px;
background: #ffffff;

}

#left {float: left; width: 50%}
#right {float:left; width: 50%;clear:both}

#contentcontainergray
{
margin-left: auto;
margin-right: auto;
width: 810px;
background: #000;
}

#footer
{
	width: 100%;
	clear:left;
	margin: 0px auto;
	 margin-top: 30px;
	padding: 0px;
	background-color: #ffffff;
	border: 0px solid #ccc; 
      position:abolute;
      bottom:0;
      height:100px;
}

a.footer:link { color: #ffffff; text-decoration : none;} 

a.footer:visited 
{ color: #ffffff; text-decoration : none;} 

a.footer:hover {text-decoration: underline; 
color: #ffffff;} 


#footer p
{	color:#b93c08;
	font-size: 11px;
	margin: margin: 0px auto;;
}

a.footlink:link { color: #b2a38b; text-decoration: none; }
a.footlink:visited { color: #b2a38b; text-decoration: none; }
a.footlink:active { color: #ffffff; text-decoration: none; }
a.footlink:hover { color: #ffffff; text-decoration: none; }