/* This is a work in progress, so please recommend changes.
	The goal is to make a robust style-sheet engine that can be used across several modules. */

/*________________________________________________________________*/
/*_____________________________ BODY _____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	/*	-- overall font information
		-- the background color of the website (outside the area that contains the site itself) */
	body { font-family:Arial; font-size:12px; text-align:center; margin:0px; background:url(/images/background.gif) repeat-x; background-color:#d3d3d3; }
	/* NOTE: This is where you control the backdrop of the site itself
		along with whether or not the page is left-aligned or centered
		in the browser window (text-align). */
	/*	-- all standard paragraphs accross the entire site */
	p {	font-size:12px; }
	/*	-- all table cells accross the entire site */
	td { font-size:12px; }
	/* NOTE: We have had mixed results with implementing standard TD styles into tables
		because of a heavy realiance on specific styles that are already defined,
		such as: row, hiddenRow, labelCol, etc. */
	
	
	/* TITLES */
	/*	-- This will be used for all page titles across the entire site */
	h1, .title { font-family:Arial; font-size:18px; color:#c33e2f; font-weight:bold; margin-bottom:5px; letter-spacing:-1px; }
	/*	-- This will be used for all small titles and all table headings across the entire site */
	h2, .subTitle { font-family:Arial; font-size:13px; color:#1d3161; font-weight:bold; margin-bottom:5px; }
		h2 a:link, .subTitle A:link { font-family:Arial; font-size:13px; color:#1d3161; font-weight:normal; }
		h2 a:active, .subTitle A:active { font-family:Arial; font-size:13px; color:#1d3161; font-weight:normal; }
		h2 a:visited, .subTitle A:visited { font-family:Arial; font-size:13px; color:#1d3161; font-weight:normal; }
		h2 a:hover, .subTitle A:hover { font-family:Arial; font-size:13px; color:#1d3161; font-weight:normal; text-decoration:underline; }
	
	a.headerTopLinks { font-size:10px; color:#ffffff; text-decoration:none; }
		a.headerTopLinks:link { font-size:10px; color:#ffffff; text-decoration:none; }
		a.headerTopLinks:active { font-size:10px; color:#ffffff; text-decoration:none; }
		a.headerTopLinks:visited { font-size:10px; color:#ffffff; text-decoration:none; }
		a.headerTopLinks:hover { font-size:10px; color:#ffffff; text-decoration:underline; }
	
	.footerCopyrightText { font-size:9px; color:#484848; letter-spacing:0px; }
	
	a.footerLinks { font-size:9px; color:#1d3161; font-weight:bold; text-decoration:none; letter-spacing:0px; }
		a.footerLinks:link { font-size:9px; color:#1d3161; font-weight:bold; text-decoration:none; letter-spacing:0px; }
		a.footerLinks:active { font-size:9px; color:#1d3161; font-weight:bold; text-decoration:none; letter-spacing:0px; }
		a.footerLinks:visited { font-size:9px; color:#1d3161; font-weight:bold; text-decoration:none; letter-spacing:0px; }
		a.footerLinks:hover { font-size:9px; color:#1d3161; font-weight:bold; text-decoration:underline; letter-spacing:0px; }
	
	
	
	
	h3, .newsAndEventsTitle, .newsletterSignupTitle { font-family:Arial; font-size:13px; color:#a7372d; font-weight:bold; margin-bottom:5px; letter-spacing:-1px; }
	
	.newsAndEventsLinks, .envisiaToolsLinks { font-family:Arial; font-size:11px; color:#273767; font-weight:normal; text-decoration:underline; }
		a.newsAndEventsLinks, a.envisiaToolsLinks { font-family:Arial; font-size:11px; color:#273767; font-weight:normal; text-decoration:underline; }
		a.newsAndEventsLinks:link, a.envisiaToolsLinks:link { font-family:Arial; font-size:11px; color:#273767; font-weight:normal; text-decoration:underline; }
		a.newsAndEventsLinks:active, a.envisiaToolsLinks:active { font-family:Arial; font-size:11px; color:#273767; font-weight:normal; text-decoration:underline; }
		a.newsAndEventsLinks:visited, a.envisiaToolsLinks:visited { font-family:Arial; font-size:11px; color:#273767; font-weight:normal; text-decoration:underline; }
		a.newsAndEventsLinks:hover, a.envisiaToolsLinks:hover { font-family:Arial; font-size:11px; color:#273767; font-weight:normal; text-decoration:underline; }
	
	ul.newsAndEventsList { margin-top:5px; margin-bottom:5px; margin-left:15px; padding-left:0px; list-style-type:disc; list-style-image:url(/images/sidebar/listMarker.gif); }
	ul.newsAndEventsList li { color:#273767; }
	
	.newsletterSignupText { font-family:Arial; font-size:11px; color:#515151; }
	
	.envisiaToolsText { font-family:Arial; font-size:11px; color:#000000; }
	
	
	
	.homeLargeText { font-family:Arial; font-size:13px; color:#000000; }
	.homeSmallText { font-family:Arial; font-size:11px; color:#000000; }
	
	ul.processList, ul.applicationsList, ul.faqsList, ul.managementTeamList { margin-top:5px; margin-bottom:5px; margin-left:25px; padding-left:0px; list-style-type:disc; list-style-image:url(/images/body/listMarker.gif); }
	
	ol.faqsList { margin-top:5px; margin-bottom:5px; margin-left:22px; padding-left:0px; }
	ol.faqsList li { color:#273767; font-weight:bold; }
	
/*________________________________________________________________*/





/*________________________________________________________________*/
/*____________________________ TABLES ____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	.tableGrid { background:#ffffff; }
	.tableBorder { border:solid #777777 1px; }
	
	
	/* HEADERS */
	/*	-- all table headers across the entire site */
	TR.Header { font-size:12px; font-weight:bold; background:#505082; color:#ffffff; }
		TR.Header TD { font-size:12px; font-weight:bold; background:#505082; color:#ffffff; }
		TR.Header A:link { color:#ffffff; }
		TR.Header A:active { color:#ffffff; }
		TR.Header A:visited { color:#ffffff; }
		TR.Header A:hover { color:#dddddd; }
	
	TR.Header-gr { font-size:12px; font-weight:bold; background:#E2E2E2; color:#000000; }
		TR.Header-gr TD { font-size:12px; font-weight:bold; background:#E2E2E2; color:#000000; }
		TR.Header-gr A:link { color:#000000; }
		TR.Header-gr A:active { color:#000000; }
		TR.Header-gr A:visited { color:#000000; }
		TR.Header-gr A:hover { color:#222222; }
	
	TR.Header-light { font-size:12px; font-weight:bold; background:#DF828C; color:#ffffff; }
		TR.Header-light TD { font-size:12px; font-weight:bold; background:#DF828C; color:#ffffff; }
		TR.Header-light A:link { color:#ffffff; }
		TR.Header-light A:active { color:#ffffff; }
		TR.Header-light A:visited { color:#ffffff; }
		TR.Header-light A:hover { color:#dddddd; }
	
	/* ROWS */
	/*	-- all table Rows that require no alternating row colors */
	TR.row { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.row TD	{ font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.row A:link {  }
		TR.row A:active {  }
		TR.row A:visited {  }
		TR.row A:hover { text-decoration:underline; }
		
	/*	-- all table Rows that require alternating row colors */
	TR.row1 { font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.row1 TD	{ font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; }
		TR.row1 A:link {  }
		TR.row1 A:active {  }
		TR.row1 A:visited {  }
		TR.row1 A:hover { text-decoration:underline; }
		
	TR.row0	{ font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; }
		TR.row0 TD	{ font-size:11px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px;}
		TR.row0 A:link {  }
		TR.row0 A:active {  }
		TR.row0 A:visited {  }
		TR.row0 A:hover { text-decoration:underline; }
	/*	-- all table Rows containing "hidden" data that require alternating row colors */
		
	
	/* CELLS */
	A { font-size:12px; color:#273767; text-decoration:underline; }
		A:link { font-size:12px; color:#273767; text-decoration:underline; }
		A:active { font-size:12px; color:#273767; text-decoration:underline; }
		A:visited { font-size:12px; color:#273767; text-decoration:underline; }
		A:hover { font-size:12px; color:#273767; text-decoration:underline; }
	/*	-- all links inside table rows or at the top of a table */
	A.smallLinks { font-size:10px; }
		A.smallLinks:link { font-size:10px; }
		A.smallLinks:active { font-size:10px; }
		A.smallLinks:visited { font-size:10px; }
		A.smallLinks:hover { font-size:10px; text-decoration:underline; }
		

	/*	-- all small text inside table rows or at the top of a table */
	.smallText { font-size:10px; text-decoration:none; }
		.smallText A:link { font-size:10px; }
		.smallText A:active { font-size:10px; }
		.smallText A:visited { font-size:10px; }
		.smallText A:hover { font-size:10px; text-decoration:underline; }
	/*  NOTE: Making the font size for this and the smallText the same yields ideal results */
	
/*________________________________________________________________*/




/*________________________________________________________________*/
/*____________________________ FORMS _____________________________*/
/*________________________________________________________________*/
	
	
	
	/* OVERALL FORMATTING */
	/* -- all forms use the same background and border */
	.formBorder	{ background-color:#eeeeee; border:1px solid #999999; }
	
	
	
	/* USER INPUT */
	/*  -- all text relating to required input */
	.required { font-size:10px; color:#ff0000; }
	/* NOTE: This is very useful on forms for letting the user know that a field is required:
		The following text goes at the top of the form: "* denotes required field"
		Then input fields that are required have a asterisk character attached to them */
	/*	-- all labels requesting user input on a form */
	TD.labelCol { font-size:12px; vertical-align:top; font-weight:bold; text-align:right; color:#000000; }
	/*	-- all cells used for user input on a form */
	TD.valueCol { vertical-align:top; }
		TD.valueCol A:link {  }
		TD.valueCol A:active {  }
		TD.valueCol A:visited {  }
		TD.valueCol A:hover { text-decoration:underline; }
	/*	-- all cells used to guide the user input on a form */
	TD.helpCol { font-size:9px; vertical-align:top; color:#00155A; text-align:right;}
	/* NOTE: the way this works is:
		either 2 columns ( labelCol | valueCol )
		or 3 columns ( labelCol | valueCol | helpCol ) */
	
	
	
	/* ACTIONS
	 OPTIONAL -- all buttons use the same style */
	.button
		{
			background:#d6d3ce; color:#000000;
			border-top-color:#ffffff; border-right-color:#848284;
			border-left-color:#ffffff; border-bottom-color:#848284;
		}