/* .............................. */
/* Body Headers Links */
/* .............................. */
#vertical .content_container { float: left; padding-top: 5px; padding-bottom: 5px; }

.content_container {
	overflow: auto;

}
.vertical_scroll_bar {
	float: left;
	width: 14px;
}

.vertical_scroll_bar .track{
	background: transparent url(scrollBGV.png) repeat-y top left;
	width: 14px;
}

.horizontal_scroll_bar .track{
	color: black;
	margin-top: 4px;
	float: left;
	background-color: black;
	height: 2px;
}

.vertical_scroll_bar .handle{ width: 14px; height: 45px; background: url(scrollBoxV.png) no-repeat left top; padding-bottom: 5px; }

.horizontal_scroll_bar .handle{
	width: 50px;
	height: 8px;
	margin-top: -4px;
	background-color: #ccc;
	border: 1px dotted black;
	cursor: move;
}


/* scrollable div area */
			#scrollable1 {
				float: left;
				width: 300px;
				height: 200px;
				border: 1px solid #ccc;
				overflow: hidden;
				white-space: nowrap;
			}
			
			/* vertical track */
			#track1 {
				float: left;
				width: 15px;
				height: 200px;
				margin-left: 10px;
				background-color: #ccc;
			}
			
			/* vertical track handle */
			#handle1 {
				width: 15px;
				height: 20px;
				background-color: #f00;
				cursor: move;
			}
			
			/* horizontal track */
			#track2 {
				float: left;
				clear: both;
				width: 300px;
				height: 15px;
				margin-top: 10px;
				background-color:#ccc;
			}
			
			/* horizontal track handle */
			#handle2 {
				width: 20px;
				height: 15px;
				background-color: #f00;
				cursor: move;
			}
			
			/* scrollable div area */
			#scrollable2 {
				float: left;
				width: 284px;
				height: 184px;
				padding: 8px;
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
				overflow: hidden;
				white-space: nowrap;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap3 {
				float: left;
				width: 15px;
				height: 201px;
				background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;
			}
			
			/* top image of track */
			#track3-top {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url(images/scrollbar-track-top.png) no-repeat top left;
			}
			
			/* vertical track */
			#track3 {
				position: absolute;
				width: 15px;
				height: 201px;
			}
			
			/* vertical track handle */
			#handle3 {
				width: 15px;
				height: 37px;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap4 {
				float: left;
				clear: both;
				width: 301px;
				height: 15px;
				background: transparent url(images/scrollbar-track-right.png) no-repeat top right;
			}
			
			/* left image of track */
			#track4-left {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
			}
			
			/* horizontal track */
			#track4 {
				position: absolute;
				width: 301px;
				height: 15px;
			}
			
			/* horizontal track handle */
			#handle4 {
				width: 37px;
				height: 15px;
			}


body {
color: #666;
background-image: url(img/bgstripes.gif);
background-color:#fff;
letter-spacing:1px;
line-height:18px;
font-family: Verdana, Arial, sans-serif;
padding-top:15px;
padding-bottom:10px;
}
a {
color:#999;
text-decoration:none;
background-color:#fff;
}
a:hover {
color:#666;
background-color:#fff;
}
h1 {
font-size:20px;
color:#ccc;
background-color:#fff;
margin-top:15px;
margin-bottom:20px;
text-align:center;

clear:both;
}
h2 {
color:#999;
font-size:12px;
background-color:#fff;
font-weight:bold;
text-align: center;
float:none;
clear:none;
padding:5px;
margin:0;
}
h3 {
color:#999;
background-color:#fff;
letter-spacing:2px;
font-size:12px;
text-align:center;
}
h4 {
color:#999;
background-color:#fff;
text-align:center;
font-size:14px;
border-bottom:1px solid #ddd;
padding-left:25px;
padding-bottom:5px;
clear:both;
}
#header { 
padding:10px;
line-height:20px; 
text-align:center; 
vertical-align: middle; 
}

.navigationright {
font-weight:bold;
color:#999;
float:right;
text-align:right;
padding:5px;
position:relative;
}
#date {
font-size:10px;
color:#999;
text-align:right;
font-weight:normal;
letter-spacing:1px;
padding:5px;
}
/* .............................. */
/* Wrapper */
/* .............................. */

#wrapper { margin:15px auto 0; background-color:#fff; color:#666; border:solid 1px #ccc; width:850px; text-align:center; clear:both; padding-top: 15px; padding-right: 15px; padding-left: 15px; }
/* .............................. */
/* Menu */
/* .............................. */	

#menu { text-align: center; margin:0 auto; padding:0; clear:both; }
#menu ul {
margin:0px;
padding:0px;
list-style-type: none;
}
#menu li {
/* ADJUST THIS WIDTH PERCENTAGE ACCORDING TO HOW MANY LINKS/TABS ARE IN YOUR MENU - EG, IF YOU HAVE 5 LINKS THEN ADJUST WIDTH TO 20% - EVEN NUMBERS WILL WORK BETTER BUT ARE NOT NECESSARY*/
width:16.67%;
text-align:center;
float:left;
margin-top:1px;
}
#menu a {
display:block;
color:#666;
background-color:#fff;
line-height:20px;
text-decoration: none;
}
#menu a.middle {
border-left:0px solid #ddd;
border-bottom:0px solid #ddd;
border-top:0px solid #ddd;
}
#menu a.left {
border-left:0px solid #ddd;
border-top:0px solid #ddd;
border-bottom:0px solid #ddd;
border-right:0px;
}
#menu a.right {
border:0px solid #ddd;
}
#menu a:hover {
background-color:#fff;
color:#444;
}
/* .............................. */
/* Photo */
/* .............................. */

#photo {
border:0;
margin:0 auto;
padding-top:30px;
padding-bottom:5px;
clear:both;
}
#imgTable {
padding:5px 30px;
background:#ffffff;
}
/* .............................. */
/* Thumbrow */
/* .............................. */

#thumbrow {
padding:10px;
text-align:center;
}
#thumbrow .current_thumbnail {
padding:5px;
margin:3px;
border:1px solid #ccc;
}
#thumbrow a img {
margin:3px;
padding:5px;
border:1px solid #fff;
}
#thumbrow a:hover img, #thumbs a:focus img {
padding:5px;
border:1px solid #ddd;
}
/* .............................. */
/* Archive */
/* .............................. */

#browse { text-align: center; border:0;
margin:0 auto;
padding-top:50px;
padding-bottom:5px;
clear:both; }
#browse .thumbnails {
margin:0;
padding:1px;
border:solid 1px #fff;
}
/* .............................. */
/* Other Pages */
/* .............................. */

#about {
margin-bottom:20px;
padding-left:10px;
padding-right:10px;
padding-top:20px;
text-align:left;
clear:both;
}
/* .............................. */
/* Footer */
/* .............................. */

#footer {
padding-top:50px;
padding-bottom:5px;
margin:0px auto;
text-align:center;
color:#999;
border-top:0px solid #ddd;
background-color:#fff;
/* .............................. */
/* TRINA ADDED */
/* .............................. */

.clear_both {
clear: both;
height: 0;
margin: 0;
padding: 5px 0;
line-height: 0;
}
#pics { color: gray; font-style: normal; text-align: center; margin-left: 50px; margin-right: 50px; padding-top: 5px; padding-bottom: 5px; }
.horizontal_scroll_bar .track {
color: black;
margin-top: 4px;
float: left;
background-color: black;
height: 2px;
}
.horizontal_scroll_bar .handle {
width: 50px;
height: 8px;
margin-top: -4px;
background-color: #ccc;
border: 1px dotted black;
cursor: move;
}
/* .............................. */
/* Comments */
/* .............................. */

#imageinfo {
width:90%;
padding:10px;
margin:0 auto;
}
#commentthumb {
float:right;
}
#comments {
border:0px solid #ccc;
margin:0 auto;
width:90%;
}
#comments ul {
padding:0px;
display:block;
margin:0;
margin-top:10px;
list-style:none;
}
#comments li {
padding:10px;
margin-bottom:5px;
border:1px solid #ddd;
background:#fff;
}
#comments li:hover {
border:1px solid #ddd;
background:#f9f9f9;
}
#comments li a {
text-decoration:none;
color:#444;
}
#addcomment {
margin:0 auto;
width:85%;
border:1px solid #fff;
padding:10px;
margin-bottom:20px;
}
.input {
width:40%;
font-size:10px;
padding:3px;
border:1px solid #ddd;
background:#f9f9f9;
color:#666;
}
textarea {
width:95%;
font-size:11px;
padding:3px;
border:solid 1px #ddd;
background:#f9f9f9;
color:#3cc;
}
.commentbutton {
background:#f9f9f9;
border:1px solid #ddd;
color:#666;
border-bottom:2px solid #ccc;
border-right:2px solid #ccc;
}
.td-calendar-days-imagefound2 {
padding:1px;
text-align:center;
border-top:1px dotted #F00;
border-bottom:1px dotted #F00;
border-left:1px dotted #F00;
border-right:1px dotted #F00;
background:#f5f5f5;
}
#calendar {
margin-top: 35px;
}
#calendar td {
text-align: center;
}
#calendar table {
margin-left: auto;
margin-right: auto;
}
.class {
}
#date {
margin-top: 0;
padding: 0;
}
#date td {
text-align: right;
}
#date table {
margin-left: auto;
margin-right: auto;
}
#contact { padding: 40px; }
#image-navigate {
    background:#666;
	padding:20px;
	height:15px;
	width:500px;
	margin:0px auto;
	}
	
#image-navigate a {
	padding:10px;
	}

.image-previous { float:left; font-size:10px; color:#999999; font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-right: 30px; padding-left: 30px; }

.image-next { float:right; font-size:10px; color:#999999; font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-right: 30px; padding-left: 30px; }