/*********************************************************************CSS Reset*****************************************************************************/
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; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

em {font-style: italic;}

strong {font-weight: bold;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
a:hover, a:active {outline: 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;}

/*********************************************************************END Reset****************************************************************************/
html, body {height: 100%; min-width: 970px;}

body {background: #00407f url(../images/sce/body_repeat.png) repeat-x top left; position: relative; text-align: center; font: normal 62.5%/1.7em Arial, Helvetica, sans-serif; color: #0f0f0f;}

#container {position: relative; margin: 0 auto; width: 970px;}

/*******************************************************************LEFT COLUMN styles********************************************************************/
#left_column {position: relative; float: left; clear: left; width: 269px; text-align: left;}

#left_column h1 {width: 134px; height: 234px;}

#left_column h1 a {background: url(../images/sce/logo.png) no-repeat top left; width: 100%; height: 100%; display: block; text-indent: -9999px;}

#company_info {position: relative; float: left; margin: 3px 0 20px 2px;}

#company_info li {color: #002b55; line-height: 13px; font-weight: bold;}

#nav {background: url(../images/sce/sidebar_repeat.png) repeat-y top left; position: relative; float: left; clear: both; width: 269px; min-height: 400px;}

#sidebar_top {background: url(../images/sce/sidebar_top.png) no-repeat top left; position: absolute; top: -9px; left: 0; width: 269px; height: 9px;}

#sidebar_bottom {background: url(../images/sce/sidebar_bottom.png) no-repeat top left; position: absolute; bottom: -13px; left: 0; width: 269px; height: 13px;}

#menu ul li {display: block; margin: 0 0 0 -8px;}

#menu ul li ul {display: block; margin: 0 0 0 30px; padding: 10px 0 14px 0;}

#menu ul li ul li {margin: 0 0 2px 0;}

#menu ul li ul li a {color: #002b55; text-decoration: none; border-bottom: 1px solid #c7d6e5; width: 100%; font-size: 1.1em; line-height: 12px;}

#menu ul li ul li a:hover {font-weight: bold; border-bottom: 1px solid #002b55; margin: 0 0 0 4px;}

#menu ul li ul li ul {margin: 0 0 0 20px; padding: 2px 0 0 0;}

/***************************************************************RIGHT COLUMN styles**************************************************************************/
#right_column {position: relative; float: right; clear: right; width: 678px; text-align: left;}

#top_nav {background: url(../images/sce/top_links_bg.png) no-repeat top left; position: relative; float: right; clear: right; width: 171px; height: 20px; margin: 0 0 20px 0; padding: 6px 0 6px 0; text-align: center;}

#top_nav li {display: inline; margin: 0 5px 0 5px;}

#top_nav li a {color: #ffffff; text-transform: uppercase; font-size: 1.2em; text-decoration: none;}

#top_nav li a:hover {text-decoration: underline;}

#main_content #banner {position: relative; margin: 6px 0 10px 0;}

#main_content {background: url(../images/sce/content_repeat.png) repeat-y top left; position: relative; float: right; clear: right; width: 648px; height: auto !important; height: 709px; min-height: 709px; margin: 0 0 25px 0; padding: 0 15px 20px 15px;}

#content_top {background: url(../images/sce/content_top.png) no-repeat top left; position: absolute; top: -9px; left: 0; width: 678px; height: 9px;}

#content_bottom {background: url(../images/sce/content_bottom.png) no-repeat bottom left; position: absolute; bottom: -11px; left: 0; width: 678px; height: 11px;}

#main_content p {font-size: 1.2em; margin: 0 0 10px 0;}

#main_content ul {padding: 0 0 0 20px; margin: 0 0 10px 0; list-style: disc;}

#main_content li {font-size: 1.2em; font-style: italic;}

#main_content a {color: #002b55; border-bottom: 1px dotted #002b55; text-decoration: none;}

#main_content a:hover {position: relative; border-bottom: 1px solid #002b55; top: 1px;}

#main_content h2 {font-size: 2em; color: #002c57; font-weight: bold; letter-spacing: -1px; line-height: 1.2em; margin: 0 0 10px 0;}

#boxes_container {position: relative; clear: both; width: 660px; padding: 15px 0 0 0;}

.three_boxes {position: relative; float: left; width: 213px; margin: 0 5px 0 0;}

#main_content .three_boxes h2 {position: relative; width: 213px; height: 42px; text-indent: -9999px; margin: 0;}

#our_products_title {background: url(../images/sce/our_products_title.png) no-repeat top left;}

#our_services_title {background: url(../images/sce/our_services_title.png) no-repeat top left;}

#newsletter_title {background: url(../images/sce/newsletter_title.png) no-repeat top left;}

.three_boxes .boxes_content {background: url(../images/sce/three_boxes_bg.png) no-repeat top left; width: 193px; height: 148px; padding: 10px;} 

.three_boxes .indent {position: relative; text-align: center;}

.three_boxes .indent input:hover {position: relative; top: 2px;}

#login_links {position: relative; float: right; clear: both; width: 100%; text-align: center;}

#login_links li {display: inline; padding: 5px 40px 5px 40px; line-height: 20px; border-left: 1px solid #0052a3;}

#login_links li:first-child {border: none;}

#login_links li a {font-size: 1.3em; font-weight: bold; color: #ffffff; text-transform: uppercase; letter-spacing: 0px; text-decoration: none;}

#login_links li a:hover {text-decoration: underline;}

#contactform .indent
{
	margin:10px 0px 10px 0px;
}

#contactform .form_element
{
	padding: 0px 10px 0px 0px;
	text-align:left;
	float: left;
	width: 150px;
}

#contactform .form_data 
{
	padding: 0px;
	text-align:left;
	float: left;	
}

#contactform .separator 
{
	clear: both;
	padding: 0px;
	font-size: 0.5px;
	height: 5px;
}

/**************************************************************FOOTER Styles*********************************************************************************/
#footer {background: #002b55; position: relative; float: left; clear: both; width: 100%; height: 50px; margin: 20px 0 0 0; border-top: 1px solid #004e9a;}

#footer_content {position: relative; margin: 0 auto; width: 970px;}

#copyright {position: relative; float: left; clear: left; padding: 17px 0 0 0; font-size: 1.1em; color: #ffffff;}

#ngm_link {position: relative; float: right; clear: right; padding: 12px 0 0 0; font-size: 1.1em; color: #ffffff;}

a.font_small {font-size: 10px; text-decoration: underline;}

a.font_normal {font-size: 12px; text-decoration: underline;}

a.font_large {font-size: 16px; text-decoration: underline;}

p#font_resize {position: absolute; right: 4.5em; margin-top: -2em; z-index: 10;}

div#newsletter_signup {position: relative;}

div#newsletter_signup form label {text-align: left; margin: 0 0 2em 0;}