/* Less is more */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #dedede;
}

/* Has a background image to create the patterned panel down the left side of the page. */

#container {
padding: 0;
margin: 0;
background-image:  url(osaka/images/container_bg.jpg);
background-repeat: repeat-y;
background-position: top left;
}

/* Banner near top of page that says the name of the whole site - also has crane background image. */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 170px;
font-size: 1.3em;
letter-spacing: 5px;
text-align: right;
background-image:  url(images/MoonlakeUp2a.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color: #ffffff;
height: 58px;
color: #838383;
padding-top: 90px;
}

/* Not contained in the main-text element. Has background image to create effect of continuation of crane image. */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 17px;
padding-bottom: 7px;
padding-top: 7px;
padding-left: 145px;
padding-right: 0;
font-weight: normal;
background-image:  url(images/MoonlakeDn2a.jpg);
background-repeat: repeat-y;
background-position: top left;
border-top: 1px #9bd717 solid;
border-bottom: 5px #9ad815 solid;
color: #ffffff;
background-color: #ffffff;
}

/* Styles for the main text on the page. */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 160px;
margin-right: 290px;
padding-right: 10px;
background-color: #f3f3f3;
padding-top: 20px;
padding-left: 10px;
border-left: 1px #9ad815 solid;
border-right: 5px #9ad815 solid;
}

p, ul, ol, table {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-size: 1em;
line-height: 1.9em;
}

ol, ul {
margin-left: 25px;
}

h2 {
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}
h4 {
   display:block; 
   width:auto; 
   color:#003366; 
   text-transform: capitalize;
	padding:8px 1em 8px 2em; 
	font:1.1em Verdana, sans-serif ;
	font-weight: bold; 
	}
a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #9ad815;
}

a:hover {
text-decoration: none;
font-weight: bold;
border-bottom: 3px #9ad815 solid;
}
/* Styles to make the gallery read right. */
#gallery-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 160px;
margin-right: 290px;
padding-right: 10px;
background-color: #f3f3f3;
padding-top: 20px;
padding-left: 10px;
border-left: 1px #9ad815 solid;
border-right: 5px #9ad815 solid;
}

p, ul, ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
}


h2 {
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

h4 {
   display:block; 
   margin: 0;
   width:auto; 
   color:#ffcc00; 
   text-transform: capitalize;
	padding:8px 1em 8px 2em; 
	font:1.1em Verdana, sans-serif ;
	font-weight: normal; 
	}
a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #9ad815;
}

a:hover {
text-decoration: none;
font-weight: bold;
border-bottom: 3px #9ad815 solid;
}

/* Styles for the navbar on the left side. */

#left-menu {
position: absolute;
top: 220px;
left: 0;
width: 160px;
font-size: .9em;
height: 100%;
padding-top: 25px;
padding-bottom: 25px;
font-weight: bold;
border-top: 1px #9ad815 solid;
border-bottom: 1px #9ad815 solid;
background-color: #8a8a8a;
}

#left-menu a:link, #left-menu a:visited {
display: block;
color: #f3f3f3;
text-align: right;
padding-right: 7px;
padding-bottom: 8px;
padding-top: 8px;
border-bottom: 1px transparent solid;
}

#left-menu a:hover, #left-menu a.current {
color: #9ad815;
border-bottom: 1px #9ad815 solid;
}

/* Styles for the pullquote on the right side. */

#right-column {
position: absolute;
top: 160px;
right: 0;
width: 280px;
}

#right-column strong {
font-style: italic;
font-size: .7em;}

#right-column p {
font-style: italic;
font-size: .9em;

padding-left: 10px;
padding-right: 5px;
padding-top: 50px;
line-height: 1.5em;}

#footer {
text-align: left;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
font-size: .8em;
margin-top: 0;
background-image:  url(osaka/images/footer_bg.jpg);
background-repeat: repeat-y;
background-color: #ffffff;
border-top: 5px #9ad815 solid;
padding-left: 60%;
}

#footer a:link, #footer a:visited {
color: #9ad815;
}

#footer a:hover {
color: #9ad815;
border-bottom: 3px #9ad815 solid;
}