* {
margin: 0;
padding: 0;
}

body {
text-align: center;	
font: 16px Arial, Helvetica, sans-serif;

}
#main2 {

background: #BAC67B repeat-x;
height:13px;
}
#eng {
background: url(image-flag-eng.jpg) top left no-repeat;
width: 120px;
height: 13px;
padding-left:30px;
float: left;
}
#eng a{
height: 13px;
float:left;
text-decoration: none;
font: bold 10px Arial, Helvetica, sans-serif;
}
#mac a{
height: 13px;
float:left;
text-decoration: none;

}
#mac {
background: url(image-flag-mac.jpg) top left no-repeat;
width: 120px;
height: 13px;
padding-left: 30px;
float: left;
}
#main {

background: #BAC67B repeat;
	height:74px;
	clear: both;
}
#lan {
margin-left: auto; 
margin-right: auto;
width: 750px;
text-align: left;
}
#mac a:link, #mac a:visited{
font: bold 10px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
#eng a:link, #eng a:visited{
font: bold 10px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
#eng a:hover{
color: #FF0000;
}
#mac a:hover{
color: #FF0000;
}

#container {

margin-left: auto; 
margin-right: auto;
width: 750px;
text-align: left;
}
#header {
width: 750px;
height: 300px;
background:url(header.jpg) no-repeat;
}
#header h1 {
text-indent: -9999px;
}
#header img {
position: relative;
top: 290px;
width: 750px;
height: 40px;
text-align:center;
}
#header p.mac {
position: relative;
top: 300px;
width: 750px;
height: 40px;
text-align:center;
background: #CDD69F url(title-bar-mac.jpg) no-repeat;
}
ul#mainnav {
position: relative;
top:18px;
left: 50%;
margin-left: -375px;
padding:0;
list-style-type: none;
width: 750px;
float: left;
background-color: transparent;
}

ul#mainnav li a:link, ul#mainnav li a:visited {
text-decoration: none;
float: left;
width: 148px;
text-align:center;
padding: 20px 0;
margin-right:2px;
background-color: #7E8B3C;
font: bold 14px arial, sans-serif;
color: #FFF5EE;

}
ul#mainnav li {
margin: 0;
padding: 0;
float: left;

}
ul#mainnav li a:hover,ul#mainnav li :visited:hover {
background-color: #9EAF4B;
color: #FFF5EE;
}
#content {
margin: 110px 5px 0 50px;
margin-bottom: 100px;
}
#content p{
font: 16px Arial, Helvetica, sans-serif;

}
#content ul{
margin: 30px 5px 0 5px;
padding: 0 20px 10px 20px;
}
#content ul li {
padding: 0 0 10px 5px;
font: 16px Arial, Helvetica, sans-serif;
}
#content ol li {
font: 16px Arial, Helvetica, sans-serif;
}
DIV.books {
width: 205px;
height: 295px;
margin: 10px 10px 10px 0;
float: left;
background: #e8ecd3 url(form-gr.jpg) top repeat-x;
padding: 5px;

}
div.title {
height: 100px;
}
div.anthology{
height: 120px;
}
p.thumb{
padding-top: 5px;
margin-left: 40px;
}
p.bookTitle, p.bookTitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin:0;
}
#content p.bookAuthor{
font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #990000;
	
	margin:0;
}
#content p.bookPublisher  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
	
	margin:0;
}

#footer {
clear: left;
padding:10px;
background: #BAC67B;
	}
#footer p {
font: 10px Arial, Helvetica, sans-serif;

}
#content h1 {
font: bold 18px Georgia, "Times New Roman", Times, serif;
padding-bottom: 15px;
}
form h1{
font: bold 18px Georgia, "Times New Roman", Times, serif;
padding-bottom: 15px;
}
fieldset {
margin: 30px 0 0 0;
padding: 0;

background: #e8ecd3 url(form-gr.jpg) top repeat-x;
}
legend {
margin-left: 5px;
color: #000;
font-weight: bold;
}
fieldset ol {
padding: 20px 5px 0 5px;
list-style: none;
}
fieldset li {
padding-bottom: 5px;
}
fieldset.Submit {
border-style: none;
margin-left: 0;
}
label {
display: block;
}


ul#photos {
list-style-type: none;
float: left;
width: 700px;
margin:0;
padding:0;

}

ul#photos li a:link, ul#photos li a:visited{
float: left;
}
ul#photos li {
float: left;
margin:0 25px 20px 0;
padding:0;

}
ul#photos2 {
list-style-type: none;
float: left;
width: 700px;
margin:50px 0 0 0;
padding:0;

}

ul#photos2 li a:link, ul#photos2 li a:visited{
float: left;
}
ul#photos2 li {
float: left;
margin:0 20px 20px 0;
padding:0;

}

 .centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }
p {
margin-bottom: 10px;
}
img { 
border: 0px none; 
} 


/* Main Navigation */
#menu {
position: relative;
top:35px;
left: 50%;
margin-left: -375px;
padding:0;
list-style-type: none;
width: 750px;
float: left;
background-color: transparent;
text-align:left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 150px;
float: left;
}
#menu a, #menu ul li h2 {
font: bold 12px arial, sans-serif;
color: #FFF5EE;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 10px 10px;
text-align:center;
background-color: #7E8B3C;
}



#menu ul li a:link, #menu ul li a:visited {
font: bold 12px arial, sans-serif;
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}

ol li{
margin-bottom: 10px;
}

#content p.bookAuthorMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	margin-bottom:3px;
}
#content p.bookPublisherMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #000000;
	margin-bottom:20px;
}
#content p.booksTitleMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-bottom:3px;
}

p.warning{
font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight: bold;
color:red;
}
.formbutton{
text-align:left;
font-size:12px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg.gif) repeat-x left top;
height:auto;
}
.caption{
margin-top:5px;
padding:3px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}