/* reset.css v1.0 | 20080212 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}
body			{line-height:1;}
ol,ul			{list-style:none;}
blockquote,q	{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';content:none;
}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* ----------------------------------------------------------------------------- */


body { font-size: 8pt; line-height: 12px; font-family: Helvetica, Arial, sans-serif; }
p.align-left, h4.align-left {text-align: left;}
p.align-center, h4.align-center, td.align-center {text-align: center;}
p.align-right, h4.align-right {text-align: right;}

#page-container { width: 1000px; margin-left: 20px; display: inline; float: left; background: url('images/bg-page.png') left top repeat-y; }

#header-container { width: 1000px; height: 66px; float: left; background: url('images/bg-header-1.png') left top no-repeat; }

#heroarea-container { width: 1000px; height: 240px; float: left;  }

#heroarea-left { width: 101px; height: 240px; float: left; background: url('images/bg-hero-left.png') left top no-repeat; }
#heroarea-logo { width: 269px; height: 240px; float: left; background: url('images/logo.png') left top no-repeat; }

#heroarea-content { width: 630px; height: 240px; float: left; overflow: hidden; }

#headermenu-container { width: 1000px; height: 24px; float: left; overflow: hidden; background: url('images/bg-header-menu.png') left top no-repeat; margin-bottom: 30px; }


#content-container { width: 1000px; float: left; }

#menu { width: 322px; margin: 0 47px 30px 0; float: left; }

#main-content { width: 593px; float: left; padding-right: 38px; }

#breadcrumb { width: 631px; margin-bottom: 20px; float: left; }

#content { width: 100%; float: left; }


#footer-container { width: 1000px; height: 117px; float: left; background: url('images/bg-footer.png') left top no-repeat; }

#footer-row-1 { width: 220px; float: left; height: 45px; padding-left: 102px; text-align: center; padding-top: 7px; }
#footer-row-1 p { font-weight: bold; color: #90a2c2; }
#footer-row-2 { width: 100%; float: left; height: 65px; }
#footer-row-2 p { color: #90a2c2; font-weight: bold; text-align: right; padding: 6px 38px 0 0; }



/* --- menus ------------------------------------- */
#headermenu-container p { text-align: right; margin-right: 38px; font-weight: bold; color: #90a2c2; line-height: 23px; }
#headermenu-container a { color: #90a2c2; text-decoration: none; }
#headermenu-container a:hover { color: #00389a; }
#headermenu-container span { padding: 0 3px; }

#breadcrumb ul { width: 100%; float: left; }
#breadcrumb li { float: left; padding: 0 5px 0 13px; background: url('images/breadcrumb-arrow.png') left top no-repeat; }
#breadcrumb li.first { background: none; padding-left: 0; }
#breadcrumb li a { text-decoration: none; color: #00389a; font-weight: bold;  }
#breadcrumb li a:hover { color: #90a2c2; }



#menu ul { padding: 1px 0 0 102px; background: url('images/bg-menu-top.png') left top no-repeat; margin-top: }
#menu ul ul { background: #fff; padding: 0; }

#menu li { background: #cad6ec; }
#menu li a { font-size: 12px; line-height: 26px; display: block; background: #fff; margin-right: 10px; text-align: right; padding-right: 10px; text-decoration: none; color: #000; font-weight: bold; }
#menu li a:hover, #menu li a.active { background: #cad6ec; color: #113782;}
#menu li.orange { background: #ff8c00; }
#menu li.orange a:hover, #menu li.orange a.active { background: #ff8c00; color: #fff; }
#menu li.black { background: #000; }
#menu li.black a:hover, #menu li.black a.active { background: #000; color: #fff; }
#menu li.blue { background: #00389a; }
#menu li.blue a:hover, #menu li.blue a.active { background: #00389a; color: #fff; }

#menu li li { font-size: 8pt; line-height: 15px; border-top: 1px solid white; overflow: hidden; background: #00389a; }
#menu li li a { font-size: 8pt; line-height: 15px; font-weight: normal; border-bottom: 1px solid #fff; color: #00389a; }
#menu li li a:hover, #menu li li a.active { border-bottom: 1px solid #00389a; background: #fff; color: #000; }

#menu li.orange li { background: #ff8c00; }
#menu li.orange li a { color: #ff8c00; }
#menu li.orange li a:hover, #menu li.orange li a.active { border-bottom: 1px solid #ff8c00; color: #000; background: #fff; }
#menu li.black li { background: #000; }
#menu li.black li a { color: #000; }
#menu li.black li a:hover, #menu li.black li a.active { border-bottom: 1px solid #000; color: #000; background: #fff; }
#menu li.blue li { background: #00389a; }
#menu li.blue li a { color: #00389a; }
#menu li.blue li a:hover, #menu li.blue li a.active { border-bottom: 1px solid #00389a; color: #000; background: #fff; }


/* --- content ----------------------------------- */
#content p { margin: 1em 0; line-height: 1.4em; }
#content ul { margin: 1em 0; line-height: 1.4em; margin-left: 35px; }
#content ul ul { margin: 0.5em 0;; margin-left: 35px; }
#content h1 { font-size: 12px; letter-spacing: 1.2px; line-height: 13px; text-transform: uppercase; color: #ff8c00; margin: 0 0 1.5em 0; }
#content h3 { font-weight: bold; font-size: 8pt; line-height: 1.2em; margin: 1em 0 0.5em 0; }
#content h4 { font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; color: #ff8c00; }
#content h5 { font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; color: #00389a; }
#content h6 { font-size: 12px; letter-spacing: 1.2px; color: #00389a; }
#content li { padding-left: 15px; background: url('images/bullet.gif') 0 1px no-repeat; line-height: 1.4em; }
#content a { color: #00389a; text-decoration: none; font-weight: bold;}
#content a:hover { color: #90a2c2; }
#content .csc-textpic-clear {height: 30px;}

/* --- sitemap ----------------------------------- */
#content .csc-sitemap a, #content csc-sitemap a:hover { text-decoration: none; font-weight: bold; color: #00389a; }

/* --- forms ------------------------------------- */
.powermail_submit, .tx-powermail-pi1_confirmation input { background: #CAD6EC; color: #00389A; font-weight: bold; font-family:Helvetica,Arial,sans-serif; } 

/* --- Frame2 Layout (e.g. ISP references) ------ */
div.csc-frame-frame2 dl {
	padding-bottom: 22px;
	font-weight: bold;
	font-size: 8pt;
}

/* --- Layout ISP references -------------------- */
dd.csc-textpic-caption {
	padding: 10px 0px 5px 0px;
	font-weight: normal;
}
div.csc-textpic-imagerow dl dt a img {
	border: 1px solid #90A2C2;
	margin-right: 10px;
}
div.csc-textpic-imagerow dl {
	width: 260px;
}

/* Divider with space */
div.divider hr {
	border: none;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Job Frame2 */
div.csc-frame-frame1 {
	border:	2px solid #000000;
	padding-left: 30px;
	padding-right: 30px;
	-moz-border-radius: 25px;
	width: 400px;
}