/************ HTML TAG DEFAULTS **********/

/*--- default site-wide text style ---*/
HTML {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.6px;
	line-height:150%;
}
/*--- get rid of outlines around links, images, flash objects, etc. ---*/
A, A IMG, IMG, OBJECT {/*  */
	border:none; 
	border-width:0px;
	outline-style:none; 
	outline-width:0px;
}
P {
	margin-top:0;
}
/*--- links ---*/
A {
	text-decoration:none;
	color:#002D80;
}
A:HOVER {
	text-decoration:underline;
}
/*--- tables ---*/
TABLE.amark_default {
	border:solid 1px #000;	
	border-collapse:collapse;
	margin-top:10px;
}
TABLE.amark_default TD, TABLE.amark_default TH {
	border:solid 1px #000;
	padding:2px 4px 2px 4px;
	text-align:left;
	vertical-align:top;	
}
TABLE.amark_default TH {
	background:#002D80;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
/*--- since both headlines & links have colors - do all nested possibilities to keep headlines with links correct color ---*/
H1, H2, H3, H4, H5, H6, 
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A,
A H1, A H2, A H3, A H4, A H5, A H6  {
	margin:0;
	padding:0;
	color:#002D80;
	line-height:normal;
	letter-spacing:normal;
	font-weight:bold;
}
H1, H1 A, A H1 {
	color:#008163;
}
H2 {
	margin-top:24px;
}
H1, H1 A, A H1, H2, H2 A, A H2 {
	font-size:18px;
	letter-spacing:-.2px;
}
H3, H4 {
	font-size:16px;
}
H3, H3 A, A H3 {
	color:#25A1D5;
}

H5, H6 {
	font-size:13px;
	margin:0;
}
H5, H5 A, A H5 {
	color:#008163;
}

/************ COMMON AMARK COLORS/STYLES **********/
.blue {
	color:#002D80;
}
.light_blue {
	color:#25A1D5;
}
.green {
	color:#008163;
}
.green_border {
	border:solid 2px #008163;
}

/************ BODY STRUCTURE **********/
BODY {
	margin:0;
	/*background:#666;*/	 
        padding-left: 10%; 
        padding-right: 10%;

	background:#C1C1C1;
}
DIV#container {
	width:948px;
	margin-top:0;
	margin-bottom:0;
	border:solid 1px #000;
	background-color:#FFF;
	/* this image puts blue under left column and white under right - so both columns appear to grow together in height */
	background: url(../images/container_bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	overflow-x:visible;
}

/**************************************** LEFT COLUMN  ********************************/
DIV#container_left {
	float:left;
	width:185px;
	margin:0 -10px 0 0;
	overflow:hidden;
	/* these 3 lines (in order set) min height for left column, therefore entire container */
}

/*------------- Upper Left Login Box  - 3 Different States------------*/
DIV#login_box {
	height:117px;
	background: url(../images/login_box_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:10px 10px 10px 15px;
	line-height:130%;
}
DIV#login_box.login_link A, DIV#login_box.logout_link A  {
	position:absolute;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}
DIV#login_box A SPAN.hidden {
	display:none;
}
DIV#login_box A:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}
/*------------- Login Box - 1. 'Link' State ------------*/
DIV#login_box.login_link A {	
	width:108px;
	height:25px;
	margin:52px 0 0 22px;
	background: url(../images/login_button_bg.jpg);
}
/*------------- Login Box - 2. 'Form' State ------------*/
/*DIV#login_box.login_form {
	background:#002D80;
}
DIV#login_box.login_form LABEL { 
	display:block;
	margin:0 0 2px 0;
}
DIV#login_box.login_form INPUT.text { 
	display:block;
	width:150px;
	border:solid 2px #26A1D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.6px;
	line-height:normal;
	margin:0 0 6px 0;
	padding:1px 2px 1px 2px;
}
DIV#login_box.login_form INPUT.button { 
	display:block;
	position:absolute;
	width:64px;
	height:25px;
	margin:6px 0 0 98px;
	padding:0;
	background-color:#005456;
	background: url(../images/login_button_small_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border:none; 
}
DIV#login_box.login_form INPUT:HOVER.button { 
	opacity:0.7;
	filter:alpha(opacity=70);
}
DIV#login_box.login_form A {
	display:block;
	margin:4px 0 0 0;
	color:#FFF;
	font-size:10px;
	letter-spacing:0;
	line-height:normal;
}*/
div#ctl00_pnlLogin.LeCn 
{
	z-index:0;
	clear:both;
	background:#002D80;
	position:absolute !important;
	top:0px;
	left:10%;
	width:187px;
	margin:0,0,0,0 !important;
		
}
div#ctl00_pnlLogin.LeCn {
	background:#002D80;
}
div#ctl00_pnlLogin.LeCn LABEL { 
	display:block;
	margin:0 0 2px 0;
}
div#ctl00_pnlLogin.LeCn INPUT.text { 
	display:block;
	width:150px;
	border:solid 2px #26A1D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.6px;
	line-height:normal;
	margin:0 0 6px 0;
	padding:1px 2px 1px 2px;
}
div#ctl00_pnlLogin.LeCn INPUT.button { 
	display:block;
	position:absolute;
	width:64px;
	height:25px;
	margin:6px 0 0 98px;
	padding:0;
	background-color:#005456;
	background: url(../images/login_button_small_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border:none; 
}
div#ctl00_pnlLogin.LeCn INPUT:HOVER.button { 
	opacity:0.7;
	filter:alpha(opacity=70);
}
div#ctl00_pnlLogin.LeCn A {
	display:block;
	margin:4px 0 0 0;
	color:#FFF;
	font-size:10px;
	letter-spacing:0;
	line-height:normal;
}

/*------------- Login Box - 3. 'Logout' State ------------*/
DIV#login_box.logout_link A {	
	width:108px;
	height:25px;
	margin:52px 0 0 22px;
	background: url(../images/logout_button_bg.jpg);
}

/*------------- Quix Trax Form ------------*/
DIV#quix_trax { 
	height:60px;
	background:#005456;
	padding:12px 0 0 15px;
	line-height:normal;
	overflow:hidden;
}
DIV#quix_trax LABEL { 
	display:block;
	position:absolute;
	margin:0;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-.2px;
	color:#FFF;
}
DIV#quix_trax INPUT.text { 
	display:block;
	position:absolute;
	width:110px;
	border:solid 1px #80C0B2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.6px;
	line-height:normal;
	margin:25px 0 0 0;
	padding:1px 2px 1px 2px;
}
DIV#quix_trax INPUT.button { 
	display:block;
	position:absolute;
	width:32px;
	height:23px;
	margin:25px 0 0 124px;
	padding:0;
	background-color:#005456;
	background: url(../images/quix_btn_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border:none; 
}
DIV#quix_trax INPUT:HOVER.button { 
	background: url(../images/quix_btn_bg_over.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*------------- Left Menu ------------*/
/* see 'css/menu_left.css' for full left menu CSS */


/*------------- Partners ------------*/
DIV#left_partners { 
	margin-bottom:10px;
	color:#FFF;
}
DIV#left_partners H3 { 
	display:block;
	height:22px;
	padding:3px 0 0 12px;
	margin:25px 0 20px 0;
	background: url(../images/partners_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-transform:uppercase;
	line-height:normal;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
DIV#left_partners IMG { 
	margin:0 0 12px 12px;
}
/* Rollover effect on partner image links */
DIV#left_partners A:HOVER IMG {
	opacity:0.65; /* mozilla, web-kit */
	filter:alpha(opacity=65); /* IE */
}

/********************************** RIGHT COLUMN  *********************************/
DIV#container_right {
	padding:0 0 0 185px ;
	width:auto;

}

/*------------- Header ------------*/
DIV#header { 
	height:137px;
	background: url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
}
/* puts an invisible link over the logo bg image in the header */
DIV#header A.home_link {
	display:block;
	height:107px;
	margin-right:337px;
}
/* hide text in header link (but keep text in the code for SEO purposes) */
DIV#header A.home_link SPAN.hidden {
	display:none;
}

/*------------- Top Menu ------------*/
/* see 'css/menu.css' for full top menu CSS */


/*------------- Main Page Content Area ------------*/
DIV#page_content { 
	margin:40px;
	padding-bottom:20px; 
	overflow:auto;
	overflow-y:hidden;
}
/*------------- Main Page Content Area - Divided in 2 Columns ------------*/
DIV#page_content DIV#content_left_column { 
	float:left;
	width:460px;
	margin-bottom:40px;
}
DIV#page_content DIV#content_right_column {
	float:right;
	width:180px;
	margin-bottom:40px;
}

/************ FOOTER ***********************************************************************/
DIV#clear_footer {/* clear left and right columns, so tallest one pushes the footer down */
	clear:both;
}
DIV#footer {
	padding:3px;
	text-align:center;
	background:#005456;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	letter-spacing:-0px;
}
DIV#footer A {
	color:#FFF;
}

/**************************************** SPECIFIC PAGES  ********************************/

/************** HOME PAGE *************/

/*-- home flash --*/
DIV#home_flash {
	height:237px;
	margin-left:1px;
	border-bottom:solid 1px #999;
	background-color:#FFF;
	overflow:hidden;
}
/*-- home content (below Flash) --*/
DIV#page_content.home_bottom {
	height:215px;
}

/*-- home bottom left --*/
DIV#home_bottom_left {
	position:absolute;
	width:250px;
	height:225px;
	margin:-15px 0 0 0;
	font-size:11px;
	line-height:130%;
}
DIV#home_bottom_left H1 {
	font-size:16px;
	border-bottom:solid 1px #999;
	padding-bottom:3px;
	margin-bottom:10px;
}
DIV#home_bottom_left H2 {
	font-size:13px;
	margin-bottom:15px;
	color:#25A1D5;
	font-style:italic;
}
DIV#home_bottom_left A {
	display:block;
	width:110px;
	margin:15px 0 0 136px;
	color:#008163;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
}

/*-- home bottom right  --*/
DIV#home_bottom_right {
	position:absolute;
	width:430px;
	height:235px;
	margin:-15px 0 0 290px;
	overflow:hidden;
}
/*-- home bottom right features (4 box links)--*/
DIV#home_bottom_right A {
	display:block;
	float:left;
	width:109px;
	height:105px;
	margin:0 10px 10px 0;
	padding:0 85px 0 10px;
	background:pink;
	background-position:top left;
	background-repeat:no-repeat !important;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0;
	line-height:135%;
	text-decoration:none;
	color:#000;
}
DIV#home_bottom_right A:hover {
	color:#444;
}
DIV#home_bottom_right A:hover H3 {
	color:#E3E3E3;
}
DIV#home_bottom_right A H3 {
	color:#FFF;
	margin:6px -30px 10px 0;
	text-transform:uppercase;
	font-size:15px;
}
/*-- different background images for each of 4 box links--*/
DIV#home_bottom_right A.feature_1 {
	background:url(../images/home_feature_bg_1.jpg);
}
DIV#home_bottom_right A.feature_2 {
	background:url(../images/home_feature_bg_2.jpg);
}
DIV#home_bottom_right A.feature_3 {
	background:url(../images/home_feature_bg_3.jpg);
}
DIV#home_bottom_right A.feature_4 {
	background:url(../images/home_feature_bg_4.jpg);
}
/*-- bg image has normal and hover states side by side in same image - so no preloading necessary --*/
DIV#home_bottom_right A:hover {
	background-position:top right; /*-- on hover - shift image to right to show monochrome hover state --*/
}

/************** SAMPLE PAGE 1 - SEE RECOMMENDED EXAMPLES OF HOW TO APPLY UNIQUE STYLES FOR A PAGE *************/

/* -- Note: By applying a unique class for any page to the DIV#page_content.sample_page_1 (notice '.sample_page_1')  */
/* -- you will only affect elements on this page, and you don't have to apply classes in the HTML to child elements  */

DIV#page_content.sample_page_1 UL {
	list-style-type:none;
}
DIV#page_content.sample_page_1 STRONG { /* -- because of the '.sample_page_1' class on content - all 'strong' text will be blue on this page only  */
	text-transform:uppercase;
	color:#002D80;
}
DIV#page_content.sample_page_1 EM { /* -- because of the '.sample_page_1' class on content - all 'em' text will be light blue and bold on this page only  */
	font-style:normal;
	color:#25A1D5;
	font-weight:bold;
}

TABLE.amark_default TD.none
{
	clear:both;
	vertical-align:top;
	white-space:nowrap;
}