body{
 background:url('../img/bg.jpg') repeat top center;
 padding:0;
 margin:0px 0 0 0;
 font-family:"Trebuchet MS", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 76%;
 color: #3E3E3E;
 line-height:1.4em;
}

p{
 margin:0 0 15px 0
}

p.center{
 text-align:center;
}

h1{
 position:relative;
 top:192px;
 left:380px;
 padding:0;
 margin:0;
}

h2{
 margin:0;
 padding:0;	
}

h3{
 padding:0;
 margin:0 0 12px 0;
 font-size:1.2em;
 color:#233A65;
}

a img{
 border:0;
}

a{ 
 color:#233A65;
 text-decoration:none;
}

p a{border-bottom:1px solid #233A65;}

#container{
 position:relative;
 width:692px;
 margin:0 auto;
 margin-left:-346px;
 left:50%;
 text-align:left;
}

#masthead{
 position:relative;
 width:680px;
 height:263px;
 margin:3px 0 0 0;
 background:url('../img/masthead.jpg');
 border:6px solid #000;
}

#sidebar{
 width:176px;
 float:left;
 background:#e7eeee;
 border-left:6px solid #000;
 border-right:10px solid #233a65;
 border-bottom:10px solid #233a65;
}

#sidebar img{ margin-left:4px; }

#sidebar h2 img { margin-left:0;}

#content{
 float:left;
 width:480px;
 padding: 10px 0 0 20px
}

#content p{
 padding-right:10px;
}

#navigation{
 border-right: 0px solid #000;
 padding: 0 0 0em 0;
 margin: 2px 0 0 0;
 font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
 background-color: #233a65;
 color: #333;
}

#navigation ul{
 margin:0;
 padding:0;
 list-style:none;
}

#navigation ul li a{
 border-bottom: 1px solid #233a65;
 margin: 0;
 line-height:20px;
}

#navigation ul li a {
 display: block;
 padding: 5px 0px 5px 5px;
 margin:0;
 border-left: 10px solid #0E1A30;
 border-right: 0px solid #233a65;
 background-color: #0E1A30;
 color: #fff;
 text-decoration: none;
 width:161px ;
}

#navigation ul li a.contacta { border-bottom-color:#0E1A30};

#navigation ul li a.contacta:hover { border-bottom-color:#233a65};

html>body #navigation ul li a { width: auto;}

#navigation ul li a:hover {
 border-left: 10px solid #142748;
 background-color: #1d3156;
 color: #fff;
}
		
#footer{
 width:100%;
 border-top:4px solid #233a65;
 float:left;
 text-align:right;
 font-size:.8em;
 font-family: tahoma;
}		

#footer a{
 text-decoration:none;
}
		
#bottomspace, #topspace{
 width:100%;
 height:50px;
 clear:left;
 background:#0E1A30;
}

#topspace{
 height:15px;
}
		
/*++++ home page styles +++++*/	

.teaser{
 display: inline;
 width:140px;
 float:left;
 margin:0 15px 20px 0px;
 padding-bottom:10px;
 background:#eeeeee;
 border:1px solid #d6d6d6;
}

.teaser a{
 margin:0;
 margin:0 0 5px 5px;
}

.teaser p{
 margin:5px 0px 10px 5px;
 padding:0;
 padding-right:0;
}
.teaser h3{
 margin:0;
 padding:0;
}

.teaser img{ margin-left:8px;}

.teaser h3 img{ margin:5px 0 ;}

/** Random Styles **/

.clear, .clearleft{
 width:100%;
 clear:both;
 height:1px;
 font-size:.1em;
 line-height:1px;
}

.clearleft{
 clear:left;
}

.floatright{
 float:right;
 margin-left:10px;
}

#news{ text-align:center;}

#news h3{
 width:176px;
 text-align:center;
 font-size:1.5em;
 color:#233A65;
 margin:18px 0;
} /**/

#news p{
 padding:5px 5px ;
 text-align:center;
}

#news img{
 margion:0 auto;
}

.quotebox{
 margin:0 0 25px 0px;
 padding:10px;
 background:#eeeeee;
 border:1px solid #d6d6d6;
 width:435px;
}

p.quotep{
 padding:0 25px 20px 25px;
 background:url('../img/quote2.gif') no-repeat bottom right;
}

.quotebox .quotetop{
 background:url('../img/quote1.gif') no-repeat;
 height:35px;
}

#photothumbs p{
 margin-bottom:25px;
}

/** Gallery Styles **/

#thumbnails{
 margin-left:10px;
}
#thumbnails img{
 margin:6px;
 float:left;
}
#sketch{
 text-align:center;
 margin:0px auto 50px auto;
 padding:0;
}

#sketch img.main{ border:1px solid #333 }

img.frame{
 margin-bottom:-2px;
 margin-top:-2px; 
}


/*++++ poetry page styles +++++*/

#poems{
 width:470px;
 font-size:.8em;
 border:1px solid #ccc;
 background:#eee;
}
#poems p{
 line-height:1.6em;
}
#poems span{
 margin:15px 5px;
 padding:5px 0;
}

#poems p a{
 font-size:1.3em;
 text-decoration:underline;
 border:0;
}	

#poems p.inactive{
 color:#999;
}

#poemintro{
 width:470px;
 border:1px solid #ccc;
 margin:5px 0;
}

#poemintro h4{
 margin:5px 0 0 10px;
}

#poem{
 text-align:center;
 padding:0 0 25px 0px;
}
#poem p{
 margin:0;
 padding:0;
}

#poem h3{
 margin:0 0 25px 0px;
 font-size:3em;
}

#poempage p{
 padding:0 10px;
}

#poempage h3{
 width:470px;
 font-size:2.4em;
 text-align:center;
}

#poempage poems h3{
 fon-size:1.4em;
 text-align:left;
}

/*++++ Photography styles +++++*/

div.photograph{
 margin:8px 0px;									 
 float:left;
 text-align:center;
 width:120px;
}

.photograph h4{
 font-size:1em;
 padding:5px 0;
 margin:0;
 text-align:center;
}

.photograph p{
 margin:0;
 padding:0;
 font-size:.8em;
}