/* CSS document for www.sonjarudie.com updated Feb 4, 2015 */
/* colours used: #f6f6ed=page colour (light beige), #544800=dark brown #f1eed3= menu off, #ebe1ac=menu on */
 
body {
	text-align: center; /* for IE centering */
	margin: 0px auto;
	margin-top: 5px;
	background-image: url(../images/back_pattern.jpg);
}

p {font-size:1.0em;  /* em sizing is being used so that it wil resize smoothly, .875 equals 16px  */
font-family:"Times New Roman", Times, serif;
margin: 0px 0px 0px 0px;
} 

.home-book-text {
font-size:0.9em;}

.bold {	font-weight: bold;
}

.clearDiv { /* this div is to clear the floats so the text is normal below*/
	clear: both;
}

.text14 {
font-size:1.2em;
}

.text9 {
font-size:0.9em;
}

.textJustify {
text-align:justify;	
}

#shell {
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center used for IE only */
width: 960px;
height:600px;
border-left: 1px solid #544800;
border-right: 1px solid #544800;
border-bottom: 1px solid #544800;
}

#shellNoscroll {
margin: 0 auto; /* align for good browsers */
text-align: left; /* counter the body center used for IE only */
width: 960px;
height:auto; /* was 600 */
background-color:#f6f6ed;
border-left: 1px solid #544800;
border-right: 1px solid #544800;
border-bottom: 1px solid #544800;
}

#header {
width: 960px;
height:50px;
/* background-image: url(../images/header.jpg); */
}


#menuTop {
width: 960px;
height:23px;
}

#mainBody {
width: 960px;
height:508px;
}

#bodyLeft { /* contains left section-bar links, etc */
float:left;
width: 180px;
height:508px;
}


#bodyCenter2 { /* contains main text body */
float:left;
border-left: #544800 1px solid;
width: 749px;
height:488px; 
color:#000;
padding: 10px 15px 10px 15px;
text-align:justify;
background-color:#f6f6ed;
}

#bodyCenter { /* contains main text body */
float:left;
width: 690px;
height:488px; 
color:#000;
padding: 10px 15px 10px 15px;
text-align:justify;
background-color:#f6f6ed;
}

#bodyCenterNoscroll { /* contains main text body */
float:left;
border-left: #544800 1px solid;
width: 748px; /* was 690 */
height:auto; /* was 488 */
color:#000;
padding: 10px 15px 10px 15px;
text-align:justify;
background-color:#f6f6ed;
}


#bodyCenterNoscroll2 { /* contains main text body */
float:left;
border-left: #544800 1px solid;
width: 745px; /* was 690 */
height:auto; /* was 488 */
color:#000;
padding: 10px 15px 10px 15px;
text-align:justify;
background-color:#f6f6ed;
}

#bodyMap { /* contains main text body */
float:left;
border-left: #544800 1px solid;
width: 749px;
height:488px;
color:#000;
padding: 10px 15px 10px 15px;
text-align:justify;
background-color:#f6f6ed;
}

.OpraText {
color:#544800;
font-style:italic;
font-size:0.9em; 
padding:0px 5px 0px 0px;
text-align:justify;

}

#bodyRight { /* contains faded scenery photo */
float:right;
width: 60px;
height:508px;
/*background-image: url(../images/home_right_photo.jpg); */
background-color:#f6f6ed;
}

#backstretch {
background-image: url(../js/ocean-back.jpg);
}

#SonjaPic {
	text-align:left;
    margin-left: 0;
	padding-right:10px;
    width: 170px;
	height:197px;
}

.centerText {
		text-align:center;
}

#footer 
{font-family: Times New Roman, serif; 
height: 20px;
width: 960px;
color:#333;
padding: 0px 0px 0px 0px;
text-align:center;
background-image: url(../images/footer.jpg);
}


.footerLeft {
float:left;
margin:3px 0px 0px 0px;
font-size:0.7em; 
color:#000;
height: 16px;
width: 180px;
}

.footerRight {
float:right;
margin:3px 0px 0px 0px;
font-size:0.7em; 
color:#f6f6ed;
height: 16px;
width: 780px;
}




/* from old version */
  .bulletnumbered {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: 20pt}
  
  .bulletlist {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: 20pt}
  
  p {  font-family: Times New Roman, serif; font-size: 12pt; font-style: normal}
  
  h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal}
  
  h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bolder; color: #000000}li {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal}ol {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal}

  
a:link              {color: #214B47;}
a:visited           {color: #214B47;}
a:active            {color: #000000;} 

a.third:link { color: #000; text-decoration: none; }
a.third:visited { color: #000; text-decoration: none; }
a.third:hover { color: #FFF; text-decoration: underline; }
a.third:active { color: #FFF; }

 

/* to change the menu placement ?? left was=83 */
#menu{position: absolute;
top: 81px;
left: 83px;
height: 28px;}

#menu a:link, #menu a:visited, #topmenu a:link, #topmenu a:visited {background: none!important;}
#menu a:hover, #menu a:active, #topmenu a:hover, #topmenu a:active {background: none!important;}

.menu_text, .menu_texthi {
	line-height: 20px;
	border-bottom: 1px solid #ffffff;
	font-family:  Times New Roman, serif; 
	/* the line below is the size of the menu text */
	font-size: 13px;
	text-decoration: none;
	font-style: normal;
	color: #372f0a;
	text-align: left;
	padding: 0px 0px 0px 4px;
}
/* colour for background sections*/	
.menu_text {
	background-color: #e4dcb4;
}
/* colour for background sections when mouse over*/	
.menu_texthi {
	background-color: #e5cc97;
}

.menu_text2, .menu_texthi2 {
	line-height: 20px;
	/*border-bottom: 1px solid #ffffff;*/
	font-family: Times New Roman, serif;;
	font-size: 12px;
	text-decoration: none;
    font-style: bold;
	color: #564a16;
	text-align: left;
	padding: 0px 0px 0px 4px;
}