/* Page containers */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #e4e8ee;
	padding: 0;
	margin: auto;
	text-decoration: none;
	vertical-align: middle;
}
#pagecontainer {
	width:980px; 
	margin: inherit;
	height: auto;
	min-height: 600px;
	background:url(images/masthead.jpg) top no-repeat;
    background-color:#d9e3f1;
}
#content {
	margin: 0px 0px 0px 10px;
	width: 960px;
	height: inherit;
	background-color: #cbd6e5;
}
/* END Page containers */

/* Masthead / Banner*/
#banner {
	width: 980px;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b1cbd7; /* blue */
	font-size: 16px;
	height: 100px;
	border: 0;
}
#login {
	font: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-top: 12px;
	color: #b1cbd7;
	width: 70px;
	float: right;
	text-align: left;
	height: 55px;
	float: right;
}
#bannermenu {
	width: 960px;
    float: right;
	height: 30px;
}
#hm {
	float:right;
	width: 675px;
}
#ns {
	float:right;
	width: 595px;
}
#sq {
	float:right;
	width: 440px;
}
#dc {
	float:right;
	width: 295px;
}
#help {
	float:right;
	width: 105px;
}
/* END Masthead / Banner*/

/* bottom panel of home page*/
.subheading {
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	width: 266px;
}
.list {
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1b2758;
	padding-left: 30px;
}
.outerbox {
	width: 970px;
	height: 300px;
	padding: 5px 5px 5px 5px;
	background-color: #e8ecf1;	
}
.box {
	color: #1b2758;
	width: 270px;
	margin: 10px 26px 10px 26px;
	background-color: #ffffff;
	height: 280px;
	float: left
}
.box1 {
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1b2758;
	width: 260px;
	color: #1b2758;
	margin: 6px 2px 2px 5px;
	background-color: #fff1f9;
	float: left;
	height: 245px;
	overflow: auto;

}
.box2 {
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1b2758;
	width: 260px;
	color: #1b2758;
	margin: 6px 2px 2px 5px;
	background-color: #fff1f9;
	float: left;
	height: 245px;
	overflow: auto;
}
.box3 {
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1b2758;
	width: 260px;
	margin: 6px 2px 2px 5px;
	background-color: #fff1f9;
	float: right;
	height: 245px;
	overflow: auto;
}
hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #41597a; 
	border-style: none none dotted; }
	
	/* END bottom panel of home page*/














/* horizontal rule possitioning */
div.hr {
 	background: url(images/hBottomRule.gif) no-repeat center;
}
div.hr hr {
  display: none;
}
/* END horizontal rule possitioning */


/* Colors*/

/* Link colors */
#banner a {text-decoration: none; padding:0;}
#banner a:link		{color: #b1cbd7;} /*blue*/
#banner a:visited	{color: #b1cbd7;} /*blue*/
#banner a:hover		{color: #b2ed70;} /*green*/
#banner a:active 	{
	color: #b2ed70;
	border-style: none;
	border-width: 0px;
} 	/*green*/

/* Colors for bottom panel menues */
.tan {background-color: #c2cbae;}
.robin {background-color: #91b6c2;}
.brown {background-color: #b6a083;}

/* Menu Colors */
/* text green */ .green {color: #97c868;}
/* text blue */  .blue {color: #96adbb;}

/* Page Text */
/* page title */ .title {color: #637b9f;}
/* paragraph/content font */ .content {color: #626e81;}


/* Drop box colors */
/* drop box dark */ . {color: #8b9eb9;}
/* drop box light */ . {color: #dfe4eb;}
/* section title & submit button */ . {color: #415c82;}
/* bg blue  */ . {color: #a5b6cf;}


/* Table colors */
 /* table title */ . {color: #6a7f9c;}
 /* blue header */ . {color: #536885;}
 /* dk row head */ . {color: #c7d2e1;}
 /* lt row head */ . {color: #d0d9e7;}
 /* dk cell */ . {color: #dbe3ee;}
 /* lt cell */ . {color: #e7edf6;}
 /* header font */ . {color: #f6faff;}
 /* totals font */ . {color: #5a6779;}
 /* cell font */ . {color: #414e61;}
 /* row header */ . {color: #435165;}
/* END Colors*/









/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */

#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }





