html {
position: absolute;
height: 100%;
width: 100%;
font-family: Verdana, Arial, Sans-serif; 
margin: auto;
}

body {
width: 800px;
margin: auto;
}


html, body, p, div, li, td, span{
    font-family: Verdana, Arial, Sans-serif; 
    font-size: 14px; 
    font-weight: 400; 
    font-style: normal; 
    text-decoration: none; 
    color:#222222;
    background-repeat: no-repeat;
	padding-top: 3px;
    }

A:link {
   text-decoration: underline; 
   color:#333333 }
A:visited {
   text-decoration: underline;
   color:#555555 }
A:hover {
   text-decoration: underline;
   color:#bb0000 }

HR {
border: 0px;
margin: 0px;
background-color: #333377;
height: 1px;
   }
   

H1 {
       font-size:50px; 
       font-weight: 800; 
       font-style: normal; 
       text-decoration: none; 
       letter-spacing: -5px; 
       word-spacing: +5px; 
       margin: 0px 0px 0px 0px; 
    }
H2 {
       color:#555555;
       font-size:23px; 
       font-weight: 600; 
       font-style: normal; 
       text-decoration: none; 
       letter-spacing: -2px; 
       word-spacing: +1px; 
       vertical-align: bottom;
       margin: 0px 0px 0px 0px; 
}
H3 {
       color:#555555;
       font-size:16px; 
       font-weight: 600; 
       font-style: normal; 
       text-decoration: none; 
       vertical-align: bottom;
       margin: 0px 0px 0px 0px; 
}
H4 {
       color:#555555;
       font-size:14px; 
       font-weight: 600; 
       font-style: normal; 
       text-decoration: none; 
       letter-spacing: 0; 
       word-spacing: 0; 
       vertical-align: bottom;
       margin: 0px 0px 0px 0px; 
}


*/-----------------*/
*/ DIV Information */
*/-----------------*/

.div{
}

    .background{
       position: relative;
	   clear: both;
       margin-left: auto;
       margin-right: auto;
       margin: 0px;
       width: 800px;
	   height: 530px;
       Background-image: url(090109-224903Canon_EOS_30D_V1.jpg);
       background-repeat: no-repeat;
       background-position: top left;
    }
    .header{
       position: relative;
	   width: 100%;
       margin-left: auto;
       margin-right: auto;
       margin: 0px;
       margin-top: 314px;
       height: 70px;
       color:#484848;
       padding:0px;
	   Background-image: url(menu_bg.jpg);
       background-repeat: no-repeat;
       background-position: top left;
    }
	.menu{
	   position: absolute;
       right: 0px;
	   bottom: 0px;
	   height: 70px;
    }
	.menu_home_link{
	   position: absolute;
       left: 0px;
	   bottom: 0px;
	   height: 70px;
	   width:200px;
    }
	.menu_item{
	   color: #ffffff;
	   vertical-align: center;
	   padding-left: 8px;
	   padding-right: 10px;
	   font-weight: 600; 
       font-size:14px; 
	   text-decoration: none;
    }
	.menu_item a:link, .menu_item a:visited {
	   color: #ffffff;
	   text-decoration: none;
    }
	.menu_item a:hover {
	   color: #c30000;
	   text-decoration: none;
    }
	
    .content {
       margin-left: auto;
       margin-right: auto;
       margin-top: 0px;
       padding: 0px 0px 0px 0px;
       text-align:justify;
    }

	.photo_album_menu{
	   font-weight: 600; 
       font-size:14px; 
	   text-decoration: none;
    }	

    .box {
       border:solid 0px #333377;
       padding: 10px;
       padding-bottom: 15px;
       padding-top:0px;
       margin-right: 0px;
       margin-left: 0px;
       margin-top: 0px;
       margin-bottom: 0px;
       
        }
      
    .footer {
       clear:both;
       font-size: 12px; 
       font-weight: 600; 
       text-align: right;
       margin: 0px;
       border:0px;
       padding: 10px;
       Background-image: url(menu_bg.jpg);
       background-repeat: no-repeat;
       background-position: bottom right;
       text-decoration: none; 
       color: cccccc;
    }
       .footer a:link, .footer a:visited, .footer a:hover {
         text-decoration: none;
         color: #ffffff;
         border:none;
       } 


.hidden {display:none}
.shown {display:inline}
    
    
form{
margin: 0px 0px 0px 0px; 
display: inline;
}

img{
border:0px;
margin-left: auto;
margin-right: auto;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.thumbnail { 
	padding: 0px; 
	margin: 2px; 
	background: #fff; 
	}

.photo_header {
	width: 100%;
}
	
.page_nav {
    position: absolute;
    right: 0px;
}

HR {
border: 0px;
margin: 0px;
background-color: #aa6600;
height: 1px;
   }

.label{
}
    label.login {
	font-family: Verdana, Arial, Sans-serif; 
	font-weight: 400;
	font-style: normal; 
        }
    
    label.login_sm {
	font-family: Verdana, Arial, Sans-serif; 
	font-weight: 400;
	font-style: normal; 
        }

    kbd.shortcut {
	font-family: Verdana, Arial, Sans-serif; 
	font-size: 13px; 
	text-decoration:underline;
        }

    input.button {
	border:1px solid;
	padding:0 .1em;
	cursor:pointer;
	border-radius:.4em;
        }

    input.text, textarea, select {
	border:1px solid;
	letter-spacing:0px
        }

    input.text, input.button, textarea, select {
	font:10pt "Verdana","Arial","Helvetica",sans-serif;
	font-weight:normal
	border-color:#000;
	color:#000;
	background-color:#bfbfbf;
        }

    input.text, textarea, select, div.kill-droplist {
	background-color:#cccccc;
        }

    input.text:focus, input.text:focus, textarea:focus {
	background-color:#eeeeee;
        }

    input.button:hover, input.button:focus {
	background-color:#bfbfbf
        }

    input.button:active {
	background-color:#eeeeee
        }

    input.button[disabled] {
	border-color:#CCC;
	color:#333;
	background-color:#EEE
        }