/*
Font
Default in browser 16px
1em = 16px
Normal for <p>: 0.875em (14px), line-heigth: 1.3125 (21px)
Normal for caption: 0.875em
Note that 12px is too small.
*/
body{
    font-family: verdana,helvetica,arial,sans-serif;
    line-height: 1.3125em;
    font-size: .875em;
}
h2{
    line-height: 1.3125em;
    font-size: 1.3125em;
}
h3{
    line-height: 1.0em;
    font-size: 1.0em;
}
nav{
    line-height: 1.125em;
    font-size: 0.875em;
}

#wrapper{
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}
header #logo{
    width: 91px;
    height: 136px;
    float: left;
}
header #logo img{
    width: 85px;   /*  91-0-2-1-1-2-0 */
    height: 125px; /* 136-0-2-1-6-2-0 */
    padding: 3px; 
    padding-bottom: 6px;
    border-bottom: 2px solid yellow;
}
header #nav1
{
    width: 320px;
    height: 40px;
    float: right;
}
header #nav1 nav
{
    display: table;
}

header #nav1 nav ul{
    display: table-row;
    /* yellowish white */background-color: rgb(254, 254, 234);
}
header #nav1 nav ul li{
    width: 312px; /* 320-0-3-1-1-3-0 */
    height: 16px; /*  38-0-3-1-1-3-0 */

    margin: 0px; padding: 3px; border:1px solid transparent;
    border-right: 1px solid rgb(25, 25, 82);

    display: table-cell;
    text-align: center;
}
header #nav1 nav ul li:last-child{
    border-right: 1px solid transparent;
}

header #center{
    max-width: 638px; /* 640-0-0-0-2-0-0 */
    height: 136px;
    margin: 0px; padding: 0px;
    border-top: 0px dotted  black;
    border-right: 2px solid yellow;
    border-bottom: 0px dotted black;
    border-left: 0px dotted  black;
}

/*  Internet Explorer 9 and earlier do not support the text-shadow property. */
header #center #name{
    text-align: left;
    max-width: 545px; /* 638-91-0-2-0-0-0-0 */

    margin: 0px; padding: 0px; border: 0px;
    padding-top: 40px; /* 131-42-44-5 */
    padding-bottom: 10px;

    font-family: verdana,helvetica,arial,sans-serif;
    line-height: 44px;
    font-size: 36px;
    text-shadow:
        1px 1px 0px rgb(0, 0, 0),
        1px -1px 0px rgb(0, 0, 0),
        -1px -1px 0px rgb(0, 0, 0),
        -1px 1px 0px rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}
header #center #nav2
{
    height: 40px; /*     42-0-2-0-0-0-0 */
    width: 545px; /* 638-91-0-2-0-0-0-0 */
    margin: 0px; padding: 0px; border: 0px;
    border-top: 2px solid yellow;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 2px solid yellow;
    display: table;
}
header #center #nav2 ul
{
    display: table-row;
}
header #center #nav2 ul li
{
    height: 32px; /*      34-0-4-0-0-4-0 */
    max-width: 537px;

    margin: 0px; padding: 3px; border:1px solid transparent;
    border-right: 1px solid rgb(254, 254, 234);

    display: table-cell;
    text-align: center;
}
header #center #nav2 ul li:last-child {
    border-right: 1px solid transparent;
}


#main{
    max-width: 960px;
    clear: both;
}
#main #footdisorder,
#main #MainText
{
    width: 638px; /* 960 - 320-2 */
    margin: 0px 320px 0px 0px;
    padding: 0px; border: 0px;
    border-right: 2px solid yellow;
}

#main aside{
    float: right;
}
#main aside nav {
    display: table;
}
#main aside nav ul{
    width: 320px;
    margin: 0px; padding: 0px; border: 0px;
    border-top: 2px solid yellow;
    display: block;
}
#main aside nav ul li{
    width: 312px; /* 314-0-1-3-3-1-0*/
    height: 16px; /*  24-0-1-3-3-1-0 */
    margin: 1px; padding: 3px; border: 1px solid transparent;
    border-bottom: 1px solid rgb(254, 254, 234);
    display: list-item;
    text-align: center;
    list-style-type: none;
}
#main aside nav ul li:last-child{
    border-bottom: 1px solid transparent;
}

#footdisorder p,
#MainText p,
#footdisorder h2,
#MainText h2,
#footdisorder h3,
#MainText h3
{
    width: 616px; /* 638-1-6-1-1-6-1 */
    margin: 1px; padding: 6px; border: 1px dotted transparent;
}

#footdisorder a,
#MainText a{
    color: rgb(25, 25, 82);
    text-decoration: underline;

}

#footdisorder .separationClear,
#photosession .separationClear,
#MainText .separationClear
{
    clear: both;
}
#footdisorder .separationLine,
#photosession .separationLine,
#MainText .separationLine
{
    width: auto;
    height: 1px;
    margin: 6px; padding: 1px; border: 1px dotted transparent;
    border-bottom: 1px solid rgb(25, 25, 82);
}
#footdisorder .separationLineClear,
#photosession .separationLineClear,
#MainText .separationLineClear
{
    width: auto;
    height: 1px;
    margin: 6px; padding: 1px; border: 1px dotted transparent;
    border-bottom: 1px solid rgb(25, 25, 82);
    clear: both;
}

#footdisorder aside,
#MainText aside{
    float: left;
    width: 307px; /* 320-1-1-1-5-1-5 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    padding-right: 6px;
    margin-right: 6px;
}
#footdisorder aside p,
#MainText aside p{
    max-width: 301px; /* 307-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
}

#footdisorder aside figure,
#MainText aside figure{
    max-width: 301px; /* 314-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

#footdisorder aside figure img,
#MainText aside figure img{
    max-width: 299px;
    margin: 0px; padding: 0px; border: 1px solid black;
}
figcaption{
    font-style: italic;
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0px;
}

#footdisorder aside.QuarterSize,
#MainText aside.QuarterSize{
    float: left;
    width: 147px; /* 160-1-1-1-5-1-5 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    padding-right: 6px;
    margin-right: 6px;
}
#footdisorder aside.QuarterSize p,
#MainText aside.QuarterSize p{
    max-width: 141px; /* 147-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
}

#footdisorder aside.QuarterSize figure,
#MainText aside.QuarterSize figure{
    max-width: 141px; /* 147-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

#footdisorder aside.QuarterSize figure img,
#MainText aside.QuarterSize figure img{
    max-width: 139px;
    margin: 0px; padding: 0px; border: 1px solid black;
}

#footdisorder aside.ThirdSize,
#MainText aside.ThirdSize{
    float: left;
    width: 227px; /* 240-1-1-1-5-1-5 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    padding-right: 6px;
    margin-right: 6px;
}
#footdisorder aside.ThirdSize p,
#MainText aside.ThirdSize p{
    max-width: 221px; /* 227-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
}

#footdisorder aside.ThirdSize figure,
#MainText aside.ThirdSize figure{
    max-width: 221px; /* 227-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

#footdisorder aside.ThirdSize figure img,
#MainText aside.ThirdSize figure img{
    max-width: 219px;
    margin: 0px; padding: 0px; border: 1px solid black;
}

footer{
    width: 960px;
    clear: both;
    border-top: 2px solid yellow;
}
footer #nav5{
    display: table;
}
footer #nav51{
    background-color: rgb(139,139,161);
    margin-right: 3px;
    border-right: 1px solid rgb(139,139,161);
    display: table;
    float: left;
}
footer aside#nav4{
    display: table;
    float: left;
}
footer aside#nav41{
    background-color: rgb(139,139,161);
    border-right: 1px solid rgb(139,139,161);
    margin-right: 3px;
    display: table;
    float: left;
}
footer aside#nav6{
    display: table;
    float: right;
}
footer aside#nav61{
    background-color: rgb(139,139,161);
    border-right: 1px solid rgb(139,139,161);
    margin-right: 3px;
    display: table;
    float: left;
}
footer ul{
    width: 314px; /* 320-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px solid transparent;
    display: block;
}
footer ul li{
    width: 308px; /* 314-1-1-1-1-1-1*/
    min-height: 16px;
    margin: 1px; padding: 1px; border: 1px solid transparent;
    display: list-item;
}
footer aside#nav41 ul,
footer aside#nav51 ul,
footer aside#nav61 ul{
    width: 154px; /* 160-1-1-1-1-1-1 */
    display: block;
}
footer aside#nav41 ul li,
footer aside#nav51 ul li,
footer aside#nav61 ul li{
    width: 148px; /* 154-1-1-1-1-1-1*/
    min-height: 16px;
    display: list-item;
}

#main #photosession aside{
    width: 314px; /* 320-1-1-1-1-1-1*/
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    margin-top: 0px;
    margin-right: 0px;
    border-top: 2px solid yellow;
    border-right: 2px solid yellow;
    float: right;
}
#main #photosession aside p,
#main #photosession aside h2,
#main #photosession aside h3{
    width: 308px; /* 314-1-1-1-1-1-1*/
    margin: 1px; padding: 1px; border: 1px dotted transparent;
}
#photosession #photolandscape
{
    width: 444px; /* 640-95-1-1-95-1-1 */
    height: 296px; /* 444*0.666 */
    margin: 2px 95px 1px 95px ; padding: 0px; border: 1px solid black;
}
#photosession #photoportrait
{
    width: 266px; /* 640-184-1-1-1-184-1-1-1 */
    height: 296px; /* 444*0.666 */
    margin: 0px 185px 1px 185px ; padding: 0px; border: 1px solid black;
}
#photosession #navphotos
{
    display: table;
}
#photosession #navphotos ul
{
    width: 634px; /* 640-1-1-1-1-1-1-1 */
    height: 23px; /* 29-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted black;
    display: table-row;
}
#photosession #navphotos ul .arrow
{
    width: 89px; /* 95-1-1-1-1-1-1 */
    height: 17px; /* 29-6-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    display: table-cell;
    text-align: center;
}
#photosession #navphotos ul .arrow a
{
    color: rgb(25, 25, 82);
}
    #photosession #navphotos ul #textslide
{
    width: 444px; /* 640-190-1-1-1-1-1-1 */
    height: 17px; /* 29-6-1-1-1-1-1-1 */
    margin: 1px; padding: 1px; border: 1px dotted transparent;
    display: table-cell;
    text-align: center;
    font-style: italic;
}

/* ------------------------------------------------------- */
/* ---------------------- COLOR -------------------------- */
/* ------------------------------------------------------- */

/* Background and letter colors */
#wrapper{
    /* Grey-blue */background-color: rgb(139, 139, 161);
}
#main{
    /* Grey-blue lighter*/background-color: rgb(174, 174, 202);
}

header #center #nav2,
#main #nav3 nav
{
    /* blue */background-color: rgb(25, 25, 82);
}
#main #nav3 nav ul li
{
    text-align: left;
}

a{
    text-decoration: none;
    /* yellowish white */color: rgb(254, 254, 234);
}
.CurrentLink{
    /* yellowish white */background-color: rgb(254, 254, 234);
}
.CurrentLink a{
    /* blue */color: rgb(25, 25, 82);
}
/* ------------------- */
header #nav1 nav,
#main #footdisorder,
#main #photosession,
#main #MainText
{
    /* yellowish white */background-color: rgb(254, 254, 234);
}
header #nav1 nav a{
    /* blue */color: rgb(25, 25, 82);
}
figcaption{
    background-color: rgb(233, 233, 213);
    color: rgb(77, 77, 77);
}

footer .Topic{
    background-color: rgb(139, 139, 161);
    border-bottom: 1px solid rgb(174, 174, 202);
    color: rgb(227, 227, 237);
    text-align: left;
    list-style-type: none;
    font-style: italic;
}

footer .MainTopic{
    background-color: rgb(121, 121, 147);
    color: rgb(227, 227, 237);
    text-align: left;
    list-style-type: none;
    font-weight: bold;
}
footer a{
    color: rgb(227, 227, 237);
}

/* -----------------------------------------------------------*/