/**********************************
	Color values:
	#c6d2e1 - lt blue
	#1d45a1 - blue
	#05294d - navy
	#1c44a1 - true blue
	#476dab - slate blue
	#c12427 - red
	#666 - lighter grey
	#000 - black
	#fff - white
***************************************/

/***************************************
1A: BASE STYLES
****************************************/
/******* neutralize browser styles ******/
html, body {margin:0; padding:0}
html {background-color:#FFF; margin:0; padding:0; }
/******* General Styles ******/
body { font : 76%/160% Tahoma, Verdana, Arial, sans-serif; text-align: left;}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
h2 { color: #c12427; font-size: 140%;}
h3 { color: #1e3760; font-size: 120%; line-height: 25px; }
h4 { line-height: 16px; font-size: 100%; }
h5 { color: #fff; line-height: 16px; font-size: 120%; text-align: center; }
hr { border: .50px solid #476dab; }
a  { color:  #900;
    text-align: center;
}
img, img a { border-style: none; }
.bullet { font-size: 100%; color: #000000; line-height: 12pt; word-spacing: normal; list-style-position: inside; list-style-image: url(../images/square.png);}
.breadcrumb { font-size: 90%; color: #000000; line-height: 12pt; text-align: right;}
.breadcrumb a {	font-size: 90%;	font-weight: bold;	color: #000000; text-decoration: none;	line-height: 42px; padding-top: 5px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }
.breadcrumb a:hover {color: #476dab; text-decoration: underline; }
.breadcrumb a:active {color: #476dab; text-decoration: underline; }
#bar {color: #fff; font-weight: bold; }
.copyright {font-size: 80%; color: #000000;}
/***************************************
1A: LAYOUT STYLES
****************************************/
div#container { position : relative; width : 780px; margin : 0 auto; text-align : left; color: #000; }
/******* Logo Branding ******/
div#branding {
    background-position: url(../images/ngap_logo.gif) no-repeat;
    position : absolute;
    top: 0;
    left: 0;
    width : 300px;
    height : 90px;
    background : url(../images/ngap_logo.gif) no-repeat;
}
div#branding a { position : absolute; top: 0; left: 0; width: 300px; height: 90px; }
div#branding a h1 { display: none; }
/******* Top Links ******/
div#toplinks { float: right; position:relative; width: 480px; height: 90px; text-align: right; font-size: 12px;}
div#toplinks ul { float: right; padding: 0 0 20px 10px; width: 480px;}
div#toplinks ul{ display : inline; margin: 0; padding: 0; list-style-type: none;}
div#toplinks li { display : inline; margin: 0; padding: 0; list-style-type: none;}
div#toplinks a { float: right; line-height: 34px; color : #05294d; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none;}
div#toplinks a:hover { color : #476dab; font-weight: bold; text-decoration: underline;}
div#toplinks a:active { color : #476dab; font-weight: bold; text-decoration: underline;}
/******* Nav Bar Links ******/
div#navlinks { float : left; position : relative; width : 780px; height : 38px; background: url(../images/nav_bar.png) no-repeat; font-size: 12px; }
div#navlinks ul { margin : 0 ; padding : 0 ; list-style-type: none; text-align: center; }
div#navlinks ul li { display: inline; }
div#navlinks ul li a { text-decoration: none ; padding: 30px; color: #fff ; line-height: 32px; font-weight: bold; }
div#navlinks ul li a:hover {color: #c6d2e1; text-decoration: underline; }
div#navlinks ul li a:active {color: #c6d2e1; text-decoration: underline; }
/******* Banner Layout ******/
div#banner {float : left; position : relative; width : 780px; height : 269px; 
background: url(../images/banner.png) no-repeat;
}
div#why_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/why_banner.png) no-repeat;}
div#benefits_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/benefits_banner.png) no-repeat;}
div#reg_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/reg_banner.png) no-repeat;}
div#contact_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/contact_banner.png) no-repeat;}
div#programs_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/programs_banner.png) no-repeat;}
div#using_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/using_banner.png) no-repeat;}
div#vendor_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/vendor_banner.png) no-repeat;}
div#news_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/news_banner.png) no-repeat;}
div#partners_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/partners_banner.png) no-repeat;}
div#demo_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/demo_banner.png) no-repeat;}
div#investor_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/investor_banner.png) no-repeat;}
div#solutions_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/solutions_banner.png) no-repeat;}
div#company_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/company_banner.png) no-repeat;}
div#careers_banner {float : left; position : relative; width : 780px; height : 145px; background: url(../images/careers_banner.png) no-repeat;}
/******* Product Layout ******/
div#product {float : left; position : relative; width : 780px; height : 162px; background: url(../images/product_bkgd.png) no-repeat;}
/******Content Page 1 Containter ******/
div#content { float : left; margin : 0; padding : 0; text-align: left; width : 780px; height : 289px; background : url(../images/content.png) no-repeat; line-height: 20px;}
div#content_top { float : left; width : 470px; margin : 10px; padding : 10px;}
div#content_top ul { float: left; padding: 0; margin-left: 10px; width: 490px; list-style-image: url(../images/arrow.png); }
div#content_top li { padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 5px; line-height: 25px; }
div#content_bottom { float : left; position : relative; width : 743px; margin : 0; padding: 0px 18px; }
div#page1_content_top { float : left; margin : 0; padding : 0; width : 780px;  height: 29px; 
background : url(../images/content_pg1_top.png) no-repeat; }
div#page1_content_body { float : left; margin : 0; padding : 0; text-align: left; width : 780px; background : url(../images/content_pg1_main.png) repeat;}
div#page1_content_bottom { float : left; margin : 0; padding : 0; text-align: left; width : 780px; height : 28px; background : url(../images/content_pg1_bttm.png) no-repeat; }
div#page1_content_main { float : left; width : 500px; margin : 10px; padding : 8px; }
div#page1_content_full { float : left; width : 740px; margin : 10px; padding : 8px; }
/******* Content Page 2 Container ******/
div#page2_content_top { float : left; margin : 0; padding : 0; width : 780px;  height: 8px; background : url(../images/content_top.png) no-repeat; }
div#page2_content_body { float : left; margin : 0; padding : 0; text-align: left; width : 780px; height: 501px; 
background : url(../images/content_body.png); }
div#page2_content_bottom { float : left; margin : 0; padding : 0; text-align: left; width : 780px; height : 14px; background : url(../images/content_bottom.png) no-repeat; }
div#page2_content_bottom2 {margin-top: -7.5em; position:relative; float : left; margin : 0; padding : 0; text-align: left; width : 780px; height : 14px; background : url(../images/content_bottom.png) no-repeat; }
div#page2_content_main { float : left; width : 500px; margin : 10px; padding : 8px; }
div#page2_content_full { float : left; width : 740px; margin : 10px; padding : 8px; }
/******* Right Navigation Container ******/
#navcontainer {	float : right; position: relative; width : 177px;
margin-right : 30px; padding-top: 14px; padding-right: 5px;
    top: -179px;
    left: 3px;
}
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 92%; }
#navcontainer li { margin: 0 0 0px 0; }
#navcontainer a { display: block; padding: 5px 10px; width: 157px; color: #c12427; background-color:#e6eaee; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #949494; }
#navcontainer a:hover { color: #05294d; background-color: #c6d2e1; text-decoration: none; }
#navcontainer a:active { color: #c12427; text-decoration: underline; }
#navcontainer ul ul li { margin: 0 0 0px 0; }
#navcontainer ul ul a { display: block; padding: 5px 5px 5px 30px; width: 142px; color: #666; background-color: 
#e6eaee; text-decoration: none; }
#navcontainer ul ul a:hover { color: #05294d; background-color: #c6d2e1; text-decoration: none; }
#navcontainer ul ul a:active { color: #c12427; text-decoration: underline; }
#navcontainer ul ul ul li { margin: 0 0 0px 0; }
#navcontainer ul ul ul a { display: block; padding: 5px 5px 5px 50px; width: 122px; color: #476dab; background-color: 
#e6eaee; text-decoration: none; }
#navcontainer ul ul ul a:hover { color: #05294d; background-color: #c6d2e1; text-decoration: none; }
#navcontainer ul ul ul a:active { color: #c12427; text-decoration: underline; }
#active { text-decoration: underline; }
#subactive { text-decoration: underline; }
#navcontainer_stratbox { float: right; width : 177px; 
margin-right : 0px; }
/******* Footer Layout ******/
div#footer { float : left; position : relative; width : 780px; height : 40px; background: url(../images/footer.png) no-repeat bottom; text-align: center; }
#footlinks a {	font-size: 90%;	font-weight: bold;	color: #fff; text-decoration: none;	line-height: 42px; padding-top: 5px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }
#footlinks a:hover {color: #c6d2e1; text-decoration: underline; }
#footlinks a:active {color: #c6d2e1; text-decoration: underline; }
#bar {color: #fff; font-weight: bold; }
div#page2_footer { float : left; position : relative; width : 780px; height : 48px; background: url(../images/footer.png) no-repeat bottom; text-align: center; }
#page2_footlinks a {	font-size: 90%;	font-weight: bold;	color: #fff; text-decoration: none;	line-height: 52px; padding-top: 5px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }
#page2_footlinks a:hover {color: #c6d2e1; text-decoration: underline; }
#page2_footlinks a:active {color: #c6d2e1; text-decoration: underline; }
blockquote { margin : 0; padding : 0; }
blockquote ul li { margin: 5px 25px; }
blockquote ol li { margin: 5px 30px; }
/******** Registration Layout **********/
/** Row 1 **/
#row1 ul { list-style-type: none; width: 100%; margin: 0px; padding: 0; }
#row1 li { float : left; width: 350px; padding : 2em 0;}
#row1 li#one { padding: 10px; }
#row1 li#two { padding: 10px; }
#row1 p {margin: 0 10px; padding: 0 0 .5em 0; }
#row1 img {float : left; margin: 0; padding: 0;}
/** Row 2 **/
#row2 ul { list-style-type: none; width: 100%; margin: 0px; padding: 0; }
#row2 li { float : left; width: 350px; padding : 2em 0;}
#row2 li#three { padding: 10px; }
#row2 li#four { padding: 10px; }
#row2 p {margin: 0 10px; padding: 0 0 .5em 0; }
#row2 img {float : left; margin: 0; padding: 0;}
/* =label/label span */
label, label span {display: block; padding-bottom: .25em; }
label { float: left; width: 100%; }
label span {float: left; width: 30%; text-align: right; }
/* =input */
fieldset input {float: right; }
fieldset input:hover { border-color: #000; }
fieldset input:active, input:focus { border-color: #900; }
/* =select */
fieldset select {float: right; border: 1px solid: #ccc; }
fieldset select:hover { border-color: #000; }
fieldset select:active, input:focus { border-color: #900; }
/* =textarea */
fieldset textarea {float: right; margin-left: 42px;
}
fieldset textarea:hover { border-color: #000; }
fieldset textarea:active, input:focus { border-color: #900; }
/* =fieldset */
fieldset { float: left; width: 400px; height: 100%; margin-bottom: 10px; padding: 20px; border: 1px solid #c12427; overflow: hidden; }
fieldset:hover { border-color: #c12427; }
legend { font-size: 120%; font-weight: bold; color: #05294d; }
/* =div */
form div {clear: both; margin-bottom: 10px; }
form div input { padding : 0;
    }
/* =registration form terms */
#terms { padding: 0; margin: 0; width: 100%; }
#terms input {float: left; width: 15%; border: 1px solid: #ccc; }
#terms input:hover { border-color: #000; }
#terms input:active, input:focus { border-color: #900; }
#terms label, label span { padding-bottom: .25em; }
#terms label { float: left; }
#terms label span {float: left; width: 80%; text-align: left; }