H1{
color: #ccc;
font-family: "Arial Narrow", tahoma, "Lucida Grande", arial, helvetica, sans-serif;
text-align: center;
font-size: 50px;
}

H2, H3 {
color: #ccc;
font-family: "Arial Narrow", tahoma, "Lucida Grande", arial, helvetica, sans-serif;
text-align: center;
font-size: 30px
}





BODY {
background-color: #999;
font-size: 93%;
font-family: "Arial", verdana, arial, helvetica, sans serif;
color: #cff;
margin: 0;
padding: 0;
text-align: center;
}



TABLE, BODY, TD, TH, CAPTION {
font-size: 93%;
font-family: "Arial", verdana; sans serif;
color: #ccc;
}

a:link {
color: #9cc;
}

a:visited {
color: #99c
}

a:hover {
color: #fff
}


/*to center the page*/
#page{
width: 770px;
margin: 0 auto; 
text-align: left; 
background-image: url(../images/navbar.jpg); background-repeat: repeat-y;
background-color: #000
}

/*for the sidebar navigation*/
#navigation{
float:left;
width: 185px;
}



/*main content*/
#main{
margin: 0 0 0 200px;
width: 565px; 
}


/*main content for photo pages*/
#mainphoto{
width: 770px;
margin: 0 auto; 
text-align: left; 
background-color: #000 
}

#navigation ul {
list-style: none;
margin-left: 1em;
padding-left: 0;
}

#navigation li {
font-family: tahoma;
font-size: 85%;
color: #ccc;
margin-bottom: 1em;
}


#navigation a:link {
text-decoration: none;
color: #ccc;
background-color: transparent;
}

#navigation a:visited {
text-decoration: none;
color: #ccc;
background-color: transparent;
}


#navigation a:hover {
color: #fff;
}


#footer
{
font-size: 85%;
color: #cff;
}