/*page layout styles*/
html {height: 100%; font: 11px Arial, Helvetica, sans-serif;}
body{height: 100%; margin:0px;font: 11px Arial, Helvetica, sans-serif;}
.breadcrumb{
	font-size:11px;
	color: #4E4E4E;
	text-decoration: none;
	padding-left: 10px;
	padding-top:5px;
}
.breadcrumb a:link{color: #4E4E4E;	font-weight: bold; text-decoration: none;}
.breadcrumb a:hover{color: #4E4E4E;	font-weight: bold; text-decoration: none;}
.breadcrumb a:visited{color: #4E4E4E;	font-weight: bold; text-decoration: none;}
.main-area {
	width: 100%;
	margin: 0px;
	text-align: left;
	left: 0px;
	padding: 0px;
	height:150px;
	background-repeat: no-repeat;
	background-image:url(style/top.jpg);
	}
#topnavbar {
	height: auto;
	font-weight:bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px 6px 8px;
	margin: 0px;
	color: #002774;
	background-image: url(style/topnavbar.jpg);
	text-align:center;
	background-position: bottom;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
#topnavbar a:link { color: #002774; text-decoration: none; }
#topnavbar a:visited { color: #002774; text-decoration: none;}
#topnavbar a:hover {color:#002774; text-decoration: underline;}
.gallery_login{
font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:0px;
	padding-right:0px;
	color: #242455;
	width:100%;
	border-top:1px solid #242555;
	border-bottom:1px solid #CCCCCC;
	background-image:url(style/gallery_login.gif);
	background-repeat:repeat-x;
	}
.gallery_login a:link{color: #242455; text-decoration:none;}
.gallery_login a:hover{color: #242455; text-decoration:none;}
.gallery_login a:visited{color: #242455; text-decoration:none;}
#footer {
	clear:both;
	margin:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	background-image: url(style/footer.jpg);
	background-repeat:repeat-x;
	color:#002774;
	font-weight:bold;
	font-size:11px;
}
#footer{color:#002774;}
#footer a:link{color:#002774;}
#footer a:hover{color:#002774;}
#footer a:visited{color:#002774;}
H1{
	font-size: 15px;
	color: #666666;
	width:40%;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 5px;
}
H2 {
	font-size: 14px;
	color: #1D1B41;
	padding-left: 10px;
		text-decoration: none;
}
H2 a:link{color: #1D1B41; 	text-decoration: none;}
H2 a:hover{color: #1D1B41; 	text-decoration: none;}
H2 a:visited{color: #1D1B41; 	text-decoration: none;}
H3 {	font-size: 12px;}
.buttons{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.buttons a:link {color: #333333; text-decoration: none;}
.buttons a:hover {color: #333333; text-decoration: none;}
.buttons a:visited {color: #333333; text-decoration: none;}
.thumbnails {
	color: #333333;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}
.thumbnail{
	padding:0px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;	}
.thumbnail a:link{	
	text-decoration: none;
	font-weight: bold;
	color: #666666;}
.thumbnail a:hover{	
	text-decoration: none;
	font-weight: bold;
	color: #666666;}
.thumbnail a:visited{	
	text-decoration: none;
	font-weight: bold;
	color: #666666;}
.album{text-align:center;	padding: 10px;}
.emailtext{	padding-left:10px;	color: #333333;}
.picturebox{
	background-color: #E8EDF4;
	padding: 4px;
		font-weight: bold;
	color: #666666;
	width:500px;}
.imagebox{
	background-color: #E8EDF4;
	padding: 10px;
	font-weight: bold;
	color: #666666;
	clear:both;}
.icons{
	right:0px;
	position:absolute;
	top:120px;
	font-weight: bold;
	color: #4E4E4E;
	text-decoration: none;
	padding-right: 10px;
}
.icons a:link{	font-weight: bold;	color: #4E4E4E;	text-decoration: none;}
.icons a:hover{	font-weight: bold;color: #4E4E4E;text-decoration: none;}
.icons a:visited{	font-weight: bold;color: #4E4E4E;text-decoration: none;}
.search a:link{font-size: 12px;	font-weight: bold; color: #242455; text-decoration:none;}
.search a:hover{font-size: 12px;	font-weight: bold;	color: #242455; text-decoration:none;}
.search a:visited{font-size: 12px;	font-weight: bold;	color: #242455; text-decoration:none;}
.search {
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	width:100%;
	color: #242455;
}
.search form {margin:0px; padding:0px;}
.banner {margin-right:10px;}


/*styles for the photos*/
.#dsp_favourites, #dsp_gallery, #dsp_search, #dsp_viewone, #dsp_viewsection {
	position:relative;
	width: 546px;
	height: 700px;
	border: none #00FF99;
	background-repeat: no-repeat;
	padding-top: 142px;
	padding-left: 20px;
}
#photo1gallery a {
	width:230px;
	height:160px;
	position: absolute;
	top: 161px;
	right: 0px;
	left: 36px;
	background-image:url(skin/assets/MYphotos-roll.jpg);
}
#photo1gallery a:hover img{display: none;}
#photo2gallery a {
	width:230px;
	height:160px;
	position: absolute;
	top: 162px;
	right: 0px;
	left: 285px;
	background-image:url(skin/assets/thegall-roll.jpg);
}
#photo2gallery a:hover img{display: none;}
#photo3gallery a {
	width:230px;
	height:160px;
	position: absolute;
	top: 333px;
	right: 0px;
	left: 285px;
	background-image: url(skin/assets/upload-roll.jpg);
}
#photo3gallery a:hover img{	display: none;}
#photo4gallery a {
	width:230px;
	height:160px;
	position: absolute;
	top: 335px;
	right: 400px;
	left: 37px;
	background-image: url(skin/assets/search-roll.jpg);
}
#photo4gallery a:hover img{display: none;}
 #photo1viewone {
	width:495px;
	height:303px;
	position:absolute;
	top: 162px;
	left: 27px;
	}
#albumphoto1 {
	width:230px;
	height:160px;
	position: absolute;
	top: 161px;
	left: 36px;
}
#albumphoto2 {
	width:230px;
	height:160px;
	position: absolute;
	top: 162px;
	left: 285px;
}
#albumphoto3 {
	width:230px;
	height:160px;
	position: absolute;
	top: 333px;
	left: 285px;
}
#albumphoto4 {
	width:230px;
	height:160px;
	position: absolute;
	top: 335px;
	left: 36px;
}
#photo1 {
	width:155px;
	height:113px;
	position: absolute;
	top: 157px;
	left: 27px;
}
#photo2 {
	width:157px;
	height:115px;
	position: absolute;
	top: 157px;
	right: 0px;
	left: 196px;
}
#photo3 {
	width:156px;
	height:115px;
	position: absolute;
	top: 157px;
	right: 0px;
	left: 365px;
}
#photo4 {
	width:155px;
	height:114px;
	position: absolute;
	top: 285px;
	right: 400px;
	left: 27px;
}
#photo5 {
	width:155px;
	height:114px;
	position: absolute;
	top: 285px;
	right: 400px;
	left: 196px;
}
#photo6 {
	width:155px;
	height:114px;
	position: absolute;
	top: 285px;
	right: 400px;
	left: 365px;
}
#photo7 {
	width:155px;
	height:114px;
	position: absolute;
	top: 412px;
	right: 400px;
	left: 26px;
}
#photo8 {
	width:155px;
	height:114px;
	position: absolute;
	top: 412px;
	right: 400px;
	left: 195px;
}
#photo9 {
	width:155px;
	height:114px;
	position: absolute;
	top: 412px;
	right: 400px;
	left: 365px;
}
#TopHome a{
	width:63px;
	height:21px;
	position: absolute;
	top: 45px;
	right: 400px;
	left: 32px;
	background-image:  url(skin/Gallery%20JPEGS/Slices/btnHome.jpg);
}
#TopHome a:hover img{display: none;}
#TopGalleries a{
	width:78px;
	height:21px;
	background-image:  url(skin/Gallery%20JPEGS/Slices/btnGalleries.jpg);
	position: absolute;
	top: 45px;
	right: 400px;
	left: 95px;
}
#TopGalleries a:hover img{display: none;}
#TopPhotos a{
	width:89px;
	height:21px;
	background-image:  url(skin/Gallery%20JPEGS/Slices/btnPhotos.jpg);
	position: absolute;
	top: 45px;
	right: 400px;
	left: 173px;
}
#TopPhotos a:hover img{display: none;}
#Search a{
	width:56px;
	height:29px;
	background-image:  url(skin/Gallery%20JPEGS/Slices/btnSearch.jpg);
	position: absolute;
	top: 111px;
	right: 400px;
	left: 454px;
}
#Search a:hover img{display: none;}
#SearchBox {
	width:137px;
	height:26px;
	position: absolute;
	top: 114px;
	right: 400px;
	left: 317px;
}
#BackButton a{
	width:48px;
	height:32px;
	background-image:  url(skin/Gallery%20JPEGS/Slices/btnBack.jpg);
	position: absolute;
	top: 552px;
	right: 400px;
	left: 158px;
}
#BackButton a:hover img{display: none;}
#ForwardButton a{
	width:46px;
	height:32px;
	background-image:  url(skin/Gallery%20JPEGS/Slices/btnForward.jpg);
	position: absolute;
	top: 552px;
	right: 400px;
	left: 336px;
}
#ForwardButton a:hover img{	display: none;}

/*styles for scrolling area */
.photo_area {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	width: 610px;
	overflow: auto;
	height: 100px;
	white-space: nowrap;
	background-image: url(style/photoarea.jpg);
	background-repeat: repeat-x;
	}

.photo_area li {display: inline;}

.photo_area img {
	/*width: 108px; 
	height: 82px; */
	margin-right: 12px;	
	border: 0; }
/*end styles for scrolling area*/
.picsize	{	text-align:right;	}	
	
/*lightbox stuff*/
#lightbox{
	background-color:#eee;
	padding: 20px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
	}
/*end lightbox stuff*/	

.topinfo {background-color:#e8edf4; float:left; padding-right:10px;}

.textboxes{	font-size: 10px;}
.comments {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	
}
.comments a:link {color: #666666;	text-decoration: none;}
.comments a:hover {	color: #666666;	text-decoration: none;}
.comments a:visited {color: #666666;text-decoration: none;}
.topicons {
	font-weight:bold;
	color: #2E2F5F;
	float:right;
	font-size: 12px;
}
.pictureboxleft{float:left;}
.pictureboxright{float:right;}
.navigation {
	font-weight: bold;
	color: #4E4E4E;
	text-decoration: none;
	font-size: 11px;	
}
.navigation a:link{font-weight: bold;color: #4E4E4E; text-decoration: none;}
.navigation a:hover{font-weight: bold; color: #4E4E4E;	text-decoration: none;}
.navigation a:visited{font-weight: bold; color: #4E4E4E; text-decoration: none;}