/*
 * Adapted for CM Web Album Jan 2010
 * Combined style sheet for the index pages and the slide pages.
 */

/* Style for all bodies. */
body {
	font-family: "Gill Sans", Arial, sans-serif;
	font-size: 14px;
	background-color: white;
	color: black;
	margin: 0;
        background-position: 50% 50%;
}

/* Div Containers - SG */
#container {position:relative; z-index: 10; margin-left: 10%; margin-right: 10%; padding: 0px; width: 1024px;}
#innercontainer {position:relative; z-index: 0; margin: auto; padding: 0px; width: 1024px; }

/* modified - SG*/
.modified {font-family:"Gill Sans", Arial, sans-serif; color:#949C61; margin: 0; padding: 0; font-size: 80%; text-align: center;}

/* Style for all table cells. */
td {    font-family: "Gill Sans", Arial, sans-serif;
	font-size: 12px;
}


td.indexbut {   font-family: "Gill Sans", Arial, sans-serif;
             font-size: 18px; height: 40px;
 }

 /*bigbuttons - SG*/
#pos10   {position: absolute; left:50px; top:830px;}
#pos11   {position: absolute; left:150px; top:830px;}

.backbut a:link {background-image: url('res/pinkwhitemain.jpg'); width: 191px;  z-index: 0; height: 191px; background-repeat: no-repeat; text-decoration: none; }
.backbut a:active {background-image: url('res/pinkblackmain.jpg'); width: 191px; z-index: 0; height: 191px; background-repeat: no-repeat; background-position: 0 -96px; text-decoration: none;}
.backbut a:visited {background-image: url('res/pinkwhitemain.jpg'); width: 191px; z-index: 0; height: 191px; background-repeat: no-repeat; text-decoration: none; }
.backbut a:hover {background-image: url('res/pinkblackmain.jpg'); }

.backback a:link {background-image: url('res/butwhite-back.jpg'); width: 191px;  z-index: 0; height: 191px; background-repeat: no-repeat; text-decoration: none; }
.backback a:active {background-image: url('res/butblack-back.jpg'); width: 191px; z-index: 0; height: 191px; background-repeat: no-repeat; background-position: 0 -96px; text-decoration: none; }
.backback a:visited {background-image: url('res/butwhite-back.jpg'); width: 191px; z-index: 0; height: 191px; background-repeat: no-repeat; text-decoration: none;  }
.backback a:hover {background-image: url('res/butblack-back.jpg'); }

/* Put a border on all generated images */
.image {
	border-width: 1;
	border-color: black;
	border-style: solid;
	margin: 0;
}

/* Align the content of the cells on the index pages to the center and bottom. */

/* Remove the margin under the images on the index pages. */
body#index{background-color: white;
	background-position: 50% 50%;
}

#index .image {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

/* Margins on the slide pages. */
body#slide {background-color: white;
	margin: auto;
}

/* Highlight the image on the slide pages. */
#slide .name {
	font-weight: normal;
	font-size: 12px;
}

/* Header */
h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom : 0px;
        margin-top : 5px;
        margin-left : 10px;
	color : #004080;
}

/* Sub Header */
h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom : 5px;
        margin-left: 10px;
	color : #000000 ;
}

/*colored bar for header */
.headerbar {background-color: #F0F0FF;
}

/* Caption */
#slide .caption {
	font-size: 18px;
	font-weight: normal;
	margin-bottom : 0px;
	color : #000000;

}

#slide .captionlabel {
	font-size: 18px;
	font-weight: normal;
	margin-bottom : 0px;
	color : #004080;

}

#slide .captionbackground {
	background-color : #F0F0FF;
}

/* Custom link styles */
a:active {
	text-decoration: none;
	color: #FF0000
}

a:visited {
	text-decoration: none;
	color: #000088
}

a:hover {
	text-decoration: underline;
	color: #FF5500
}

a:link {
	text-decoration: none;
	color: #0000FF
}

.generator {
	font-size : 50%;
	color : #7E7E7E;
}

.copyright {
	font-size : 100%;
	color : black;
}
.ordering {
	font-size : 100%;
	color : black;
}

.RowFirst {
	background-color : #F0F0FF;
}
.RowSecond {
	background-color : #FFFFFF;
}

#imageinfo {
	visibility: hidden;
}

.number{

	font-weight : bold;
}


.button
{
	background : #F0F0F0;
	border : solid Gray;
	border-width : 1px 1px 1px 1px;
/*	font-size : 8pt;
	border-bottom-color : #555555;
	border-right-color : #666666;
	border-left-color : #B85250;
	border-top-color : #E0E0E0;
	text-align : center;
	*/
	}
	
.bordertop
{
border : solid Gray;
border-width : 0px 0px 1px 0px;
}

.bordertopright
{
border : solid #12808B;
border-width : 0px 1px 1px 0px;
}

.dent
{
	background : #F0F0F0;
		font-size : 8pt;
	text-align : center;
	}
	
	/ *
	border-top-color : #555555;
	border-left-color : #666666;
	border-right-color : #B85250;
	*/