/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
/* html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button { */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, dl, dt, dd, td, form, fieldset, a, img, button 
{
     margin: 0;
     padding: 0;
     border: 0;
}

ol, li {
/*     margin: 10;*/
     padding: 0;
     border: 0;
}

ul
{
	margin-left: 30px;
	list-style-type: disc;
}


body{
	background-color:#848484;
/*	background-color:black;*/
/*	
	background-color:#848484;
	background-image:url(Images/bg_tile.gif);
	background-repeat:repeat;
*/	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
/*#7	font-size:0.78em;*/
/*#5	letter-spacing:0.1em; */
/*	font-size:0.74em;*/
	font-size:0.71em;
	line-height:1.4em;
}

h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	/*margin-top:1em;*/
	margin-bottom:1em;
	padding-bottom:3px;
	border-bottom: 1px solid red; 
/*	font-size: 1.4em; */
	font-size: 1.6em; 
	font-weight: bold;
}
h2 {
	margin-top:1em;
	border-bottom: 1px solid #777777; 
	border-style: dotted ;
	font-size: 1.2em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	padding-left:2px;
	font-size: 1.1em;
	font-weight :bold;
}
h4 {
	margin: 0.5em 0;
	padding-left:2px;
	font-size: 1.0em;
	font-weight: bold;
	border-left: 2px solid #C20035; 
	border-bottom: 1px dotted gray; 
}
h5 {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p  {margin: 1em 0;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

#wrapper
{
	position:relative ;
	width:774px;
	padding:0px 6px 0px 6px;
	/*border:1px solid #FFFFFF;	*/
	text-align:left;
	background-color:green;
/*	background-color:#FFFFFF;*/
	float:none ;

}
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 774px;
}

#home_page_content_wrapper{
	width:760px;
	margin:0 auto;
	padding-bottom:0px;
	text-align:left;


/*	background-image:url(Images/main_bg.jpg);*/
	background-repeat:repeat-y;
	 

	background-color:Transparent ;
	background-position:top center;
}

* html .home_page_content_wrapper {   /*** IE5.x/win box model fix ***/
	width: 760px;
}

#wrapper_footer{
	width:760px;
	margin-left:6px;
	text-align:left;
	background-color:#FFFFFF;
	background-position:top center;
}
* html .wrapper_footer {   /*** IE5.x/win box model fix ***/
	width: 760px;
}


#header{
	height:198px; 
	position:relative;
	width:760px;
	margin-left:3px;
/*	debug */
/*	background-color:#F2F2F2;*/
}

#floatwrapper 
{
	position : relative ;
	float: left;
	width: 580px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-left: -2px;
	/*background-color :Red;*/
	background-color:Transparent;
	padding: 1px 1px 1px 1px;
}

#header_img{
	position:absolute;
	top:6px;
	left:0px;
}


#quicklinks{
	position:absolute;
	top:177px;
	right:0px;
/*	height:100px;*/
	font-size:smaller;
	z-index:1;
}


#quicklinks a {color:#635E5E;text-decoration:none;}
#quicklinks a:hover{color:white;text-decoration:underline;}
#quicklinks a:visted{color:#635E5E;text-decoration:none;}

#vline1{
	position:absolute;
	top:154px;
	left:130px;
}

#logo_shipcardinal1{
	position:absolute;
	top:410px;
	left:90px;
}


#vline{
	position:absolute;
	top:155px;
	left:130px;
}

#vline_fr{
	position:absolute;
	top:155px;
	left:130px;
}

/*--CHKPOINT--*/
#logo_shipcardinal{
	position:absolute;
	top:410px;
	left:90px;
}

#logo_cardinal{
	position:relative;
	bottom:120px;
	right:80px;
}


#banner{
	position:absolute;
	/* overlay logo's position + logo's margin */
	top:127px;
	left:176px;
}

#man_1{
	position:absolute;
	/* overlay logo's position + logo's margin */
	top:127px;
	left:176px;
}

#man_2{
	position:absolute;
	/* overlay logo's position + logo's margin */
	top:127px;
	left:298px;
}

#man_3{
	position:absolute;
	/* overlay logo's position + logo's margin */
	top:127px;
	left:420px;
}


#search{
	position:absolute;
	bottom:5px;
	right:5px;
}

#sasearch
{
	position:absolute;
	top:401px;
	left:0px;
	margin:0px;
	padding: 0px 0px 0px 0px;
	background-color:yellow;
}


#mainnav 
{
	position:absolute;
	top:178px;
	left:-2px;
/*	padding:-100 0px;*/
	padding: 1px 1px 1px 1px;
	/*border-top:1px solid #FC506F;	*/
/*for debug*//*	border:1px dotted #FC506F;*/
/*	background-color:#F2F2F2;*/
	background-color:#FFFFFF;
	text-align:left;
	z-index:1;
}

#subnav 
{
	position:absolute;
	top:202px;
	left:0px;
/*	padding:-100 0px;*/
	margin:0px;
	padding: 0px 0px 0px 0px;
	/*border-top:1px solid #FC506F;	*/
/*for debug*//*	border:1px dotted #FC506F;*/
	background-color:transparent;
	text-align:left;
	z-index:2;
}

#mainnav .item 
{
	font-family:"Verdana";
	padding:2px 2px;
	padding-left:4px;

	font-size: 0.78em;
	font-weight: bold;
	
	height:23px;
	width:147px;
	
	/*
	border-width:1px 1px 1px 1px; 
	border-style:solid; 
	border-color:#FFFFFF;
	
	border-top:1px solid #D4D0C8;
	border-left:1px solid #D4D0C8;
	border-bottom:2px solid #5F5653;
	border-right:2px solid #B1A59E;
	*/
	
/*	background-color:#C3BAB3; */
	background-color:Transparent;

/*	background-color:#C2B9B2; */
	background-repeat:no-repeat;
	background-image: url(Images/button.jpg);
	color:#23201F; 

	letter-spacing:0.0em; 
	white-space:normal;
	line-height:1.0em;
}


* html #mainnav .item {padding:0 4px;}

#mainnav .selected 
{
	/*
	background-color:#FF9900; 
	color:#FFFFFF;
	border-bottom:1px solid #68635F;
	border-right:1px solid #68635F;
	letter-spacing:0.0em; 
	line-height:1.0em;
*/
}

#mainnav .hover {
/*	color:#FF284E; */
	color:white; 

	/*background-color:#FF9900;*/
	background-color:Transparent;
/*
	border-bottom:2px solid #68635F;
	border-right:2px solid #68635F;
*/
	border-top:1px solid #5F5653;
	border-left:1px solid #B1A59E;
	border-bottom:1px solid #D4D0C8;
	/*border-right:1px solid #D4D0C8;*/

	letter-spacing:0.0em; 
	line-height:1.0em;
}

#breadcrumbs{
	position:relative;
	top:5px;
	left:5px;
	font-size:0.9em;
	padding-bottom:5px;
}
#breadcrumbs a {
	color:#000000;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy 
{
	position:absolute;
	/*same top as subnav*/
	top:202px;
	left:162px;
	width:410px;
	padding: 1px 6px 1px 6px;
/*for debug*//*	border:1px dotted #FC506F;*/
	background-color:Transparent;
/*	background-color:green;*/
	text-align:left;

}

#mainCopy
{
	width:408px;
}


/*#copy a {color:#FF284E;}*/

#copy a{color:#60A145;font-weight:bold;}
#copy a:hover{color:#60A145;text-decoration:underline;}
#copy a:visited{color:#60A145;}

#copy .container {
	margin:5px;
	padding:0 10px 5px 10px;
	
/*	border:1px solid #999999;*/
	background-color:transparent;
}

/* \*/
* html #copy .container {height:1%;}
/* */

#copy img {border:0px solid #FF284E !important;}
#rightcolumn img {border:0px solid #FF284E !important;}

#copy .teaser
{
	margin-top:0;
	color:#777777; 
	font-size:0.9em; 
	font-weight:normal;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy .container table tr {font-size:0.9em;}

.txtBox {border:1px solid #666666;}

#copy fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;
}

#copy legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

.button {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#FF9900;
    font-size:1em;
}

#copy .container .button {border-color:#CCCCCC;}

div.readmore {
	text-align:right;
	font-size:0.9em;
}

#leftcolumn {
	position: absolute; /*** IE needs this or the contents won't show outside the parent container. ***/
	top:100px;
	float:left ;
	width: 150px;    /*** Critical left col/divider dimension value ***/
	height:150px;
	margin-left: -8px;    /*** Critical left col/divider dimension value ***/
	padding-top:0px;
/*	border:1px solid green;*/
}
* html #leftcolumn {
	float:left;	
	padding-top:0px;
}

*>html #leftcolumn {width:152px;}   /*** Fix only for IE/Mac ***/

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #leftcolumn {margin-right: -3px;}
/* */

#leftcolcontainer{
	width: 152px;    /*** Critical left col dimension value ***/
}


#centercolumn
{
	position:relative ;
	top:0px;
	float:right;
/*
	float: right;
	left:25px;
	top:70px;
*/
	/*height:200px;*/
	/*width: 438px; */  /*** Critical left and right col/divider dimension value (moves inversly) ***/
	width:418px;
	
	margin:0 1em 0 2.5em;
	/* \*/
	margin-left :152px;
	margin-right :0px;
	/* Hidden from IE-mac */
	background-color:Transparent;

	padding-top:0px;
/*debug*/
/*	
	border:1px solid green;
	background-color:red;
*/
}

*>html #centercolumn {width:152px;}   /*** Fix only for IE/Mac ***/

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #centercolumn {margin-right: -3px;}
/* */

h4 img {margin-bottom:-0.5em;}

#rightcolumn{
	float: left; 
	top:3px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 180px;    /*** Critical right col/divider dimension value ***/
/*	height:888px;*/
/*	height:777px;*/
	height:auto;
	margin-right: -150px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
	padding-top:40px;
/*
	background-image:url("Images/right_bg.jpg");
	background-repeat :repeat-y ;
*/
/*	background-color:#BEBBB6;*/
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -500px; 
	margin-right: -152px;
	padding-top:25px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 154px;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 0px;    /*** Critical right divider dimension value ***/
}

/* \*/
* html #rightcolcontainer {
	float: right;
	margin-left: 1px; 
	margin-left: 0px; 
}
/* */

#sidebarlinkscontainer
{
	position:absolute ;
	top:0px;
	left:590px;
	margin-top:-490px;
	margin-left:-150px;
	padding:1px;
	background-color:transparent;
	font-size:smaller;
}

.sidebarmenucontainer{
	margin-left:4px;
	padding:2px;
	border:0px solid #FFFFFF;
}


.sidebarcontainer{
	margin:5px;
	padding:6px;
	border:1px solid #FFFFFF;
	background-color:#EFEFEF;
	font-size:smaller;
}

/* \*/
* html .sidebarcontainer {height:1%;}
* html .sidebarlinkscontainer {height:1%;}
/* */

.sidebarcontainer a {color:#FF284E;}
.sidebarlinkscontainer a {color:#635E5E;}

.sidebarcontainer li {list-style-type:none;}
.sidebarlinkscontainer li {list-style-type:none;}

#footer {
	clear:both;
	margin:1px 5px;
	padding:2px 20px;
	/*border:1px solid #999999;*/
/* 16	border-top:1px solid #999999; */
	background-color:#FFFFFF;
	font-size:0.9em;
	text-align:center;
	color:#635E5E;
}

#footer a {color:#635E5E;text-decoration:none;}
#footer a:hover{color:#3366CC;text-decoration:underline;}
#footer a:visted{color:#635E5E;text-decoration:none;}

.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}
@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper {border:none;}

	#mainnav{
		padding-left:1px;
		text-align:left;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
		background:transparent;
	}

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}	
	    
	#footer{	
		position:static;
		border-style:none !important;
		border-top:1px solid #000000;
	}
	
	td.orow  {
	  background-color: #F0F0E1;
	}

	td.erow  {
	  background-color: #E8E8CF;
	}
		
}