body { margin: 0px; 
padding:0px; 
height:100%;
background-color: #ffffff; 
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: #ff0000; 
text-decoration : none;} 

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

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

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

p { FONT-SIZE: 10.5pt; font-family: 'Libre Franklin', arial, helvetica, sans-serif; color: #555555;} 
p.courer{ FONT-SIZE: 14px; color: #555555; font-family: "courier new", courier, mono-spaced; line-height: 10px;} 
p.subheader { color: #898989;
}


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

h1 {font-size: 25px; font-family: 'PT Sans Narrow', arial, helvetica, sans-serif;  font-weight: 800; color: 
#000000;} 

h2 {font-size: 20pt; font-family: 'PT Sans Narrow', arial, helvetica, sans-serif; color: 
#000000;} 

h3 {font-size: 15pt; font-family: 'PT Sans Narrow', arial, helvetica, sans-serif; color: 
#000000;} 

h4 {font-size: 13pt; font-family:  'Libre Franklin', arial, helvetica, sans-serif;  color: 
#000000;} 

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: #fff;
	  margin: 0px auto;

}

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

}

#headermenu
{
	background: #000;
	clear: left;
	margin:0px auto;
	padding: 0px;
	width:100%;
        text-align: center;

  border-bottom: 0px solid black;
   
}

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

  border-bottom: 0px 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: #fff;
}

#menu{
margin-top: 0px;
  height: 30px;
  background: #595859;
   width:100%;
        float:left;
		overflow:hidden;
		position:relative;
		border-top: 1px solid black; 
		border-bottom: 1px solid black; 
		font-family: arial, helvetica, sans-serif;
}


#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: 30px; /*Set the line height, equals the height of the menu div*/
  vertical-align: middle; /*Centres the text vertically*/
  border-right: 1px #000 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: #999; /*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: #fff86f; /*Sets the background colour of the tab*/
  color: #000000; /*Sets the colour of tab's text*/
  border-bottom: 1px #841922 solid; /*Create the illusion of the tab appearing behind the page*/
  line-height: 29px; /*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: #000;
  color: #fff;
  border-bottom: none;
  line-height: 30px;
}

#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: 30px;
}


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

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

}

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;
}

#contentwhitebar
{
	clear: left;
	margin: 0px;
	
        background: #fff;
	width:100%;
	 font-family: arial, helvetica, sans-serif;
}

#contentcontainerwhitebar
{
margin-left: auto;
margin-right: auto;
width: 1000px;
background: #fff;
}

#contentwhite
{
	clear: left;
	margin: 0px;
	padding: 5 5 5 5px;
        background: #fff;
	width:100%;
	 font-family: arial, helvetica, sans-serif;
}

#contentwhite2
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #fff;
	width:100%;
}

#contentcontainerwhite
{
margin-left: auto;
margin-right: auto;
width: 1000px;
background: #fff;
}

#contentcontainerwhite2
{
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 5 5 5 5px;
background: #fff;
}


#contentcontainerwhite560
{
margin-left: auto;
margin-right: auto;
width: 560px;
padding: 15px;
background: #fff;
}

p
{	
	margin: 0px;
		line-height:142%;
	padding: 5px;
}

#contentcontainerwhite825
{
margin-left: auto;
margin-right: auto;
width: 75%;
padding: 15px;
background: #fff;
}


#contentwhite h2
{	color:#000;
	font-size: 160%;
	margin: 0px;
       
	padding: 5 5 5 5px;
}

img.center 
{   
	display: block;   margin-left: auto;   margin-right: auto; 
}

#contentwhite p
{	color: #666;
	font-family: arial, helvetica, sans-serif;
	font-size: 160%;
	margin: 0px;
	padding: 5 5 5 5px;
}

#contentwhite a
{
	color: #ff0000;
	text-decoration: none;
}

#contentwhite a:hover { color: #ff0000; }


#contentcontainerblack
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #000;
}

#contentblack
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #000;
	width:100%;
}

#contentblackmed
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #000;
	width:1000px;
}


#contenthead
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #000;
	width:100%;
	
}

#contentcontainergray
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #ebebeb;
	border: 0px solid black; 
	font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 500%;
	margin:  0 0 0px;      
}

#contentgray
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #ebebeb;
	width:100%;
}

#contentgray2
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #ebebeb;
	width:100%;
}

#contentcontainergraydark
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #252525;
	border: 0px solid black; 
}

#contentgraydark
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #252525;
	width:100%;
}

#contentcontainergraydarkmed
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #252525;
	border: 0px solid black; 
}

#contentgraydarkmed
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #252525;
	width:100%;
}

#contentcontainergraydarklarge
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #252525;
	border: 0px solid black; 
}

#contentgraydarklarge
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #252525;
	width:100%;
}


#contentcontainergray300
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #ebebeb;
	border: 0px solid black; 

}

#contentgray300
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #ebebeb;
	width:100%;
}

#contentcontainerwhiteborder
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #fff;
}

#contentwhiteborder
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #fff;
	width:100%;
}


#contentcontainerred
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #e4002d;
	border: 0px solid black; 

}

#contentred
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #e4002d;
	width:100%;
	
}

#contentcontainerred2
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #eb5270;
	border: 0px solid black; 

}


#contentred2
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #eb5270;
	width:100%;
}

#contentcontainerorange
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #f0942d;
	border: 0px solid black; 
	
}

#contentorange
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #f0942d;
	width:100%;
}

#contentcontaineryellow
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #d1c94a;
	border: 0px solid black; 
	
}

#contentyellow
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #d1c94a;
	width:100%;
}

#contentcontaineryellow2
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #fe2d674;
	border: 0px solid black; 
	
}

#contentyellow2
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #e2d674;
	width:100%;
}

#contentcontainergreen
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #8fae9e;
	border: 0px solid black; 
	
}

#contentgreen
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #8fae9e;
	width:100%;
}

#contentcontainerteal
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #3f9a94;
	border: 0px solid black; 
	
}

#contentteal
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #3f9a94;
	width:100%;
}

#contentcontainerblue
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #7c9dac;
	border: 0px solid black; 

}

#contentblue
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #7c9dac;
	width:100%;
	
}

#contentcontainerblue2
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #7dcff5;
	border: 0px solid black; 
	
}

#contentblue2
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #7dcff5;
	width:100%;
}


#contentcontainerviolet
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #ba89be;
	border: 0px solid black; 
	
}

#contentviolet
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #ba89be;
	width:100%;
}

#contentcontainerblacklg
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #ba89be;
	border: 0px solid black; 
	
}

#contentblacklg
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #ba89be;
	width:100%;
}

#contentcaption
{
	clear: left;
	margin: 0px;
	padding: 0px;
        background: #ebebeb;
	width:100%;
}

#contentcontainercaption
{
margin-left: auto;
margin-right: auto;
width: 100%;
background: #ebebeb;
	border: 0px solid black; 
}

#contentcaption p
{	color:#000;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 200%;
	margin:  0 0 0px;      
}

#contentblack h2
{	color:#fff;
	font-family: 'PT Sans Narrow', arial, helvetica, sans-serif;
	font-size: 160%;
	margin: 0  0 0px;
}

#contentblack p
{	color:#fff;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
	font-size: 160%;
	margin: 0  0 0px;
       
}

#contentblacklg p
{	color:#fff;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
	font-size: 300%;
	margin: 0  0 0px;
       
}

#contentgray p
{	color:#000;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 100%;
	margin: 0  0 0px;
       
}

#contentgray2 p
{	color:#000;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 200%;
	margin:  0 0 0px;      
}

#contentgraydark p
{	color:#ebebeb;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 200%;
	margin:  0 0 0px;      
}

#contentgraydarklarge p
{	color:#888;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentgraydarkmed p
{	color:#fff;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 300%;
	margin:  0 0 0px;      
}

#contentgray300 p
{	color:#222;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 300%;
	margin:  0 0 0px;      
}

#contentwhiteborder p
{	color:#222;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 300%;
	margin:  0 0 0px;      
	border: 10px solid #000;
margin-top: 0px;
margin-bottom: 0px;
}

#contentred p
{	color:#222;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}
	
#contentred2 p
{	color:#222;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentorange p
{	color:#222;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentyellow p
{	color:#333;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentyellow2 p
{	color:#333;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentgreen p
{	color:#333;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentteal p
{	color:#333;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}


#contentblue p
{	color:#333;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentblue2 p
{	color:#333;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#contentviolet p
{	color:#fff;
font-family: 'Libre Franklin', arial, helvetica, sans-serif;
font-weight: bold;
	font-size: 400%;
	margin:  0 0 0px;      
}

#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}

<hr style="height:1px">

#footer
{
	width: 810px;
	clear: left;
	margin: 0px auto;
	 margin-top: 30px;
	padding: 0px;
	background-color: #a2c0cc;
	border: 0px solid #ccc; 
}

#footer p
{	color:#000000;
	font-size: 12px;
	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; }


#footerwhite
{
	width: 810px;
	clear: left;
	margin: 0px auto;
	 margin-top: 30px;
	padding: 0px;
	background-color: #ffffff;
	border: 0px solid #ccc; 
}

#footerwhite p
{	color:#000000;
	font-size: 12px;
	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; }