/*--------------------------Global Styles--------------------------*/
BODY {
	margin:0px;
	background-color:#CCCCCC;
}
TD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}	
A {
	text-decoration:underline;
	color:#4682b4;
}

/*--------------------------Menus--------------------------*/
.menu1-bg {
	background-image:url(../images/menu1-bg.gif);
	border-bottom:2px solid #BDBDBD;
	height:40px;
	text-align:left;
}
.menu1-btn {
	background-image:url(../images/btn1-bg.gif);
	padding-left:20px; 
	padding-right:20px;
	font-weight:bold;
}
a.menu1link:link { text-decoration: none; color:#333333}
a.menu1link:visited { text-decoration: none; color:#333333}
a.menu1link:active { text-decoration: none; color:#333333}
a.menu1link:hover { text-decoration: underline; color:#4682b4}

.menu2-bg {
	background-color:#f0f8ff;
	padding:20px;
	vertical-align:top;
	border-top:5px solid #E1E1E1;	
	border-bottom:2px solid #BDBDBD;	
	border-right:1px solid #BDBDBD;	
}
a.menu2link:link { text-decoration: none; color:#4682b4; padding-bottom:20px}
a.menu2link:visited { text-decoration: none; color:#4682b4; padding-bottom:20px}
a.menu2link:active { text-decoration: none; color:#4682b4; padding-bottom:20px}
a.menu2link:hover { text-decoration: underline; color:#4682b4; padding-bottom:20px}

div.menu2 {
	padding-bottom:10px;
}

.menu3-bg{
	background-image:url(../images/menu3-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding-left:20px; 
	padding-top:20px; 
	padding-right:20px; 
	padding-bottom:0px; 
	vertical-align:top;
	border-top:5px solid #E1E1E1;
	text-align:center;
}
a.menu3link:link { text-decoration: none; color:#4682b4}
a.menu3link:visited { text-decoration: none; color:#4682b4}
a.menu3link:active { text-decoration: none; color:#4682b4}
a.menu3link:hover { text-decoration: underline; color:#4682b4}

.menu4-bg{
	background-color:#FFFFFF;
	padding-left:20px; 
	padding-top:10px; 
	padding-right:20px; 
	padding-bottom:5px; 
	vertical-align:top;
	text-align:center;
}
a.menu4link:link { text-decoration: none; color:#666666}
a.menu4link:visited { text-decoration: none; color:#666666}
a.menu4link:active { text-decoration: none; color:#666666}
a.menu4link:hover { text-decoration: underline; color:#4682b4}

.topLevelMenu
{
	border-right: #808080 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: #808080 1px solid;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	background: #6699ff;
	width: 160px;
	color: white;
	font-weight: bold;
}


.topLevelMenu a
{
	color: Black;
	font: 8pt verdana;
	text-decoration: none;
}

.topLevelMenu a:hover
{
	color: Blue;
	text-decoration: underline;
}

.menuItem
{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
}

.menuItem a
{
	color: Black;
	font: 8pt verdana;
	text-decoration: none
}

.menuItem a:hover
{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: lavender;
	color: black;
	text-decoration: underline;
}

.menuSelected
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background: lightcyan;
}

.menuClicked
{
	border-right: #808080 1px solid;
	padding-right: 2px;
	border-top: #808080 1px solid;
	padding-left: 2px;
	background: #cccc99;
	padding-bottom: 2px;
	border-left: #808080 1px solid;
	padding-top: 2px;
	border-bottom: #808080 1px solid;
}


/*--------------------------Form Elements--------------------------*/	
.FormTextBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #f0f8ff;
	padding: 2px;
	border-top: 2px solid #4682b4;
	border-left: 2px solid #4682b4;
	border-bottom: 1px solid #4682b4;
	border-right: 1px solid #4682b4;
	height:20px;
}
.FormSelect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #f0f8ff;
	padding: 2px;
	border: 1px solid #4682b4;
	height:20px;	
}	
.FormButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4682b4;
	padding: 4px;
	font-weight: bold;
	font-variant: normal;
	border-left: 1px solid #4682b4;
	border-right: 1px solid #4682b4;
	border-top: 1px solid #4682b4;
	border-bottom: 1px solid #4682b4;
	background-image:url(../images/btn2-bg.gif);
	background-color:#FFFFFF;
	background-position:top;
	cursor: hand;
}
.FormTextAreaBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #f0f8ff;
	padding: 2px;
	border-top: 2px solid #4682b4;
	border-left: 2px solid #4682b4;
	border-bottom: 1px solid #4682b4;
	border-right: 1px solid #4682b4;
}
.FormLabel {
	font-weight:bold;
	color:#4682b4;
	padding-right:8px;
}
.FormTxtBoxCell {
	padding-right:20px;
}	
/*--------------------------Grid - *May not apply when using data grids.  Try follow color scheme when using data grids-------------------------*/	
.Grid {
	border-collapse:collapse;
	border-top: 1px solid #4682b4;
	border-bottom: 1px solid #4682b4;
	border-left: 1px solid #4682b4;
	border-right: 1px solid #4682b4;
}
.AltRow {
	background-color:#f0f8ff;
}	
.HeaderRow {
	background-color:#b0c4de;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:top;	
}
.FooterRow {
	background-color:#b0c4de;
	font-weight:normal;
	color:#FFFFFF;
	vertical-align:top;	
}
.Row {
	font-weight:normal;
	color:#FFFFFF;
	vertical-align:top;	
}

/*--------------------------General Formatting, Labels, etc.--------------------------*/
.box1 {
	border:1px solid #BDBDBD;
	padding:15px;
	vertical-align:top;
	position:static;
}
.box2 {
	border:1px solid #4682b4;
	padding:15px;
	vertical-align:top;
	position:static;
}
.box3 {
	border-top:5px solid #b0c4de;
	border-left:1px solid #BDBDBD;
	border-right:1px solid #BDBDBD;
	border-bottom:1px solid #BDBDBD;
	padding:15px;
	vertical-align:top;
	background-color:#FFFFFF;
}
.PageTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#4682b4;
}
.banner {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#4682b4;
}
.header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.panel-bg {
	background-color:#FFFFFF;
}	
.panel-banner {
	background-image:url(../images/panel-banner_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
	height:80px;
}
.panel-main {
	background-color:#FFFFFF;
	padding:20px;
	vertical-align:top;
	border-top:5px solid #E1E1E1;
	border-bottom:2px solid #BDBDBD;	
}
.panel-column {
	background-color:#f5f5f5;
	padding:20px;
	vertical-align:top;
	border-top:5px solid #E1E1E1;
	border-bottom:2px solid #BDBDBD;	
}
#foldheader {
	cursor:pointer;
	cursor:hand; 
	font-weight:bold;
	list-style-image:url(fold.gif)
}

#foldinglist {
	list-style-image:url(list.gif)
}