/* reset.css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} 
table, tr, td		{vertical-align: top;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q	{quotes:"" "";}
a img			{border:none;}

/* styles for main.master template */
body { background-image: url(../images/interface/dgrey.gif); background-repeat:repeat; color: #444; font-family: Verdana; font-size:12px; margin: 31px 0px; padding: 0px;}
.logoBg				{background-color:#FFF;}
.layout				{background-color: #00A5DA; width: 924px;}
.layoutRibbonBar	{background-color: #00A5DA; text-align: left;}
.layoutSpaceBar		{background-color: #2581C0; text-align: left; height: 20px; border-top: solid 1px #38C081; border-bottom: solid 1px #1A1042;}
.layoutNav			{vertical-align: top;}
.layoutContent		{background-color: white; padding: 4px; vertical-align: top;}
.layoutContentFrame {background-color: #152020; border: solid 1px #1A1042; height: 300px; padding: 6px 10px 8px 10px;}
.layoutFooterBar	{background-color: #003399; color: #FFF; font-size: 9px; font-weight: bold; padding:6px 11px 5px 11px;}
.layoutFooterBar a	{color: #FFF; text-decoration: none;}
.layoutFooterBar a:hover{color: #F9C727; text-decoration: underline;}

/* align images within table cells with bottom of cell, not font baseline */
td img {vertical-align: bottom;}

/*Credits: Dynamic Drive CSS Library http://www.dynamicdrive.com/style/ */

.layoutNavMenu1 {list-style-type: none;	margin: 0px; padding: 0px; width: 170px; border: 0px;}
.layoutNavMenu2 {list-style-type: none;	margin: 0px; padding: 0px; width: 170px; border: 0px;}
.layoutNavMenu3 {list-style-type: none;	margin: 0px; padding: 0px; width: 170px; border: 0px;}

.layoutNavMenu1 li a {background: url(../images/app/nav/nav_1_hi.gif) repeat-x top left; font: 11px Helvetica, sans-serif; color: #FFF; display: block; width: auto; padding: 4px 2px 6px 18px; text-decoration: none; border-top: solid 1px #3556fc; border-bottom: solid 1px #2222b7;}
.layoutNavMenu2 li a {background: url(../images/app/nav/nav_2_hi.gif) repeat-x top left; font: 11px Helvetica, sans-serif; color: #FFF; display: block; width: auto; padding: 4px 2px 6px 20px; text-decoration: none; border-top: solid 1px #3890f3; border-bottom: solid 1px #1c4ed4;}
.layoutNavMenu3 li a {background: url(../images/app/nav/nav_3_hi.gif) repeat-x top left; font: 11px Helvetica, sans-serif; color: #FFF; display: block; width: auto; padding: 4px 2px 6px 25px; text-decoration: none; border-top: solid 1px #18a7fc; border-bottom: solid 1px #0e73dc;}

.layoutNavMenu1 li a:hover {background: url(../images/app/nav/nav_1_lo.gif) repeat-x bottom left; color: #FFF; text-decoration: none;}
.layoutNavMenu2 li a:hover {background: url(../images/app/nav/nav_2_lo.gif) repeat-x bottom left; color: #FFF; text-decoration: none;}
.layoutNavMenu3 li a:hover {background: url(../images/app/nav/nav_3_lo.gif) repeat-x bottom left; color: #FFF; text-decoration: none;}

.layoutNavMenu1 li a:active {background: url(../images/app/nav/nav_1_lo.gif) repeat-x bottom left; color: #FFF; border-top: solid 1px #000;}
.layoutNavMenu2 li a:active {background: url(../images/app/nav/nav_2_lo.gif) repeat-x bottom left; color: #FFF; border-top: solid 1px #000;}
.layoutNavMenu3 li a:active {background: url(../images/app/nav/nav_3_lo.gif) repeat-x bottom left; color: #FFF; border-top: solid 1px #000;}


* html .layoutNavMenu1 li a
{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 170px;}

/* footer style */	
#footer {background: #000 url(../images/interface/footer2.jpg) no-repeat right bottom; height: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.footer 		{background-color:#039;}
.whiteFooter 	{color:#fff; font-weight:bold; font-size:9px; line-height:11px; text-decoration:none; margin:0; padding: 5px 20px 5px 20px;}
.whiteFooterLink{color:#fff; font-weight:bold; font-size:9px; line-height:11px; text-decoration:none; margin:0; padding:0;}
.whiteFooterLink:hover {color:#87CEEB; font-weight:bold; font-size:9px; line-height:11px; text-decoration:underline; margin:0; padding:0;}

/* styles for index template*/
.indexCardTitle     {background: url(../images/titles/titlesliceSection3.gif) repeat-x; color: #FCFCFC; font-size: 11px; line-height: 14px;padding: 2px 10px 1px 10px ;height: 22px;}
.indexCardBody		{}
.indexCardHeading   {background: url(../images/interface/titleBar_brightBlue.gif) repeat-y; color: #FFF; font-size: 12px; font-weight: bold; line-height: 14px; padding: 4px;  }
.indexCardTop       {background: url(../images/titles/titleslice3.gif) repeat-x;}
.indexCardLeftSide  {background: url(../images/nav/leftshadow3.gif) repeat-y; width: 6px; height: 300px;}
.indexCardRightSide {background: url(../images/nav/rightshadow1.gif) repeat-y; width: 6px;}
.indexCardLogoStrip {border-top: 1px dotted #c3c3c3;padding: 10px 5px 0px 5px;}