/* style.css for reaganrun.com
	6/7/2010 10:47PM, Copyright (c) 2010 NTBO, Inc., All Rights Reserved. 
	Validated using: http://jigsaw.w3.org/css-validator/ 
	
	Lighter-purple background color: #847B8C
	Darker-purple foreground color: #73637B
*/

body {
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12pt; 
	color : #000000;
	background-color : #847B8C;
}

a:link, a:visited {
	font-family : Arial, Helvetica, sans-serif; 
	color : #000000; 
	background-color : #847B8C;
	font-size : 12pt;
	font-weight : bold;
	text-decoration : none;
}

a:hover {
	font-family : Arial, Helvetica, sans-serif; 
	color : #ffffff;
	background-color : #847B8C;
	font-size : 12pt;
	font-weight : bold;
	text-decoration : none;
}

a:active {
	font-family : Arial, Helvetica, sans-serif; 
	color : #000000; 
	background-color : #847B8C;
	font-size : 12pt;
	font-weight : bold;
	text-decoration : none;
}

H1 {
	margin-top : 8px;
	margin-bottom : -8px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 14pt; 
	font-weight : bold;
	text-align : center;
	color : #000000;
	background-color : #847B8C;
}

H2 {
	margin-top : 8px;
	margin-bottom : -8px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 14pt; 
	font-weight : bold;
	text-align : center;
	color : #000000;
	background-color : #847B8C;
}

strong {
	font-weight : normal;
	font-style: normal;
}

em {
	font-weight : normal;
	font-style: normal;
}

/****************************************************/
/* Used for text content within the body of a page: */
div.content {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 8px;
	margin-left : 8px;
	text-align : left;
	/* Indent first line of each paragraph (amount is added to margin): */
	text-indent : 18px;
}

/* Use a contextual (descendent) selector to override the selector for "ul" tags when they're inside a "content" class: */
.content ul {
	margin-top : 18px;
	margin-bottom : 0px;
	margin-right : 0px;
	margin-left : 0px;
	list-style-type :  disc;
	font-size : 12pt;
	/* Make second and subsequent lines of each li match first line's indentation: */
	text-indent : 0px;
	padding-left : 13px;
}

/* Show underline for hyperlinks in the "content" class: */
.content a {
	font-size : 12pt;
	font-weight : normal;
	text-decoration : underline;
}

/* For tables in the "content" class: */
.content table {
	margin-top : -8px;
	margin-bottom : 8px;
	margin-left : 4px;
	margin-right : 0px;
}

/* For table cells in the "content" class: */
.content td {
	/* See: http://www.w3schools.com/css/css_table.asp */
	padding-top : 5px;
	padding-bottom : 3px;
	padding-left : 6px;
	padding-right : 6px;
}

/**********************************/
/* For photo contact sheet pages: */
div.photos-contact-sheet {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	margin-left : 0px;
	text-align : center;
}

/* For hyperlinks in the "photos-contact-sheet" class: */
.photos-contact-sheet a {
	font-weight : normal;
}

/* For tables in the "photos-contact-sheet" class: */
.photos-contact-sheet table {
	margin-top : 8px;
	margin-bottom : 8px;
	margin-left : 4px;
	text-align : center;
	margin-right : 0px;
}

/* For table cells in the "photos-contact-sheet" class: */
.photos-contact-sheet td {
	/* See: http://www.w3schools.com/css/css_table.asp */
	padding-top : 5px;
	padding-bottom : 3px;
	padding-left : 6px;
	padding-right : 6px;
	text-align : center;
}

/************************************/
/* For table cells with id="menu": */
#menu {
	color : #000000; 
	background-color : #847B8C;
	text-align : left;
	vertical-align: top;
}

/* For menu table with table id="menu-items": */
#menu-items {
	margin-top : 15px;
	margin-bottom : 25px;
	margin-left : 0px;
	margin-right : 5px;
	text-align : center;
}

/* For cells inside menu table with table id="menu-items": */
#menu-items td {
	/* See: http://www.w3schools.com/css/css_table.asp */
	height : 32px;
	width : 165px;
	padding-top : 5px;
	padding-bottom : 3px;
	/* See: http://www.w3schools.com/css/css_background.asp : */
	background-image : url('images/button.gif');
	background-repeat : no-repeat;
	background-position : center;
}

/* For cells with td id="light-background", (the main body text of each page): */
#light-background {
	color : #000000; 
	background-color : #FFFFFF;
	text-align : left;
	vertical-align: top;
}

#light-background a {
	color : #000000; 
	background-color : #FFFFFF;
}

#light-background H1 {
	color : #000000; 
	background-color : #FFFFFF;
}

#light-background H2 {
	color : #000000; 
	background-color : #FFFFFF;
}

/* For menu/content vertical bar separator with td id="borderVertical": */
#border-vertical {
	width : 30px;
	background-image : url('images/border-vertical.gif');
	background-repeat : repeat-y;
	background-position : center;
}

/* Color and padding for table cells in containers with id="footer": */
#footer td {
	color : #000000; 
	background-color : #847B8C;
	padding-left : 4px;
	padding-right : 7px;	
}
	
/* Show underline for hyperlinks in containers with id="footer": */
#footer a {
	font-size : 12pt;
	font-weight : normal;
	text-decoration : underline;
}

/************************************/
/* For table with table id="slideshow-buttons": */
#slideshow-buttons {
	margin-top : -5px;
	margin-bottom : -5px;
	margin-left : 15px;
	margin-right : 15px;
	text-align : center;
}

/* For cells inside table with table id="slideshow-buttons": */
#slideshow-buttons td {
	/* See: http://www.w3schools.com/css/css_table.asp */
	height : 32px;
	width : 165px;
	padding-top : 2px;
	padding-bottom : 0px;
	padding-left : 8px;
	padding-right : 8px;
	/* See: http://www.w3schools.com/css/css_background.asp : */
	background-image : url('images/button.gif');
	background-repeat : no-repeat;
	background-position : center;
}

/************************************/
/* For cells with td id="unavailable", (placeholder for links to items not yet uploaded): */
#unavailable {
	color : #ADA8A7;
}
