html 
{	
	font: small/1.4 "Lucida Grande", Tahoma, sans-serif;
}

body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(SiteImages/testbg.png) repeat-x;
	background-color: #999999;
}

.wrapper
{
	margin: 20px auto 20px auto;	
	width: 1024px;
}

.header
{
	background-color: #9999FF;
	height: 250px;
}

.subheader
{
	background: url(SiteImages/subheaderbg.png) repeat-x;
	background-color: #990000;
	height: 46px;
}

.content
{
	
}

.right
{
	padding-top: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	padding-right: 25px;
	width:724px;
}

.left
{
	background-color: #EEEEEE;
	width: 300px;
	padding-top: 15px;
	padding-left: 15px;
}

.footer
{
	background: url(SiteImages/footerbg.png) repeat-x;
	padding: 25px;
	height: 100px;
	background-color: #990000;
	bottom: 0px;
	margin-top: 0px;
	text-align: center;
	color: #FFFFCC;
}

.spacerBG {
	width: 4px;
	height: 46px;
	float: left;
	background: url('SiteImages/topspacer.png') no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	background-position: center;
}

/* Top Links   */

.subheader ul li
{
	display: inline;
}

.subheader ul 
{
	list-style: none;
	padding-left: 0px;
	width: 900px;
	margin: 0px auto;
}

.subheader ul li a:link, .hr_menu ul li a:active, .hr_menu ul li a:visited 
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
}

.subheader ul li a:hover 
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	background: #bd312e;
}

.spacer {
	width: 5px;
	height: 36px;
	float: left;
	background: url('SiteImages/spacer.jpg') no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	background-position: center;
}

.subheader_links {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
}

.subheader_links:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	background: #bd312e;
}

.footer a:link, .footer a:active, .footer a:visited
{
	color: #FFFF66;
	text-decoration: none;
}

.footer a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


.ImgClass
{
	
	margin-right: 5px;
}

.manageButton
{
	background: url(    'SiteImages/btnManageBG.gif' ) no-repeat;
	vertical-align: middle;
	text-indent: 25px;
	color: #CC3300;
}
.manageButton:hover
{
	color: #0000CC;
}

/*DEMO STYLES*/

.pageheading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
.pagesubheading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC6699;
}
.pagebold
{
	font-weight: bold;
}

.pagebox
{
	padding: 10px;
	border: 1px solid #DCDCCB;
	background-color: #F4F4F4;
}

.inputtextbox
{
	padding: 3px;
	border: 1px solid #CACACA;
	background-color: #EAFFEA;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.inputbutton
{
	padding: 6px;
	border: 1px ridge #FF6600;
	background-color: #FF9933;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF99;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.inputbutton:hover
{
	background-color: #CC6600;
}


.demosubheader
{
	background: url(SiteImages/subheaderbg.png) repeat-x;
	background-color: #990000;
	height: 46px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}

.demosubheader a:link, .demosubheader a:active,  .demosubheader a:visited 
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;	
	text-align: right;
}

.demosubheader a:hover
{
	color: #FFFF66;
}

.DemoleftSidebar
{
	width:250px;
	top:0px;
	left:0px;
	border-right:solid 2px #666666;	
	background-color:#AA5555;
}

.DemoRight
{
	padding-top: 25px;
	padding-left: 25px;
	background-color: #FFFFFF;
	padding-right: 25px;
	width:774px;
}

#nav
{
	margin: 0;
	padding: 0;
	background: #AA5555;
	list-style-type: none;
	width: 250px;
	line-height: 2.0;
	color: #FFFFFF;
}
#nav li {
	margin: 0;
	padding: 0;
}
#nav a
{
	display: block; /* to increase clickable area as a’s default to inline */
	color: #FFF;
	text-decoration: none;
	padding: 0 15px;
	line-height: 2.0;
	border-bottom: 1px solid #FFF;	
	
}
#nav .nav_head
{
	background-color: #5E2F00;
	color: #FFFFFF;
	padding-left: 5px;
}
#nav a:hover {
	background: #6F7A96; /* #4F4532 */
}

#nav .lowest a {
	border: none;
}




.accordionHeader
{
	font-family: tahoma,lucida,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #FFE8E8;
	font-family: Arial, Sans-Serif;
	margin-top: 5px;
	cursor: pointer;
	text-align: left;
	padding-left: 20px;
	
	
}

.accordionHeaderSelected
{
	
	font-family: tahoma,lucida,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #FFCC66;
	font-family: Arial, Sans-Serif;
	padding-left: 20px;
	margin-top: 5px;
	cursor: pointer;
	text-align: left;
}

.accordionContent
{
	/* background   : url(SiteImages/nav_dot_left.gif) repeat-none; */
	color: #CC6600;
	font-family: tahoma,lucida,verdana,sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: 30px;
	margin-top: 5px;
	cursor: pointer;
	text-align: left;
	background-color: #FFCC99;
}
.accordionContent a, a:link, a:active, a:visited
{
    text-decoration:none;
}
.accordionContent a:hover
{
    text-decoration:underline;

}


.normalheading1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC0000;
}
.normalheading2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}


/* Common Control Styles */

.tablegeneral
{
	border: 1px solid #FF9933;
	
}

.tableheader
{
	font-weight: bold;
	color: #CC6600;
	text-align: left;
	background-color: #FFAC84;
}



.tablerow
{
	color: #CC6600;
	background-color: #FFFFF2;
	padding: 5px;
}
.tableseparator
{
	height: 1px;
	background-color: #FFD7AE;
}

.tablefooter
{
	padding: 5px;
	font-weight: normal;
	color: #663300;
	text-align: left;
	background-color: #FFF5CE;
	font-size: 9px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFCCCC;
}


.blockHeading
{
	border: 1px solid #FFE1E1;
	font-weight: normal;
	color: #CC6600;
	text-align: left;
	background-color: #FEF9F1;
	padding-left: 5px;
	height: 30px;
}

.inputbutton2
{
	padding: 6px;
	border: 1px solid #FFCCCC;
	background-color: #FFFFEA;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.inputbutton2:hover
{
	background-color: #FFE4CA;
}


/* Data Web Control Styles */
.DataWebControlStyle
{
    font-size: 85%;
}

.HeaderStyle
{
	background-color: #FFF3C4;
	color: #CC6600;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CC6600;
	text-align: left;
}
.HeaderStyle a, .HeaderStyle a:visited
{
	color: #999999;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}
.HeaderStyle a:hover
{
	text-decoration: underline;
	color: #0000CC;
}

.AlternatingRowStyle
{
	background-color: #ffffff;
	font-size: 13px;
	font-style: normal;
	color: #666666;
}

.RowStyle
{
	background-color: #FFFFEA;
	font-size: 13px;
	font-style: normal;
	color: #666666;
}
.PagerRowStyle
{
	background-color: #FFF9F2;
	text-align: right;
}