/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*
/*-------------------------------------------------------------------------------------------------------*/
/*	SITE 1 
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*	Header
/*-------------------------------------------------------------------------------------------------------*/
#header
{
	background-color:		rgb(82,105,135);
	background-image:		url( ../images/cornerstone_logo_header.jpg );
	background-repeat:		repeat-y;
	padding:			0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Home Page Layout
/*-------------------------------------------------------------------------------------------------------*/
table#homelayout
{
	width:				900px;
}

col#homeleftcolumn
{
	width:				12px;
}

col#homecontentcolumn
{
	width:				auto;
}

col#homerightcolumn
{
	width:				auto;
}

/* Home Page Layout Contents */
td#homeleftcontentcell
{
	width:				12px;
	background-image: 		url( ../images/home_side_gray.jpg );
	background-repeat: 		repeat-x;
	background-color: 		rgb(143,144,144);
}

td#homecontentcell
{
	vertical-align:			top;
	padding:			10px 15px 15px 15px;
	margin:				0em 0em 1.6em 0px;
	line-height:			2.0em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.85em;
	color:				black;
}

td#homerightcontentcell
{
	vertical-align:			top;
	padding:			0px 0px 15px 0px;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Subpage Layout
/*-------------------------------------------------------------------------------------------------------*/
table#layout
{
	width:				900px;
	margin:				0px 0px 0px 0px;
}

col#leftcolumn
{
	width:				170px;
}

col#contentcolumn
{
	width:				auto;
}

col#rightcolumn
{
	width:				auto;
}

/* Subpage Layout Contents */
td#leftcontentcell
{
	width:				130px;
	vertical-align:			top;
	/*background-color:		rgb(238,238,238);*/
	background-image: 		url( ../images/sidenav_bgd.jpg );
	background-repeat: 		repeat-y;
	padding:			20px 20px;
	font-family:			verdana,arial,sans serif;
	font-size:			0.80em;
}

td#contentcell
{
	vertical-align:			top;
	padding:			20px 20px 20px 30px;
	margin:				0em 0em 1.6em 0px;
	line-height:			2.0em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.80em;
	color:				black;
}

td#rightcontentcell
{
	vertical-align:			top;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Global Navigation
/*-------------------------------------------------------------------------------------------------------*/
#globalnav
{
	text-align:			right;
	font-family:			verdana,arial,sans serif;
	font-size:			0.75em;
	color:				white;
	position:			absolute;
	top:				12px;
	left:				350px;
	white-space:			nowrap;
	width:				500px;
}

#globalnav a
{
	color:				white;
}

.globalnavdivider
{
	padding:			0em 0.7em;
	color:				white;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Top Navigation 3-Tier DHTML Menu
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	clear:				both;
	margin-left:			0px;
	width:				100%;
	border-top:			1px solid white;
	border-bottom:			0px solid white;
	background-color:		rgb(220,58,26);
	background-image: 		url( ../images/border_bottom_nav.jpg );
	background-position: 		0px 24px;
	background-repeat: 		repeat-x;
	text-align:			left;
}

/* First tier of menu items */
#topnav a,#topnav a.active
{
	/* Adjust space between menu items	*/	
	margin-left:			10px; 
	display:			block;
	width:				auto;
	height:				32px;
	background-color:		rgb(220,58,26);
	border-bottom:			1px solid white;
	padding:			0px 0px;
	line-height:			32px;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-weight:			bold;
	font-size:			11px;
	color:				white;
}

#topnav a:hover,
#topnav a.active,
#topnav a.active:hover
{
	background-color:		rgb(116,140,171);
}

/* Top nav menu items */
ul.menublock
{
	/*	Customizeable options */
	width:				175px;
	border-top:			1px solid white;
	border-bottom:			0px solid white;
	background-color:		rgb(144,144,144);
	margin:				2px 0px 2px 0px;

	/*	Do not modify */
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	margin:				0px;
	padding:			0px;
	list-style-type:		none;
}

ul.menublock li
{
	/*	Do not modify	*/
	display:			inline;
}

ul.menublock a
{
	display:			block;
	width:				auto;
	height:				24px;
	border-bottom:			1px solid white;
	padding:			0px 8px 0px 15px;
	line-height:			24px;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:			10px;
	color:				white;
}

ul.menublock a:hover
{
	background-color:		rgb(116,140,171);
	color:				white;
}

ul.submenublock
{
	/*	Customizeable options */
	width:				175px;
	border-top:			1px solid white;
	border-bottom:			1px solid white;
	background-color:		rgb(160,160,160);
	padding:			0px 0px;

	/*	Do not modify */
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	margin:				0px;
	padding:			0px;
	list-style-type:		none;
}

ul.submenublock li
{
	/*	Do not modify	*/
	display:			inline;
}

ul.submenublock a
{
	display:			block;
	width:				auto;
	padding:			0px 8px 0px 15px;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:			10px;
	color:				white;
	border-bottom:			none;
	background-color:		rgb(160,160,160);
	height:				20px;
	line-height:			20px;
}

.submenublock a:hover
{
	background-color:		rgb(116,140,171);
	color:				white;
}

a.showsub,a.showsub:hover
{
	/*	Makes arrow indicator for links with submenu */
	background-image:		url( ../images/arrow1.gif );
	background-position:		center right;
	background-repeat:		no-repeat;
}

a.showsub:hover
{
	/* submenu arrow */
	background-image:		url( ../images/arrow1.gif );
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Bread Crumb Navigation - NOT USED
/*-------------------------------------------------------------------------------------------------------*/
#breadcrumbnav
{
	clear:				both;
	display:			block;
	width:				auto;
	height:				26px;
	line-height:			26px;
	padding:			0em 1.0em;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:			11px;
}

#breadcrumbnav .text
{
	font-weight:			bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Left Side Navigation
/*-------------------------------------------------------------------------------------------------------*/
#sidenav
{
}

#sidenav ul
{
	margin:				0px;
	padding:			0px;
	list-style-type:		none;
}

#sidenav ul.sub
{
	/*	indent submenu	*/
	padding-left:			1.0em;
	list-style-type:		none;
}

#sidenav li
{
	display:			inline;
	list-style-type:		none;
}

#sidenav a.top
{
	display:			block;
	padding:			0.7em 0em 0.8em;
	margin-bottom:			0.4em;
	border-bottom:			1px solid rgb(187,187,187);
	font-weight:			bold;
	color:				rgb(119,119,119);
}

#sidenav a
{
	display:			block;
	padding:			0.4em 0em;
	color:				rgb(119,119,119);
}

#sidenav a:hover
{
	color:				rgb(40,92,165);
	text-decoration:		underline;
}

#sidenav a.active, #sidenav a.sub-active,
{
	/*	highlight active section items	*/
	color:				rgb(103,129,163);
	font-style:			italic;	
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Page Title 
/*-------------------------------------------------------------------------------------------------------*/
a#pagetitle
{
	display:			block;
	margin:				0em;
	margin-bottom:			15px;
	padding:			0em;
	line-height:			1.0em;
	font-family:			times new roman,serif;
	font-weight:			normal!important;
	font-size:			2.1em;
	color:				rgb(0,0,0)!important;
}

a#pagetitle:hover
{
	font-weight:			normal!important;
	color:				rgb(116,140,171)!important;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Document Attachments
/*-------------------------------------------------------------------------------------------------------*/
#documents
{
	font-family:			verdana,arial,sans serif;
	font-size:			0.9em;
	font-weight:			normal;
	line-height:			2.0em;
	margin-bottom:			25px;
}

#documents a
{
	font-weight:			bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Widget
/*-------------------------------------------------------------------------------------------------------*/
table#widget
{
	margin-top:			40px;
	width:				170px;
	background:			white;
	line-height:			16px;
	font-family:			verdana,arial,sans serif;
	font-size:			14px;
	border:				1px solid rgb(160,160,160);
	padding:			0px;
}

td#widgettitle
{
	padding-top:			1px;
	padding-bottom:			3px;
	background:			rgb(160,160,160);
	color:				white;
	text-align:			center;
	font-weight:			bold;
}

td#widgetcontent
{
	padding:			10px;
}

#widgetcontent a
{
	color:				rgb(103,129,163);
	text-decoration:		none;
}

#widgetcontent a:hover
{
	color:				rgb(187,34,51);
	text-decoration:		none;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Image Attachments
/*-------------------------------------------------------------------------------------------------------*/
/* Images 1 & 2 in the content area (wrap enabled)*/
.imagecaption-wrap
{
	color:				rgb(115,115,115);
	width:				160px;
	padding:			5px 0px;
	line-height:			15px;
	font-family:			verdana,arial,sans serif;
	font-size:			10px;
	float:				right;
	margin:				45px 0px 20px 20px;
	text-align:			center;
}

.imagecaption-wrap img
{
	display:			block;
	margin-bottom:			10px;
}

/* Images 1 & 2 in right column (wrap disabled)*/
.imagecaption
{
	color:				rgb(115,115,115);
	width:				160px;
	padding:			5px 0px;
	line-height:			1.3em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.75em;
	float:				right;
	margin:				25px 0px 20px 20px;
	text-align:			center;
}

.imagecaption img
{
	display:			block;
	margin-bottom:			10px;
}

/* Formatter */
img.right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

img.left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Footer Navigation
/*-------------------------------------------------------------------------------------------------------*/
#footernav
{
	clear:				both;
	margin:				0px 0px 0px 0px;
	border-top:			1px solid black;
	padding:			15px 0px 0px 45px;
	line-height:			15px;
	font-family:			verdana,arial,sans serif;
	font-size:			0.75em;
	color:				rgb(119,119,119);
	background-image: 		url( ../images/footer_bgd_top50px.jpg );
	background-repeat: 		no-repeat;
	background-position: 		bottom left;
	background-color:		rgb(229,233,239);
}

#footernav a
{
	padding:			0px 0px;
	white-space:			nowrap;
	color:				rgb(40,92,165);
}

#footernav a:hover
{
	color:				rgb(187,34,51);
}

.footernavdivider
{
	padding:			0em 1em;
	color:				rgb(119,119,119);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer Text Content
/*-------------------------------------------------------------------------------------------------------*/
#footertext
{
	clear:				both;
	margin:				0px 0px 0px 0px;
	padding:			30px 0px 0px 20px;
	line-height:			1.9em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.7em;
	color:				rgb(100,100,100);
	background-image: 		url( ../images/footer_bgd_below50px.jpg );
	background-repeat: 		no-repeat;
	background-color:		rgb(229,233,239);
}

#footertext a
{
	padding:			0px 0px;
	white-space:			nowrap;
	color:				rgb(103,129,163);
}

#footertext a:hover
{
	color:				rgb(187,34,51);
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Content List Page 
/*-------------------------------------------------------------------------------------------------------*/
.listpagetable
{
	/*	Entire list table */
	font-family:			verdana,arial,sans serif;
	line-height:			1.4em;
	margin-top:			2.0em;
	margin-bottom:			1.3em;
	font-size:			1.0em;
	color:				black;
}

.listpagetable td
{
	/* All cells of the table */
	padding:			2px 2px 20px 2px;
}

.listpagetable td img
{
	/* All images in the list table cell */
	padding-right:			20px;
	padding-top:			5px;
}

.listpagetable td a.titlelink
{
	/* The title link of the list item */
	font-weight:			bold;
	margin-right:			10px;
}

/* When there is no details page */
.listpagenodetails
{
	font-weight:			bold;
	display:			block;
}

.listpagebacklink
{
	display:			block;
	padding-top:			10px;
	font-weight:			bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Popup Window Page
/*-------------------------------------------------------------------------------------------------------*/
body.popup
{
	margin:				0px;
	padding:			0px;
	background-color:		white;
}

table#poplayout
{
	width:				auto;
}

col#popupcolumn
{
	width:				auto;
}

td#popupcolumncontent
{
	vertical-align:			top;
	width:				auto;
	padding:			20px 20px 20px 30px;
	margin:				0em 0em 1.6em 0px;
	line-height:			2.0em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
}

/* Images 1 & 2 in popup window */
.imagecaptionpopup
{
	display:			block;
	color:				rgb(115,115,115);
	width:				160px;
	line-height:			1.3em;
	font-family:			verdana,arial,sans serif;
	font-size:			1em;
	float:				none;
	margin:				10px;
}

a#popuppagetitle
{
	display:			none;
	margin:				0em;
	margin-bottom:			15px;
	padding:			0em;
	line-height:			1.0em;
	font-family:			times new roman,serif;
	font-weight:			normal!important;
	font-size:			2.1em;
	color:				rgb(0,82,156)!important;
}

a#popuppagetitle:hover
{
	font-weight:			normal!important;
	color:				rgb(0,51,102)!important;
}


#popupclosebutton
{
	display:			block;
	padding-top:			10px;
	font-weight:			bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	HTML Elements
/*-------------------------------------------------------------------------------------------------------*/
body
{
	margin:				0px;
	padding:			0px;
	background-color:		white;
}

hr
{
	/*	Do not show <hr> tags */
	display:			none;
}

p
{
	/*	Disable margin when <p> tags used */
	margin:				0px;
}

a
{
	text-decoration:		none;
	color:				rgb(40,92,165);
}

a:hover
{
	color:				rgb(187,34,51);
	text-decoration:		underline;
}

h1
{
	margin:				.5em 0em 0em 0em;
	padding:			0em;
	line-height:			1.0em;
	font-family:			times new roman,serif;
	font-weight:			normal;
	font-size:			1.5em;
	color:				rgb(0,82,156);
}

h2, h3
{
	margin:				0em;
	padding:			0em;
	line-height:			1.25em;
	font-family:			verdana,arial,sans serif;
	font-size:			1.25em;
	color:				black;
}

blockquote
{
	margin:				1em 3em;
	border-top:			1px solid rgb(40,92,165);
	border-bottom:			1px solid rgb(40,92,165);
	padding:			0.5em 0em;
	font-family:			times new roman,times;
	font-size:			1.15em;
	font-style:			italic;
	line-height:			1.4em;
	text-align: 			center;
	color:				rgb(119,119,119);
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Form Elements
/*-------------------------------------------------------------------------------------------------------*/
form
{
	margin:				0em;
}

label
{
	display:			block;
	margin-top:			1.0em;
	font-family:			verdana,arial,sans serif;
}

label.checkbox, label.radio
{
	display:			inline;
	font-family:			verdana,arial,sans serif;
}

input.text, select
{
	font-family:			verdana,arial,sans serif;
}

input.button
{
	margin-top:			20px;
	font-family:			verdana,arial,sans serif;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Calendar - NOT USED
/*-------------------------------------------------------------------------------------------------------*/
/*	Main calendar table	*/
table#calendar
{
	margin-right:			10px;
	font-size:			1.0em;
}

/*	Month headers	*/
table#calendar th
{
	vertical-align:			top;
	padding:			2.0em 0em 0em;
	text-align:			left;
	font-family:			arial,sans serif;
	font-size:			1.5em;
	color:				black;
}

/*	Calendar row	*/
table#calendar td
{
	vertical-align:			top;
	padding:			1.0em 1.0em 0.5em 0em;
	line-height:			1.4em;
}

/*	New day row (border) */
table#calendar td.newday
{
	border-top:			1px solid rgb(187,187,187);
	padding-top:			0.25em;
}

/*	Large numerical day number	*/
.day-number
{
	padding-top:			0.1em;
	text-align:			center;
	line-height:			0.8em;
	font-family:			arial,sans serif;
	font-weight:			bold!important;
	font-size:			2.4em;
	color:				black;
}

/*	Day number color	*/
.day-number a,
.day-number a:hover
{
	color:				rgb(0,85,153);
}

/*	Weekday abbreviation	*/
.day-weekday
{
	text-align:			center;
	text-transform:			uppercase;
	font-family:			arial,sans serif;
	font-size:			0.8em;
}

/*	Thumbnail calendar (month view)	*/
table.calendar-thumbnail
{
	width:				100%;
}

/*	Thumbnail calendar month header	*/
table.calendar-thumbnail th
{
	padding-top:			1.5em;
	line-height:			1.8em;
	text-align:			center;
	font-family:			verdana;
	font-weight:			bold;
	font-size:			0.68em;
	color:				black;
}

/*	Thumbnail calendar day block	*/
table.calendar-thumbnail td
{
	width:				1.4em;
	height:				1.4em;
	text-align:			right;
	font-family:			verdana;
	font-size:			0.65em;
	color:				rgb(153,153,153);
}

table.calendar-thumbnail td a
{
	color: 				rgb(187,34,51);
}

/*	Thumbnail calendar previous 	*/
table.calendar-thumbnail td.previous
{
	width:				50%;
	text-align:			left;
}

/*	Thumbnail calendar next		*/
table.calendar-thumbnail td.next
{
	width:				50%;
	text-align:			right;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Extranet - NOT USED
/*-------------------------------------------------------------------------------------------------------*/
/* The table surrounding the login form */
#logintable
{
	margin-left:			auto;
	margin-right:			auto;
	margin-top:			40px;
	margin-bottom:			50px;
}

/* UserID, Password labels */
label.login
{
	font-family:			verdana,arial,sans serif;
	font-size:			0.70em;
	color:				black;
	vertical-align:			top;
	height:				20px;
	margin-right:			10px;
}

/* The login button */
input.loginbutton
{
	font-size:			0.8em;
	margin-top:			1.0em;
}

/* Located at the bottom of each secure page */
a.logout
{
	display:			block;
	padding-top:			1px;
	padding-bottom:			3px;
	background:			rgb(189,189,189);
	color:				white;
	width:				75px;
	margin-top:			20px;
	height:				17px;
	text-align:			center;
	font-weight:			bold;
	line-height:			17px;
}

/* Appears if a login fails */
.statusmessage
{
	display:			block;
	text-align:			center;
	margin:				30px 20px 0px 20px;
	line-height:			2.0em;
	font-family:			verdana,arial,sans serif;
	font-size:			0.70em;
	color:				red;
	font-weight:			bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Attribute Search Form 
/*-------------------------------------------------------------------------------------------------------*/
.attributesearch
{
	/*	Entire attribute table */
	font-family:			verdana,arial,sans serif;
	line-height:			1.4em;
	margin-top:			2.0em;
	margin-bottom:			1.3em;
	font-size:			1.0em;
	color:				black;
}

.attributesearch td
{
	padding:			2px 10px 2px 5px;
	font-size:			0.8em;
}

.attributesearch td input.textfield
{
}

.attributesearch td input.button
{
	font-size:			0.8em;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Attribute Details Page 
/*-------------------------------------------------------------------------------------------------------*/
.attributelist
{
	/*	Entire attribute table */
	font-family:			verdana,arial,sans serif;
	line-height:			1.4em;
	margin-top:			2.0em;
	margin-bottom:			1.3em;
	font-size:			1.0em;
	color:				black;
	border:				1px solid gray;
	border-bottom:			none;
	border-right:			none;
	empty-cells:			show;
}

.attributelist td
{
	padding:			2px 10px 2px 5px;
	border-bottom:			1px solid gray;
	border-right:			1px solid gray;
}

.attributelist td.label
{
}

.attributelist td.data
{
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Gallery
/*-------------------------------------------------------------------------------------------------------*/
/*	Thumbnail table	*/
table#thumbnailtable
{
	margin-top:			25px;
	margin-right:			0px;
}

/*	Thumbnail cell	*/
td.thumbnailitem
{
	padding:			0px 25px 25px 0px;
	text-align:			center;
}

/*	The thumbnail image	*/
td.thumbnailitem img
{
}

/*	The thumbnail description container	*/
.thumbnaildescription
{
	line-height:			1.6em;
	font-family:			arial,sans serif;
	font-size:			11px;
	/*display:			none;*/
}

/*	Thumbnail description links	*/
.thumbnaildescription a
{
	color:				rgb(40,92,165);
	display:			block;

}

.thumbnaildescription a:hover
{
	color:				rgb(187,34,51);
}

/*	The thumbnail description abstract text	*/
.thumbnailabstract
{
	line-height:			1.4em;
	font-family:			arial,sans serif;
	font-size:			0.85em;
	width:				75px;
	text-align:			left;
}

/*	The results, forward/next line	*/
#results
{
	border-top:			1px solid rgb( 144,144,144 );
	margin-top:			13px;
	color:				rgb( 0,0,0 );
	padding-top:			3px;
	font-size:			11px;
}

#results a
{
	color:				rgb(40,92,165);
}	

#results a:hover
{
	color:				rgb(187,34,51);
}

/*	The 'Back to Gallery' link	*/
a.backlink
{
	display:			block;
	color:				rgb(204,204,204);
	margin-top:			20px;
}	

a.backlink:hover
{
	color:				rgb( 118, 134, 176 );
}

/*	The subpage previous/next navigation  */
#prev-next-nav
{
	display:			block;
	margin-top:			10px;
}

#prev-next-nav a
{
	margin-right:			10px;
}

#prev-next-nav img
{
}
