﻿
#submap
{
	width: 95%;
	line-height: 25px;
	padding: 3px 0 3px 10px;
	position: relative;
	color: #05c;
	margin-bottom: 2px;
}
#submap span
{
	padding: 0 5px;
}
#submap a
{
	color: #05c;
}
#subright h2 strong
{
	font-size: 13px;
	color: Navy;
	font-weight: normal;
}
#subright .title
{
	height: 28px;
	line-height: 28px;
	padding-left: 20px;
	background: #eee;
	border: solid 1px #ccc;
	border-bottom: 0;
}
#subshow .title
{
	height: 25px;
	line-height: 25px;
	padding-left: 20px;
	background: url(images/subRightHead.gif) repeat-x;
	border: solid 1px #ccc;
	border-bottom: 0;
}
#subright ul
{
	padding: 0px 5px;
}
#subright ul li
{
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	border-bottom: dashed 1px #ccc;
	background: url(images/list_icon1.gif) no-repeat 8px;
}
#subright ul li a
{
	display: block;
	color: #333;
}
#subright ul li a:hover
{
	display: block;
	color: Red;
}
/*
#subleft
{
	width: 200px;
	float: left;
	margin: 0 1px 0 2px;
	border: solid 1px #ccc;
}
#subleft h2
{
	height: 28px;
	line-height: 28px;
	padding-left: 20px;
	background: #eee;
	font-size: 14px;
	color: Navy;
}
#subleft .box
{
	padding: 5px;
	margin-bottom: 5px;
}
#submapAll
{
	width: 600px;
	height:800px;
	background-position:5px 0px;
}
#subright
{
	width: 607px;
}
#subright .title
{
	height: 28px;
	line-height: 28px;
	padding-left: 20px;
	background: #eee;
	border: solid 1px #ccc;
	border-bottom: 0;
}


#subright .box
{
	padding: 1px 5px;
	border: solid 1px #ccc;
	margin-bottom: 5px;
}
#subright .box p
{
	padding: 4px 10px;
}
#subright .end
{
	height: 30px;
	line-height: 30px;
	padding-right: 4px;
}
#subright .more
{
	float: right;
}
#subright .more a
{
	color: #aaa;
}
#subright ul
{
	padding: 0px 5px;
}
#subright ul li
{
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	border-bottom: dashed 1px #ccc;
	background: url(images/list_icon1.gif) no-repeat 8px;
}
#subright ul li a
{
	display: block;
	color: #333;
}
#subright ul li a:hover
{
	display: block;
	color: Red;
}*/
/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx--
{
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x-
{
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x
{
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx--
{
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x
{
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx--
{
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x-
{
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x
{
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----, .album-frame .top----x, .album-frame .botx----, .album-frame .bot----x
{
	height: 14px;
	width: 14px;
}

.album-frame .top-x---
{
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x--
{
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x-
{
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx----
{
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x
{
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx----
{
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x
{
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx----
{
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x
{
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x---
{
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x--
{
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x-
{
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}


/* Inline styles are used because image controls hard code a border property */

.photo_198
{
	border: 4px solid #FFFFFF;
	max-width: 135px;
	max-height: 130px;
}

.img_big
{
	border: 4px solid #FFFFFF;
	max-width: 450px;
	max-height: 350px;
}


#photos .view, #admin-details .view
{
	margin-top: 20px;
	margin-bottom: 20px;
}
.view p
{
	text-align: center;
}
