/* CSS Document */

* {
margin:0px;
padding:0px;
}

body{
font-family:Georgia, Times New Roman, Times, serif;
margin:0px auto;
padding:0px;
background-image:url(images/bg.jpg);

}

a{
color:#1a2042;
}
a:hover{
color:#60699c;
}

h1{
font-size:22px;
}

h2{
font-size:20px;
}

img{
border:0;
}

.align_center {
text-align: center;
}

/* IDs */



#col1{
width:400px;
padding-left:10px;
}

#mainnav {

padding-top:25px;
padding-right:20px;
text-align:right;
list-style:none;
text-transform:uppercase;
line-height: 1.8em;
font-family:Times New Roman, Times, serif;
font-w
}

#mainnav a {
text-decoration: none;
font-size: 1.2em;
}

#nav_about {
margin-right: 0;
}


#nav_teacher {
margin-right: 1.5em;
}


#nav_story {
margin-right: 4.5em;
}


#nav_sights {
margin-right: 3.5em;
}


#nav_poetry {
margin-right: 3em;
}

#nav_relationships {
margin-right: 4em;
}



#main{
width:1024px;
background-color:#ffffff;
text-align:left;
}

#centre{
margin:auto;
text-align:center;
}

#box{
margin:0 auto;
width:1024px;

background-color:#fff;

}

#bg{
margin:auto;

}

#header{
background:url(images/header.jpg) no-repeat top left;
height:230px;
position:relative;
}
#content{
padding:50px;
background:url(images/mainbg.jpg) no-repeat top left;
height:507px;
}

#maincontent{
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#maincontent_about {
padding:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: transparent url('images/greytrans.png') top left repeat;
}

p {
padding:10px 0;
}

ol {

padding-left: 2em;
}

ol li {

margin: 1em;

}


#mainleft{
float:left;
width:520px;
}

#mainright{
float:right;
width:420px;
}
/* Classes */
.clear {
clear:both;

}
#new{
float:none;
}

#header h1{
	display:block;
	height:172px;
	width:541px;
	text-indent:-9999px;
	position:absolute;
	left: 28px;
	top: 35px;
}

/* Gallery image links */


.gallery_image {

margin: 20px 20px 0 0;
}

ul#poetry_menu {
margin: 0;
padding: 0;
}



ul#poetry_menu li  {
margin: 0;
list-style: none;
display: inline;

}

ul#poetry_menu a span  {

display: none;
}



#poetry_fox {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/fox_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#poetry_hawk {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/hawk_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#poetry_bear {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/bear_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#poetry_wolf {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/wolf_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#poetry_hedgehog {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/hedgehog_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#poetry_wildcat {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/wildcat_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}


#gallery1 {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/gallery2_1_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#gallery2 {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/gallery2_2_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#gallery3 {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/gallery2_3_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#gallery4 {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/gallery2_4_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#gallery5 {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/gallery2_5_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}

#gallery6 {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/gallery/gallery2_6_sm.jpg') top left no-repeat;
border: 1px black solid;
width: 150px;
height: 150px;
}