/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*	SITE 1 PROTOTYPE
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*	Header
/*-------------------------------------------------------------------------------------------------------*/
#header
{
	background-image:		url( /images/bg_header.gif );
	background-repeat:		no-repeat;
	background-color:		none;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Layout Structure
/*-------------------------------------------------------------------------------------------------------*/
table#homelayout
{
	width:				1100px;
}

col#homeleftcolumn
{
	width:				180px;
}

col#homecontentcolumn
{
	width:				660px;
}

col#homerightcolumn
{
	width:				170px;
}

/* Layout Contents */
td#homeleftcontentcell
{
	display:			block;
	background-color:		#BEC1C0;
	background-image:		url( /images/bg_side.gif );
	background-repeat:		no-repeat;
}

td#homecontentcell
{
	vertical-align:		top;
	padding:			20px 20px 20px 20px;
	margin:				0px 0px 20px 0px;
	font-family:		verdana,arial,sans serif;
	line-height:		20px;
	font-size:		12px;
	font-style:		normal;
	color:				black;
	
}

td#homerightcontentcell
{
	vertical-align:		top;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Layout Structure
/*-------------------------------------------------------------------------------------------------------*/
table#layout
{
	width:				1100px;
}

col#leftcolumn
{
	width:				185px;
}

col#contentcolumn
{
	width:				660;
}

col#rightcolumn
{
	width:				170;
}

/* Layout Contents */
td#leftcontentcell
{
	width:				174px;
	vertical-align:			top;
	padding:			40px 0px 20px 0px;
	font-family:			arial,sans serif;
	font-size:			10px;
	background-color:		#BEC1C0;
	background-image:		url( /images/bg_side.gif );
	background-repeat:		no-repeat;
}

td#contentcell
{
	vertical-align:		top;
	padding:			20px 20px 20px 20px;
	margin:			40px 0px 20px 0px;
	line-height:		20px;
	font-family:		verdana,arial,sans serif;
	font-size:		11px;
	color:			black;
}

td#rightcontentcell
{
	vertical-align:		top;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Global Navigation
/*-------------------------------------------------------------------------------------------------------*/
#globalnav
{
	text-align:			right;
	font-family:			verdana,arial,sans serif;
	font-size:			10px;
	position:			absolute;
	top:				42px;
	left:				250px;
	white-space:			nowrap;
	width:				500px;
}

#globalnav a
{
	margin-left:	10px;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Top Navigation 3-Tier DHTML Menu
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	xclear:				both;
	width:				100%;
	border-top:			0px solid white;
	background-color:		none;
	text-align:			left;
	margin:				0px 0px 0px 0px;
	background-image:		url( /images/bg_nav.gif );
	background-repeat:		repeat-x; 

}

#topnav a,#topnav a.active
{
	/* Adjust space between menu items	*/	
	margin-left:			0px; 

	display:			block;
	width:				auto;
	height:				30px;
	background-color:		none;
	padding:			0px 0px;
	line-height:			30px;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:			11px;
	color:				none;
}

#topnav a:hover,
#topnav a.active,
#topnav a.active:hover
{
	background:			none;
	color:				none;
}

/* Top nav menu items */
ul.menublock,ul.submenublock
{
	/*	Customizeable options */
	width:				175px;
	border-top:			1px solid white;
	border-bottom:			none;
	background-color:		#D60B25;

	/*	Do not modify */
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	margin:				0px;
	padding:			0px;
	list-style-type:		none;
}

ul.menublock
{
	margin:				0px 0px 0px 0px;
}

ul.submenublock
{
	background-color:		#30458C;
	padding:			0px 0px;
}


ul.menublock li, ul.submenublock li
{
	/*	Do not modify	*/
	display:			inline;
}

ul.menublock a,ul.submenublock 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;
	font-weight:			bold;
	color:				white;
	text-align:			left;
}

ul.submenublock a
{
	border-bottom:			none;
	background-color:		#30458C;
	height:				24px;
	line-height:			24px;
}

.menublock a:hover,.submenublock a:hover
{
	background:			#B5061C;
	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 
/*-------------------------------------------------------------------------------------------------------*/
#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
{
	border-right:		0px solid black;
	padding:		100px 0px 20px 0px;
	margin:			0px 0px 0px 20px;
}

#sidenav ul
{
	margin:				0px;
	padding:			0px 0px 0px 10px;
	list-style-type:	none;
}

#sidenav ul.sub
{
	/*	indent submenu	*/
	padding-left:		10px;
	list-style-type:	none;
	font-weight:		normal;
}

#sidenav li
{
	display:			inline;
	list-style-type:	none;
}

#sidenav a.top
{
	display:			block;
	padding:			0px 0px 0px 0px;
	margin-bottom:			0.4em;
	border-bottom:			0px solid black;
	font-weight:			bold;
	font-size:			14px;
	color:				#B5061C;
}

#sidenav a.top:hover
{
	display:			block;
	padding:			0px 0px 0px 0px;
	margin-bottom:			0.4em;
	border-bottom:			0px solid black;
	font-weight:			bold;
	font-size:			14px;
	color:				#B5061C;
}

#sidenav a
{
	display:			block;
	padding:			5px 0px 0px 0px;
	color:				#585858;
	font-size:			12px;
	font-weight:			normal;

}

#sidenav a:hover
{
	display:			block;
	padding:			5px 0px 0px 0px;
	color:				black;
	font-size:			12px;
	font-weight:			normal;

}

#sidenav a.active, #sidenav a.sub-active,
{
	/*	highlight active section items	*/
	color:				black;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Page Title 
/*-------------------------------------------------------------------------------------------------------*/
a#pagetitle
{
	display:			block;
	margin:				0em;
	margin-bottom:		5px;
	padding:			0em;

	line-height:		30px;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold!important;
	font-size:			18px;
	color:				#0000ff!important;
}

a#pagetitle:hover
{
	font-weight:			bold!important;
	color:				#0000ff!important;
	font-size:			18px;
	margin:				0em;
	margin-bottom:			5px;
	padding:			0em;
	line-height:			30px;
	font-family:			verdana,arial,sans serif;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Document Attachments
/*-------------------------------------------------------------------------------------------------------*/
#documents
{
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
	font-weight:		normal;
	line-height:		20px;
}

#documents a
{
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Widget
/*-------------------------------------------------------------------------------------------------------*/
table#widget
{
	margin-top:			100px;
	width:				200px;
	background:			#DCE3F2;
	line-height:		16px;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	border:				1px solid #4C5F9D;
	padding:			0px;
}

td#widgettitle
{
	padding-top:		2px;
	padding-bottom:		4px;
	background:			Feldspar;
	color:				FireBrick;
	text-align:			center;
}


td#widgetcontent
{
	padding:			10px;
}

#widgetcontent a
{
	color:				LightSlateGray;
	text-decoration:	none;
}

#widgetcontent a:hover
{
	color:				LightSteelBlue;
	text-decoration:	none;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Image Attachments
/*-------------------------------------------------------------------------------------------------------*/
.imagecaption
{
	color:				black;
	width:				225px;
	padding:			5px 0px;

	line-height:		18px;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	float:				right;
	margin:				0px 0px 20px 20px;
}

/* 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;
	padding:			30px 0px 10px 194px;
	line-height:		18px;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	color:				black;
	text-align:			left;
	border-top:			1px solid #BEC1C0;
}

#footernav a
{
	padding:			0px 0px;
	white-space:		nowrap;
	color:				black;

}

.footernavdivider
{
	padding:			0em 1em;
	color:				black;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer Text Content
/*-------------------------------------------------------------------------------------------------------*/
#footertext
{
	clear:				both;
	margin:				0px 0px 50px 194px;
	border-top:			0px solid white;
	padding:			0px 0px 0px 0px;
	line-height:		18px;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
	color:				black;
	text-align:			left;
}

#footertext a
{
	padding:			0px 0px;
	white-space:			nowrap;
	color:				black;

}

/*-------------------------------------------------------------------------------------------------------*/
/*	Content List Page 
/*-------------------------------------------------------------------------------------------------------*/
.listpagetable
{
	/*	Entire list table */
	font-family:		verdana,arial,sans serif;
	line-height:		18px;
	margin-top:			30px;
	margin-bottom:		30px;
	font-size:			11px;
	font-weight:			normal;
	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:		0px;
}

.listpagetable td a
{
	/* All anchors in the list table cell */
	font-weight:		bold;
}

.listpagebacklink
{
	display:			block;
	padding-top:		10px;
	font-weight:		bold;
}


.listtext
{
	vertical-align:		top;
	display:		inline;
	padding:		20px 20px 20px 10px;
	margin:			0px 0px 20px 0px;
	line-height:		20px;
	font-family:		verdana,arial,sans serif;
	font-size:		11px;
	color:			black;
	font-weight:		normal;

}

/*-------------------------------------------------------------------------------------------------------*/
/*	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:				0px 0px 20px 0px;
	line-height:		20px;
	font-family:		verdana,arial,sans serif;
	font-size:			11px;
	color:				black;
}

/* Images 1 & 2 in popup window */
.imagecaptionpopup
{
	display:			block;
	color:				gray;
	width:				160px;

	line-height:		18px;
	font-family:		verdana,arial,sans serif;
	font-size:			12px;
	float:				none;
	margin:				10px;
}

a#popuppagetitle
{
	display:			block;
	margin:				0px;
	margin-bottom:		15px;
	padding:			0px;

	line-height:		22px;
	font-family:		verdana,arial,sans serif;
	font-weight:		normal!important;
	font-size:			22px;
	color:				black!important;
}

a#popuppagetitle:hover
{
	font-weight:		normal!important;
	color:				black!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:				#30458C;
}

a:hover
{
	color:				#D60B25;
}

h1
{
	margin:				.5em 0em 0em 0em;
	padding:			0em;
	display:			inline;
	line-height:		28px;
	font-family:		verdana,arial,sans serif;
	font-weight:		normal;
	font-size:			20px;
	color:				black;
}

h2
{
	margin:				0em;
	padding:			0em;
	display:		inline;
	line-height:		20px;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			16px;
	color:				#30458C;
}


h3
{
	margin:				0em;
	padding:			0em;
	display:		inline;
	line-height:		18px;
	font-family:		verdana,arial,sans serif;
	font-weight:		bold;
	font-size:			12px;
	color:				SeaGreen;
}

blockquote
{
	margin:			0px 0px 0px 0px;
	display:		block;
	float:			right;
	border:			1px solid #4C5F9D;
	padding:		10px 10px 10px 10px;
	font-family:		verdana,arial,sans serif;
	line-height:		18px;
	font-size:		11px;
	font-style:		normal;
	color:			black;
	background-color:	#DCE3F2;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Form Elements
/*-------------------------------------------------------------------------------------------------------*/
form
{
	margin:				0px;
}

label
{
	display:			block;
	margin-top:			12px;
	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
{
	font-family:		verdana,arial,sans serif;
}


/*-------------------------------------------------------------------------------------------------------*/
/*	Google stats box
/*-------------------------------------------------------------------------------------------------------*/
.google-stats-box, .google-stats-box-max, .google-stats-box-mini
{
	background:				white;
	border:					1px solid red;
	z-index:				50;
	display:				block;
	width:					auto;
	font-size:				10px;
	font-family:			verdana,arial,sans serif;
	line-height:			16px;
	height:					16px;
	font-weight:			normal;
}

.google-stats-box-max
{
	background:				white;
	position:				absolute;
	top:					60px;
	left:					565px;
	width:					220px;
}

.google-stats-box-mini
{
	background:				white;
	width:					auto;
	display:				inline;
	line-height:			16px;
	margin-left:			2px;
	margin-right:			2px;
}

.google-stats-box-table
{
	display:				none;
	font-size:				10px;
	width:					100%;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Gallery
/*-------------------------------------------------------------------------------------------------------*/
/*	Thumbnail table	*/
table#thumbnailtable
{
	margin:				20px 0px 0px 0px;
}

/*	Thumbnail cell	*/
td.thumbnailitem
{
	padding:			0px 30px 30px 0px;
	text-align:			center;
}

/*	The thumbnail image	*/
td.thumbnailitem img
{
}

/*	The thumbnail description container	*/
.thumbnaildescription
{
	line-height:			12px;
	font-family:			verdana,sans serif;
	font-size:			10px;
	display:			block;
	margin:				10px 0px 0px 0px;
	width:				150px;
}

/*	Thumbnail description links	*/
.thumbnaildescription a
{
	font-color:			#30458C!important;
	display:			block;
	font-weight:			bold;
}

.thumbnaildescription a:hover
{
	font-color:			#D60B25!important;
	font-weight:			bold;
}

/*	The thumbnail description abstract text	*/
.thumbnailabstract
{
	line-height:			12px;
	font-family:			verdana,sans serif;
	font-size:			10px;
	width:				140px;
	text-align:			left;
}

/*	The results, forward/next line	*/
#results
{
	border-top:			1px solid rgb( 118, 134, 176 );
	margin-top:			13px;
	color:				rgb( 118, 134, 176 );
	padding-top:		3px;
	font-size:			11px;
}

#results a
{
	color:				white;
}	

#results a:hover
{
	color:				white;
}

/*	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
{
}

