* {
padding: 0;
margin: 0;
}

body {
font-size: 73%;
font-family: verdana, arial, helvetica, sans-serif;
padding: 10px;
background: #666666 url("/images/bg.jpg") top center no-repeat;
}

img { behavior: url(iepngfix.htc);
border: none;
 }

#Masthead {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 10px;
	background: url("") bottom repeat-x;
	behavior: url(iepngfix.htc);
}

#header {
	float: right;
	width: 1000px;
	background: #fff url("");
}

#Main {
	width: 1000px;
	margin: 0 auto;
	background: url("");
	behavior: url(iepngfix.htc);
}


#Ads {
	width: 165px;
	text-align: center;
	padding-bottom: 10px;
}
#Ads img { 
	margin-bottom: 10px;
	border: none;
}


.clear {
	clear: both;
}

#Content {
	float: left;
	width: 1000px;
	background: url("/images/bgcontent.png");
	
}
#Content img {
	border: none;
	}
#Menu {
	position: relative;
	margin: 0 auto;
	width: 650px;
	height: 23px;
	background: #fff url("") bottom repeat-x;
	behavior: url(iepngfix.htc);
}
#Menubg {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 23px;
	background: #fff url("") bottom repeat-x;
	behavior: url(iepngfix.htc);
}
#navigation {
overflow: auto;
}
#navigation li {
float: left;
list-style: none;
background-color: #fff; /* to cater for users without images */
}
#navigation a {
display: block;
background-image: url("/images/tabright.gif");
background-position: top right;
background-repeat: no-repeat;
color: #FFF;
text-decoration: none;
font-weight: bold;*/
}
#navigation span {
display: block;
background-image: url("/images/tableft.gif");
background-repeat: no-repeat;
padding: 5px 15px;
}
#navigation a:hover {
background-position: right -198px;
}
#navigation a:hover span {
background-position: 0 -198px;
}

#navigation li ul {
position: absolute;
width: 10em;
left: -999em;
margin-left: 2px;
font-size: 90%;
}
#navigation li ul a, #navigation li ul a:link {
background-image: none;
padding: 5px;
width: 10em;
background-color: #666;
}
#navigation li ul a:hover {
background-color: #333;
}
#navigation li:hover ul, #navigation li.sfhover ul {
left: auto;
}

#Footer {
	font: 11px/135% Arial, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 15px;
}

#Footer a:link,
#Footer a:visited {
	color: #FFF;
}

#Footer a:hover,
#Footer a:active {
	color: #FFF;
}

/* used to style the thumbnail caption under the photo */
.thmbcaption {
	font-size: .8em;
	margin: 0;
	padding: 0;
}

/* used to style the EXIF comment caption */
.photocaption {
	font-size: 1em;
	margin: 0;
	padding: 0;
}



/*
used to style the page listing and next prev links
both on the thumbnail pages and the photo pages.
why is it called caption...
i honestly don't remember it just is
and i don't feel like changing it. deal with it.
*/
.caption {
	font-size: .8em;
}

/*
used to style the main menu/album listing
the defaults is a horizontal menu but you could use the something
like the following to create a vertical menu

Yes I know the colors are butt ugly. It is only to show you what can be done.
Don't forget to make the divider a blank space in the config section of the script.

.album {
	float: left;
}
.album br {
	line-height: 0;
}
.album a {
	display: block;
	margin: 0;
	padding: 5px;
	border: 1px solid yellow;
	background-color: red;
}

*/
.album {

}
.album br {

}
.album a {

}


/*
used to style the main photo listing
all photo information is in this div

along with the album float above you could
define the photobody to float right and create
a two column menu main content look

.photobody {
	float: right;
	width: 75%;
}

*/
.photobody {

}
/*
used to style the footer of the defualt footer
*/
.lgrfooter {
	clear: both;
	font-size: .55em;
}


.style2 {color: #FFFFFF}
.style3 {
	font-size: x-large;
	color: #FFFFFF;
}
.style4 {
	font-size: medium;
	color: #FFFFFF;
}