/* general style tags for the site */
body
	{
	font-family: arial,helvetica,verdana,sans-serif;
	color: #333333;
	background-color: #ffffff;
	}
.bkgrd
	{
	font-family: arial,helvetica,verdana,sans-serif;
	color: #333333;
	background-color: #ffffff;
	}

p,td,th,li
	{
	font-family: arial,helvetica,verdana,sans-serif;
	color: #333333;
	background-color: transparent;
	font-size: 10pt;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.white
	{
	font-family: arial,helvetica,verdana,sans-serif;
	color: #ffffff;
	background-color: transparent;
	font-size: 10pt;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.blue
	{
	color: #3799FC;
	background-color: transparent;
	}
.green
	{
	color: #669999;
	background-color: transparent;
	}
.orange
	{
	color: #cc6600;
	background-color: transparent;
	}

.login
	{
	font-family: arial,helvetica,verdana,sans-serif;
	color: 'white';
	background-color: transparent;
	font-weight: bold;
	font-size: 10pt;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.white_small
	{
	font-family: arial,helvetica,verdana,sans-serif;
	color: 'white';
	background-color: transparent;
	font-weight: bold;
	font-size: 8pt;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.form_title
	{
	font-size: 10pt;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
	}
.form
	{
	font-size: 10pt;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.content
	{
	color: #333333;
	background-color: #ffffff;
	}

/*
	i usually add a .highlight class to use with the span tag:
	<SPAN class='highlight'>highlight this text</SPAN>
	for those special occasions where you want text to stand out,
	without being a link.
*/
.highlight
	{
	color: #333333;
	text-decoration:none;
	background-color: transparent;
	}


/*
	link values for generic "A" tags
*/
a:link,a:visited,a:active
	{
	color: #333333;
	text-decoration:none;
	background-color: transparent;
	}

/*
	link values for generic "A" tags
	- when the mouse is 'hover'ing over the link
*/
a:hover
	{
	color: #cc6600;
	background-color: transparent;
	}

/*
	class type for the header - I'd generally assign this to the table cell(s) that
	have the text/nav in the header
*/
.popupheader
	{
		color: #ffffff;
		background-color: transparent;
		font-weight: bold;
		font-size: 10pt;
		margin-left: 7px;
		margin-right: 20px;
	}
.header
	{
		color: #ffffff;
		background-color: transparent;
		font-weight: bold;
		font-size: 10pt;
		margin-left: 5px;
		margin-right: 20px;
	}

.white_header_text
	{
		color: #ffffff;
		background-color: transparent;
		font-weight: bold;
		font-size: 12pt;
		margin-left: 20px;
		margin-right: 20px;
	}

.header_lt
	{
		color: #ffffff;
		background-color: #666666;
	}
.header_drk
	{
		color: #ffffff;
		background-color: #333333;
	}

a:link.login_roll,a:visited.login_roll,a:active.login_roll
	{ color: #ffffff;  text-decoration:none; background-color: transparent; font-weight: bold; }
a:hover.login_roll
	{ color: #669999; background-color: transparent; font-weight: bold; }


/*
	link values for the "header" "A"/link tags
*/
a:link.nav,a:visited.nav,a:active.nav
	{ color: #ffffff;  text-decoration:none; background-color: transparent; }
/*
	link values for the "header" "A"/link tags
	- when the mouse is 'hover'ing over the link
*/
a:hover.nav
	{ color: #669999; background-color: transparent; }

/*
	link values for the "header" "A"/link tags of the 'selected' page (page being viewed)
*/
a:link.nav_selected,a:visited.nav_selected,a:active.nav_selected
	{
	color: #669999;
	text-decoration:none;
	background-color: transparent;
	}
/*
	link values for the "header" "A"/link tags of the 'selected' page (page being viewed)
	- when the mouse is 'hover'ing over the link
*/
a:hover.nav_selected
	{ color: #669999; background-color: transparent; }

/*


*/
.title
	{
	color: #cccccc;
	background-color: transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 5px;
	padding-top: 20px;
	}

.sub_title
	{
	color: #333333;
	background-color: transparent;
	text-decoration:none;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 5px;
	padding-top: 5px;
	}

.content
	{
	color: #333333;
	background-color: #ffffff;
	text-decoration:none;
	font-size: 10pt;
	}

.cf_content
	{
	color: #333333;
	background-color: #ffffff;
	text-decoration:none;
	font-size: 10pt;
	}

.cf_label
	{
	color: #333333;
	background-color: #ffffff;
	text-decoration:none;
	font-size: 10pt;
	font-weight: bold;
	}

/*
left nav properties ...
*/
.left_col
	{
		color: #ffffff;
		background-color: #333333;
	}
p.message
	{
		color: red;
		font-weight: bold;
		font-size: 10pt;
		margin-left: 10px;
		margin-right: 10px;
	}
p.sub_nav
	{
		color: #ffffff;
		background-color: transparent;
		font-weight: bold;
		font-size: 10pt;
		margin-left: 20px;
		margin-right: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
p.ssub_nav
	{
		color: #ffffff;
		background-color: transparent;
		font-size: 9pt;
		margin-left: 20px;
		margin-right: 10px;
		margin-top: 4px;
		margin-bottom: 4px;
	}
p.sssub_nav
	{
		color: #ffffff;
		background-color: transparent;
		font-size: 9pt;
		margin-left: 30px;
		margin-right: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

/*
	link values for the "header" "A"/link tags
a:link.sub_nav,a:visited.sub_nav,a:active.sub_nav
	{ color: #ffffff;  text-decoration:none; background-color: transparent; }
*/
/*
	link values for the "header" "A"/link tags
	- when the mouse is 'hover'ing over the link
a:hover.sub_nav
	{ color: #cc6600; background-color: transparent; font-weight: bold; }

*/
/*
	link values for the "sub nav" "A" link tags of the 'selected' page (page being viewed)
a:link.sub_nav_selected,a:visited.sub_nav_selected,a:active.sub_nav_selected
	{ color: #cc6600;  text-decoration:none; background-color: transparent; }
*/

/*
	link values for the "sub nav" "A" link tags of the 'selected' page (page being viewed)
	- when the mouse is 'hover'ing over the link
a:hover.sub_nav_selected
	{ color: #333333; background-color: transparent; }
*/

.title_cell { color: #ffffff; background-color: #666666; font-weight: bold; }

.cell_title { color: #ffffff; background-color: #666666; font-weight: bold; }
.cell_title_rev { color: #ffffff; background-color: #e0e0e0; font-weight: bold; }

.cell_button_drk { color: #ffffff; background-color: #666666; font-weight: bold; }
.cell_button_lt { color: #ffffff; background-color: #e0e0e0; font-weight: bold; }

p.cell_title { color: #ffffff; background-color: transparent; font-weight: bold; }

a.cell_button_link_drk:link, a.cell_button_link_drk:visited, a.cell_button_link_drk:active { background-color: transparent; color: #ffffff;  }
a.cell_button_link_drk:hover { background-color: transparent; color: #669999;  }

a.cell_button_link_lt:link, a.cell_button_link_lt:visited, a.cell_button_link_lt:active { background-color: transparent; color: #333333;  }
a.cell_button_link_lt:hover { background-color: transparent; color: #669999;  }