/* CSS TEMPLATE FOR Photo Galleries - header and footer*/
/* DEVELOPER Fredrik Holmen 2005 <fredrik.holmen@lycka.com> */
/* 25 September 2005 */


/*  Establish general layout parameters */
		
body	{
	margin: 0;
	padding: 0;
	border-top: 4px solid #ffcc00;
	}

#wrapper{
	margin: 7px auto;
	padding: 0;
	width: 897px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 900px;
	margin-top: 7px;
	}
	
body>#wrapper	{
	width: 897px;
        margin: 7px auto;
	} 

#logo {
	margin: 0px 0 5px 0;
	height: 40px;
	width: 120px;
	float: left;
	background-image: url('/pics/rainbow.png');
	background-repeat: repeat-x;
       }
       
#header  { 
	  float: left;
	  margin-top: 0px;
	  margin-left: 20px;
	 }

#header h1 { 
                    font-weight: normal; 
                    font-stretch: expanded; 
                    text-align: left;
                    font-size: 12pt;
                    margin: 0;
                    font-family: courier new, sans-serif; /* bmh */	
	            voice-family: "\"}\""; 
	            voice-family:inherit;
                    font-family: courier new, sans-serif;
	            }

div>#header h1 {
        font-family: courier new, sans-serif;
	} 

#pagebody {
	clear: both;
	}
	
#footer {
	border: 0;
	border-top: 1px solid black;
	padding: 5px 0px 0px 0px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	}


#img {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
a.image, a.image:link, a.image:visited, a.image:active, a.image:hover
	{
	text-decoration: none;
	border: none;
	}
	
	
/* Sidebars */
		
#left_menu
{
	float: left;
	margin-top: 15px;
        padding:0;
        width: 137px;
        margin-left: 100px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left: 50px;
	width: 140px;
	}
		
div>#left_menu	{
	margin-left: 100px;
	width: 137px;
	}


#maincontent
	{
	  margin: 15px 100px 10px 240px; 
	  width: 460px;
	  padding:0;
	  text-align: left;
	 }
	
#maincontent img {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* Navigation */
#nav 
        {
          float: right;
          padding: 0;
          padding-bottom: 5px;
          border-bottom: 1px solid black;
          margin-top: 0px;
          margin-bottom: 0px;
          /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 283px;
	}
		
div>#nav	{
	width: auto;
	}
          
 	
#nav ul
        { 
          height: 16px;
          margin: 0px;
          padding: 0;
          list-style: none;
          text-align: right;
         }

#pic_nav li, #nav li 
       {
         margin: 0;
         padding: 0;
	 display: inline;
       }

#pic_nav 
   	{
	 float: right;
	 width: 300px
	 padding: 0;
	 margin: 0px;
	 font-size: 12px;
   	 margin-top: -30px; /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-top: -20px;
	}
		
div>#pic_nav	{
	margin-top: -30px;
	}

#pic_nav ul {
		text-align: right; 
		list-style: none; 
		margin: 0px
		padding: 0px; 
		height: 10px;
	     }


#nav a:link, #nav a:visited { 
                              color: black;
                              font-family: courier new, sans-serif;
                              font-size: small;
                              padding: 0 0 0 10px;
                             }

#nav a:active, #nav a:hover { 
                              color: gray;
                              font-family: courier new, sans-serif;
                              font-size: small;
                              padding-bottom: 1px;
                                           }	
 
#pic_nav a:link, #pic_nav a:visited 
  			{ color: black; 
  			font-family: Tahoma, sans-serif; 
  			font-weight: normal; 
  			padding: 0 0 0 5px;
  			}

#pic_nav a:active, #pic_nav a:hover 
   			{ color: gray; 
   			font-family: Tahoma, sans-serif; 
   			margin: 0; 
   			padding-bottom: 1px; 
   			border-top: medium none;
   			}


	
/* Frame */

#frame {
	position: relative;
	display: block;
	margin: 0 auto 10px auto;
	width: 890px;
	height: 600px;
	padding: 0px;
	text-align: center;
	background-color: #808080;
	border: 1px solid black;
	clear: both;
	}		

.image {
	position: absolute; top: 50%; left: 50%;
	height: 550px; /* Requires pictures to be 550px tall */
	width: 890px;
	padding: 0;
	margin-top: -275px;
	margin-left: -445px;
	}
	
image img {margin; 0;
	   border: none;
	   }
	
a img, a img:link, a img:visited, a img:active, a img:hover
	{
	text-decoration: none;
	border: none;
	}

#galleryImage {
		margin: 0 auto 10px auto;
		padding: 0px;
		}
		
		#galleryImage li {
					display: block;
					margin: 0px auto;
					width: 880px;
					height: 600px;
					line-height: 600px;
					padding: 5px;
					text-align: center;
					background-color: #808080;
					border: 1px solid black;
					clear: both;
					}

		#galleryImage li img {
					display: inline;
					vertical-align: middle;
					border: 0px solid black;
					}
			
/* Thumbnails */
			

#thumbnails li:hover {background-color: lightgray;}


#thumbnails li {
			display: block;
			float: left;
			margin: 5px;
			width: 80px;
			height: 80px;
			line-height: 80px;
			padding: 5px;
			text-align: center;
			border: 1px solid gray;
			}
			
#thumbnails li img {
			vertical-align: middle;
			}
			

/* Typography */

a:link, a:visited  { color: green; font-weight: bold; text-decoration: none }
a:active, a:hover { color: gray; text-decoration: underline; margin: 0; padding-bottom: 1px; border-top: medium none }


h3 {margin: 0px;  
			 padding: 0px;
			 font-family : verdana, sans-serif; 
			 color: gray; 
			 font-weight: bold; 
			 font-size: 12pt;
			 font-variant: small-caps;
			 font-style: normal;
			 letter-spacing: 2px;}


h4 { font-family: courier new, sans-serif; font-style: normal; color: gray; font-weight: normal; font-size: 10pt; margin-top: 0;}


p, blockquote, li
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size: small;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

#footer p {
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: xx-small;
	}


.nomargin {
                 margin: 0;
                 padding: 0;
                }

.small {
            font-size: x-small;
          }

.centered_small {
            font-size: x-small;
                         text-align: center;
          }