* {
    margin: 0;
    padding: 0;
}
html>body {
    margin: 0;
    padding: 0;                                                                                                                
}
body {
    font : 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin : 0px;
    min-width : 850px;
    text-align: center;
    /* IE fix to center the page */
    background-color : #6f97e9;
}
h1 {
    font : bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : White;
    margin-bottom : 2px;
}

/* Header CSS Attributes */

#header {
    display: block;
    width: 850px;
    height: 140px;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
    background-image : url(../images/photohdr.jpg);
}
#title h1 {
    font : bold 14px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : White;
    padding-top : 54px;
    text-align : right;
    padding-right : 12px;
}



/* Horizonal Navigation attributes */

#nav {
    display: inline;
    
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
    padding: 0;
    float : right;
}
#nav ul {
    text-align : left;
    padding-top : 32px;
    padding-right : 12px;
}
#nav li {
    display: inline;
    list-style: none;
    padding: 0px 0px 0px 24px;
    font : bold 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#nav li a {
    text-decoration: none;
    color : White;
}
#nav li a:hover {
    color: #FFFF33;
    border-bottom : 2px dotted #FFFF33;
}
#top {
    display: block;
    clear: both;
    width: 850px;
    height: 18px;
    background-image : url(../images/y-top.jpg);
}
#photonav {
    width : 620px;
    padding-left : 8px;
    font : bold 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align : center;
    margin: 0px auto;
}

/* Photo Page Header & Navigation CSS Attributes */

#shortheader {
    display: block;
    width: 850px;
    height: 32px;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */

}
#shorttitle {
    float: left;
    width: 340px;
}
#shorttitle h1 {
    font : bold 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : White;
    padding-top : 6px;
    text-align : left;
    padding-left : 12px;
}

#shortnav {
    display: inline;
    width: 500px;
    padding: 0;
    float : right;
}
#shortnav ul {
    text-align : right;
    padding-top : 8px;
    padding-right : 12px;
}
#shortnav li {
    display: inline;
    list-style: none;
    padding: 0px 0px 0px 18px;
    font : bold 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#shortnav li a {
    text-decoration: none;
    color : White;
}
#shortnav li a:hover {
    color: #FFFF33;
    border-bottom : 2px dotted #FFFF33;
}

/* Center Content CSS Attributes */

#content{
    display: block;
    width: 850px;
    background-image : url(../images/y-mid.jpg);
    background-repeat : repeat-y;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
}
.clearfix:after {
    content: ".";
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#columnleft {
    float: left;
    width: 610px;
    padding-left : 24px;
    padding-bottom : 12px;
    display: inline;
}

/* Sidebar CSS Attributes */

#sidebar {
    float: right;
    width: 190px;
    padding-right : 14px;
    display: inline;
    text-align : center;
}
#sidebar p {
    font : 10px/16px Arial, Helvetica, sans-serif;
    color : #12409e;
    text-align : center;
    width: 160px;
    padding : 15px 6px 15px 16px;
}
#sidebar h3 {
    font : bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
    color : #12409e;
    text-align : center;
    width: 170px; 
    padding : 6px 6px 12px 6px;
}
#logo {
    padding-top: 4px;
    text-align : center;
}
/* Footer CSS Attributes */

#footer {
    clear: both;
    display: block;
    width: 850px;
    text-align: center;
    /* IE fix to center the page */
    margin: 0px auto;
    /* center the page in Firefox */
}
#bottom {
    display: block;
    width: 850px;
    height: 40px;
    background-image : url(../images/y-foot.jpg);
}
#bottom p {
    padding : 12px ;
    font : 10px Arial, Helvetica, sans-serif;
    color : #336699;
    text-align : center;
}
#credits {
    clear: both;
    display: block;
    width: 850px;
}
#credits p {
    display: block;
    font : 9px Arial, Helvetica, sans-serif;
    color : White;
    text-align : center;
    margin : 0px;
    padding-top : 4px;
    padding-bottom : 8px;
}
#credits a {
    color : White;
    text-decoration : underline;
}
#credits a:hover {
    color: #FFFF33;
    text-decoration : none;
}