@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, 
blockquote, th, td		{margin:0px; padding:0px}
img						{border: none}
body					{width: 100%; min-width: 760px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000080; font-size:12px; background:url(images/bkg_main2.jpg) repeat-x #fff}
h1						{font-size: 18px; margin: 10px 0px 15px; color: #0000cc}
h2						{font-size: 16px; margin: 10px 0px 20px; color: #0000cc}
h3						{font-size: 12px; margin: 0px 0px 3px}
h4, h5					{font-size: 12px; margin: 0px 0px 3px; text-transform: uppercase; color: #0000cc}
b, strong				{color: #0000cc}
.left					{width: 45%; float:left; display:block; margin-right: 5px}
.right					{width: 45%; float:right; display:block}
a:link, a:visited		{color: #0000cc}
a:hover, a:active		{color: #0000cc; text-decoration:none}
/* Containers
--------------------------------*/
body  					{font: 12px Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(images/bkg_main2.jpg) repeat-x #fff; margin: 0; padding: 0; text-align: center; color: #000000}
#container 				{width: 100%; min-width: 760px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000080; text-align:left} 
#branding				{clear:both; width: 100%; height: 91px; top: 0px}
#branding h1			{position: absolute; z-index:9; text-align:center; left: 0px; top: 0px; margin:0px}
#branding p             {position: absolute; top: 25px; left: 230px; width: 600px; font: 16px "Trebuchet MS", "Helvetica", sans-serif; color: #fff; font-weight:bold; margin: 0px}
#mainContent 			{position: relative; margin: 0px 279px 0 0px; background: url(images/bkg_pg.jpg) repeat-x bottom #fff; border-top: 4px solid #003659; padding: 40px 30px; min-height: 410px} 
* html #mainContent 	{height: 500px} 
#mainContent #pgfooter	{position: absolute; bottom: 0px; right: 0px; width: 100px; height: 100px; background: url(images/corner.jpg) no-repeat bottom right}
#footer 				{height: 90px; margin: 10px auto; font-size:11px; text-align:center; padding: 0px 10px; margin: -140px 255px 0 0px} 
#footer p 				{margin: 0; padding: 14px 0}
.fltrt 					{float: right;margin-left: 8px}
.fltlft 				{float: left;	margin-right: 8px}
.clearfloat 			{clear:both; height:0; font-size: 1px; line-height: 0px}
* html .twoColHybRtHdr #sidebar1 { padding-top: 30px; }
* html .twoColHybRtHdr #mainContent { zoom: 1}/* the proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
/* Sidebar
---------------------------------*/
#sidebar 				{float: right; width: 255px;padding: 0px 12px}
.box					{width: 211px; background-color: #fff; padding: 15px 20px; border: 1px solid #c8c2c2; border-right: none; border-left: none; margin-bottom: 15px}
.box h3					{font: 15px "Trebuchet MS", "Helvetica", sans-serif; color: #0b2b83; font-weight: bold}
.box h2					{font: 11px Verdana, Arial, Helvetica, sans-serif; color: #0b2b83; margin: 0px; font-weight: bold; padding:0px}
.box p					{font-size: 11px; margin: 0px 0px 8px}
#memberbtn				{margin: -9px 0px 6px 0px; display:block}
/* Form items
-----------------------*/
form				{display: inline}
input, select		{font-size: 11px; color: #333333}
.loginForm			{font-size: 11px}
.loginForm input	{width: 200px; margin: 2px 0px}
.loginLabel			{width: 80px; margin-right: 5px}
.loginBtns input	{width: auto; height:auto}
.rememberMe			{width: 100%; display: block; font-size: 10px;}
.forgot				{width: 100%; display:block; font-size: 14px; padding-top: 5px;}
#rfvPassword, #rfvUserID	{color:Red;visibility:hidden}
.error				{color: Red}
.green				{color: Green}
.Asterisk			{color: Red;font-weight: bold}
.stepTitle			{font-size: 90%; font-weight: bold}
.FormLabel			{white-space: nowrap;	text-align: right;	font-weight: bold; color: #808080}
.FormEntry			{white-space: nowrap; text-align: left;	font-weight: normal}
.small				{font-size: small}
.statusMsg			{margin: auto;	padding-top: 10px;	color: Red;	text-align: center}

/* Added by Nicole 04/05/08 */
#content ul			{margin-left: 30px; margin-bottom: 10px}
#content li			{margin-bottom: 2px}
a.downloadBtn:link, a.downloadBtn:visited		{width: 150px; height: 20px; background: url(images/btn_download.jpg) no-repeat; color: #000; display:block; text-decoration: none; text-align:center; padding-top: 3px; margin: 0px auto}
a.downloadBtn:hover, a.downloadBtn:active		{background: url(images/btn_download_o.jpg) no-repeat; color: #000}
.toolarBox			{width: 640px; float: left; clear:both; margin: 0px 0px 20px; border: solid 8px #d7f5fd; padding: 10px 20px}
.toolarBox #left	{width: 40%}
.toolarBox p		{font-size: 11px; color:#666; font-style: italic}
.toolarBoxRight 	{width: 50%; height: 250px; border-left: 1px solid #ccc; text-align: center; float:right; padding-left: 28px}
.toolarBoxRight h3	{margin-bottom: 10px}

/* Dynamic Drive CSS Square Buttons */
a.squarebutton{background: transparent url('Images/square-blue-left.gif') no-repeat top left;
display: block; float: left; font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none; margin-right: 2px;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('Images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%; margin-top: 2px; margin-left: 232px; margin-bottom: 0px;
}
.navbannerwrapper{ /* container acting like a bar holding the buttons */
	background-color:#959595; height: 27px; width: 100%; 
	margin: -40px -300px 0px -30px; padding-right: 60px; padding-top: 2px;}