body
{
	background-image: url(../Images/bg2.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial; 
	COLOR: #404040;
}

td
{
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial; 
}

ul
{
	margin-left: 18px;
	padding-left: 0px;
}

img
{
	border: none
}

.headline
{
	font-weight: bolder;
	font-size: 16px;
	color: black;
	font-style: italic
}

.subheadline
{
	font-weight: bolder;
	color: black;
	font-style: italic
}

.headline a
{
	color: Black;
}

a
{
	/* COLOR: #740F02;	*/
	color: blue;
	text-decoration: none
}

.link
{
	color: blue;
	text-decoration: none;
	cursor:pointer
}


a:hover
{
	text-decoration: underline;
}

#pageBodyContainer
{
	position:absolute;
	top:62px;
	margin-left:137px;
	width:603px;
	z-index:1;
}

#pageTitle
{
	font-weight: bolder;
	font-size: 18px;
	color: black;
	background-color: #ddd;
	padding: 6px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	border-bottom-width: 1px
}

#menuStack
{
	background-color: #eee;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	border-bottom-width: 1px
}

#pageBody
{
	z-index:1;
	padding: 10px
}


.TickerHr
{
	height: 1px;
	width: 590px;
	background-color: #C7867D;
	margin-top: 5px;
	margin-bottom: 5px
}

/************************************* Menu **********************************/
/* For the class="menulist" element, and all 'ul' tags inside it. */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 137px;
 list-style: none;
}

.menulist li
{
	position: relative;
	top: 1px;
	border-style: solid;
	border-width: 1;
	border-color: #737984;
	background-color : #F7F7F7;
	margin-top: -1px
}

/* Submenus ('ul' tags) are hidden by default. You may want to hide them with scripting? */
.menulist ul {
 position: absolute;
 top: -1;
 left: 135px;
 visibility: hidden;
}


/* Links inside the menu */
.menulist a {
	display: block;
	padding: 3px;

	FONT-SIZE: 10px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #767981; 
	FONT-FAMILY: Tahoma,Verdana,Arial;
	text-decoration : none;

	/* put a bullet to the left and leave space for an expander on the right */
	background-color : #F7F7F7;
	padding-left: 17px;
	padding-right: 10px;

}

.menulist a:hover
{
	text-decoration: none
}

.MenuItemA_NoChildren
{
	background-image: url(../Images/MenuDot_Combined.gif);
	background-repeat: no-repeat;
}

.MenuItemA_NoChildren:hover
{
	background-position: -136px 0px
}

.MenuItemA_HasChildren
{
	background-image: url(../Images/MenuDot_Parent_Combined.gif);
	background-repeat: no-repeat;
}

.MenuItemA_HasChildren:hover
{
	background-position: -136px 0px
}

.MenuItemA_NoChildren_Home_Expanded
{
	background-image: url(../Images/HomeMenuDot_Combined.gif);
	background-repeat: no-repeat;
}

.MenuItemA_NoChildren_Home_Expanded:hover
{
	background-position: -137px 0px
}

.MenuItemA_NoChildren_Home_Active_Expanded
{
	background-image: url(../Images/HomeMenuDot_Active.gif);
	background-repeat: no-repeat;
}

.MenuItemLi_Expanded
{
	border-left:1px solid #F7F7F7; 
	border-top:1px solid #ccc;
}

.MenuItemA_HasChildren_Expanded
{
	background-image: url(../Images/MenuDot_Parent_Expanded.gif);
	background-repeat: no-repeat;
}

.MenuItemA_HasChildren_Expanded:hover
{
	background-image: url(../Images/MenuDot_Parent_Expanded_Hover.gif);
	background-repeat: no-repeat;
}

.MenuItemA_HasChildren_Active_Expanded
{
	background-image: url(../Images/MenuDot_Parent_Expanded_Active.gif);
	background-repeat: no-repeat;
}

.MenuItemA_NoChildren_Active
{
	background-image: url(../Images/MenuDot_Active.gif);
	background-repeat: no-repeat;
}



/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz { background-image: url(out.gif) }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz { background-image: url(over.gif) }
*/

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */

.copyright
{
	clear:both;
	text-align:center;
	font-size: 10px;
	width:600px;
	padding-top: 20px
}

#leftMarginStuff
{
	
}

#subtopicWrapper
{
	position: relative;
	top: 10px;
	border-style: solid;
	border-color: #aaa;
	border-width: 1;
	background-color: #F6EAE8;
	margin: 6px;
	width: 124px;
}

#subtopicTitle
{
	font-weight: bolder;
	text-align: center;
	border-bottom: 1px solid #aaa
}

#subtopics
{
	padding: 3px
}

#subtopics ul
{
	list-style-type: square;
	margin-top: 0px;
	margin-bottom: 0px
}

input
{
	border: 1px solid #aaa;
	height: 20px;
}

.checkbox
{
	border: none;
	height: auto;
}

.radio
{
	border: none;
	height: auto;
}

.select
{
	height: 20px;
	font-size: 11px
}

.button
{
	font-weight: bold;
	font-size: 12px;
	border: #CA8D84 1px solid;
	height: 20px;
	color: #964A41;
	cursor: pointer;
	background-color: #ECD6D3
}

/* http://forums.asp.net/p/1108958/1710136.aspx#1710136 */

#masker
{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    filter:alpha(opacity=0);
    background-color: #ffffff;
    z-Index:1000;
}

#progress
{
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    display:none;
    z-Index:1001;
    border:2px solid black;
    background-color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    padding:10px;
    opacity:0.9;
    filter:alpha(opacity=90)
}

.DataListing
{
    border: 1px solid #333;
    width:583px;
    border-collapse:collapse
}

.DataListing tbody td
{
    padding: 2px;
    border: 1px solid #333;
}

.DataListing thead td
{
    border: 1px solid #333;
    font-weight: bolder;
    background-color:#fae684;
}