/*          Header                  */
#menu
{
    background-color: white;
    width: 600px;
    position: absolute;
    top: 0px;
    left: 210px;
    height: 50px;
    vertical-align: middle;
}

#header
{
    border-bottom: silver solid;
    left: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 150px;
}

#logo
{
    background-image: url(../images/PhotographyLogo.gif);
    background-color: white;
    left: 0px;
    width: 200px;
    position: absolute;
    top: 0px;
    height: 150px;
}

/*             Content Panel              */
#content
{
    left: 0px;
    width: 100%;
    position: absolute;
    top: 151px;
    height: 450px;
    z-index: -1;
}

/* Want Content to stay exactly in middle of screen (well row). 
We know the absolute size of the box.
So place it at the half way point and deduct half it's width from the margin
Voilia it is in the middle of the screen always.*/
#TextStyleContent
{
    position: absolute;
    background-color: white;
    width: 900px;
    height: 450px;
    color: black;
    left: 50%;
    margin-left: -450px;
    border-left: silver double;
    border-right: silver double;
    overflow: auto;
    z-index: -1;
}

/*  Portfolio Styles */
#PortFolioStyle
{
    position: absolute;
    background-color: white;
    width: 900px;
    height: 450px;
    color: black;
    left: 50%;
    margin-left: -425px;
    border-left: silver double;
    border-right: silver double;
    overflow: auto;
    z-index: -1;
}

H1, H2, H3, A, P {font-family:Verdana}
H1 {font-weight:bold; color:black; font-size: 20pt}
H2 {font-weight:bold; color:black; font-size: 15pt}
H3 {font-weight:bold; color:black; font-size: 10pt}
H4 {font-weight:bold; color:black; font-size: 10pt}
H5 {font-weight:bold; color:black; font-size: 10pt}
H6 {font-weight:bold; color:black; font-size: 8pt}



/*          NewsPage                  */
#NewsHeader
{
	border-top: silver solid;
    left: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 40px;
    z-index: -1;
    color: blue;
    background-color: green;
}
#NewsSection
{
    position: absolute;
    background-color: white;
    width: 900px;
    height: 400px;
    color: black;
    left: 50%;
    top: 40px;
    margin-left: -450px;
    border-left: silver double;
    border-right: silver double;
    overflow: auto;
    z-index: -1;
}


/*             Footer               */
#footer
{
    border-top: silver solid;
    left: 0px;
    width: 100%;
    position: absolute;
    top: 601px;
    height: 20px;
}

.footerP
{
    font-family:Arial;
    font-size:small;
    color:Black;
    text-align:right;
}


.ImagePrev
{
	border-top: silver solid;
    left: 0px;
    width: 50px;
    position: absolute;
    top: 200px;
    height: 50px;
    z-index: -1;
    color: blue;
    background-color: green;
}

.ImageNext
{
	border-top: silver solid;
    left: 300px;
    width: 50px;
    position: absolute;
    top: 200px;
    height: 50px;
    z-index: -1;
    color: blue;
    background-color: green;
}
.Image
{
	border-top: silver solid;
    left: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 100%;
    z-index: -1;
    color: blue;
    background-color: green;
}