/* CSS Document */
html 
{
	height: 100%;
	min-height: 100%;
	text-align: center;
}

body {
	margin: 0 auto;
	padding: 0;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #001630;
	height:100%;
	min-height: 100%;
	text-align: center;
	background-image: url(/catalog/images/img_body_bg2016.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

* {
	padding: 0;
	margin: 0;
}

/* Make sure the table cells show the right font */
tbody, td {font-family: Arial, Helvetica, sans-serif; }

form {
	height: 100%;
}

/*--------------------------------------
GLOBALS & GENERAL CASES
---------------------------------------*/

a {text-decoration: underline; padding: 1px; color: #C41230; }
a:link { color: #C41230; }
a:visited { color: #C41230; }
a:hover { 
	color: #fff; 
	background-color: #C41230; 
	text-decoration: none; 
}

/*
a[target ^="_blank"]{
	background: url(external.gif) center right no-repeat;
	padding-right: 15px;
}

a[href ^="mailto:"]{
	background: url(mail_icon.gif) center right no-repeat;
	padding-right: 15px;
}

a[href $=".pdf"], a[href $=".PDF"],
a[href *=".pdf#"], a[href *=".PDF#"],
a[href *=".pdf?"], a[href *=".PDF?"],
{
	background: url("document.gif") center right no-repeat;
	padding-right: 15px;
}
*/




/*--------------------------------------
TYPOGRAPHY
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}

/* approx 21px*/
h1 {
        font-size: 2.4em;        
        margin: .6em 0 0.3em 0;
}

/* approx 18px*/
h2 {
        font-size: 1.8em;        
        font-style: italic;
        margin: 1em 0 0.3em 0;
}

/* approx 16px*/
h3 {
        font-size: 1.6em;
        margin: 1em 0 0.3em 0;
        /*color: #CC0000;*/
        border-bottom: solid 1px #CCCCCC;
}

/* approx 14px*/
h4 {
        font-size: 1.4em;
        margin: 1em 0 0.3em 0;
}
/* approx 12px*/
h5 {
        font-size: 1.2em;
        margin: 1em 0 0.5em 0; 
}

/* approx 11/14 */
p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0;
	margin:  0;
	/*margin-bottom: 1em;*/
}

p2 {
	display: block;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.4em;
	background-color:#FF9;
	border-style: solid;
	border-color: #FF9;
	border-size: 2em;
	/*margin-bottom: 1em;*/
}

ul, ol, dl
{

	padding: 0;
	margin: 0;
}

img 
{
	border: 0;

}

/*--------------------------------------
LAYOUT
---------------------------------------*/
#container {
	margin:0 auto;
	padding: 0;
	text-align: left;
	width: 100%;
	height: 100%;	
}

#c1{
	clear: both;
	height: 10em;
	background: #FFF;
}

	#c1 .container
	{
		margin:0 auto;
		padding: 0;
		height: 10em;
		overflow: hidden;
		width: 725px;	
		text-align: left;			
	}
	
	#c1 #vendorLogo
	{
		width: 231px;
		height: 61px;
		padding: 0;
		margin: 1em 0 0 0;
		background:  url(/catalog/images/logos/logo_vendor_blackBg.jpg) no-repeat .2em .2em ;
	}
	
	

	#c1 ul.menu_Tabs
	{
		list-style: none;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		position: relative;
		top: 7.25em;
		float: right;	
		

	}
	#c1 ul.menu_Tabs li
	{
		display: inline;
		float:left;
		height: 2em;
		text-align: center;	
		font: bold 1.1em Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0 .3em;
		background:#FFF;
	}
	#c1 ul.menu_Tabs li a
	{
		display: block;
		text-decoration: none;
		padding: 0 0 0 8px;
		text-align: center;
		color: #FFFFFF;
		background: url(/catalog/images/img_mt_l.gif) no-repeat top left;
		
	}
	#c1 ul.menu_Tabs li a span
	{
		display: block;
		padding:.3em 8px 0 0;
		background: url(/catalog/images/img_mt_r.gif) no-repeat top right;
		
	}
	
	#c1 ul.menu_Tabs li a:hover
	{
		background: url(/catalog/images/img_mt_l_on.gif) no-repeat top left;
		
	}
	#c1 ul.menu_Tabs li a:hover span
	{
		color: #FFFFFF;
		background: url(/catalog/images/img_mt_r_on.gif) no-repeat top right;
		
	}
	
	
	
	 /* Hide from IE5-Mac \*/
	ul.menu_Tabs li a, ul.menu_Tabs li a span
	{
	float: none
	}
	/* End hide */
	

#c2{
	clear:both;
	height: 1em;
	background: #002856;
}
	

#c3
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    clear: both;
    margin: 0 auto;
    min-height: 85%;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: left;
    width: 750px;
	
}
	#c3 div.col1 {
		background: url("/catalog/images/bg_clmnLeft.jpg") repeat-y scroll right top #EEEEEE;
		height: 100%;
		left: 0;
		padding: 0 0 0 4px;
		position: absolute;
		top: 0;
		width: 175px;	
	}
	#c3 div.col2 
	{
		background: none repeat scroll 0 0 #FFFFFF;
		height: 100%;
		margin-left: 175px;
		overflow: hidden;
		padding: 2em;		
	}
	
	#c3 div.col2 p
	{
		margin: .8em .5em;
	}
	#c3 div.col2 td
	{
		font: normal 1em  Arial, Helvetica, sans-serif;
	}
	
	
	#c3 div.col2 #previewList
	{
		margin: 2em 0;
		text-align:center;
	}
	#c3 div.col2 #previewList ul
	{
		list-style: none;
		display: block;
		margin: 0 auto;
		padding:0;
		width: 450px;
	}
	#c3 div.col2 #previewList ul li
	{
		display: inline;
		float: left;
		list-style: none;

	}
	#c3 div.col2 #previewList ul li a
	{
		height: 180px;	
		width : 135px;
	}
	
	.attention
	{
		margin: 2em 1em;
		padding: 1em;
		border: solid 1px #CC0000;
		background: #FFF2F2 url(/catalog/images/bg_attention.jpg) repeat-x top left;
	}
	
	.attention h4
	{
		margin: .5em;
	}
	

	
	#c3 div.col3 {
	float: right;
	margin: 10px;
	text-align:center;
	}
	
	#c3 div.col3 img 
		{
			padding: 1em;

		}
		
	/***** List Styles ************************/
			
			#c3 div.col3 ul,#c3 div.col3 ol,#c3 div.col3 dl
			{
				margin: 1em 0 1em 1em;
			}			
			#c3 div.col3 ul li
			{
				margin-left: 1.5em;
				padding-left: 0.5em;
				/*width:80%;*/
			}
			#c3 div.col3 ol li
			{
				margin-left: 2.5em;
				padding-left: 0.5em;
				/*width:80%;*/
			}
			
			#c3 div.col3 dl
			{
				/*border-top: dotted 1px #666666;*/
			}
			#c3 div.col3 dt
			{
				font: bold 1.1em  Arial, Helvetica, sans-serif;
				margin: 0 0 0 2em;
				border-bottom: dotted 1px #CCCCCC;
			}
			#c3 div.col3 dd
			{
				margin: .2em 0 1em 2em;
				padding: .2em 0 0 1em;
				background: #eeeeee;
				
			}
			
			
			#c3 div.col3	ul {
					list-style-type: disc;
				}
			#c3 div.col3	ul ul{
					list-style-type: square;
				}
			#c3 div.col3	ul ul ul{
					list-style-type: disc;
				}
			#c3 div.col3	ul ul ul ul{
					list-style-type: square;
				}
				
			#c3 div.col3	ol {
					list-style-type: decimal;
				}
			#c3 div.col3	ol ol{
					list-style-type: upper-alpha;
				}
			#c3 div.col3	ol ol ol{
					list-style-type: upper-roman;
				}
			#c3 div.col3	ol ol ol ol{
					list-style-type: lower-alpha;
				}
			#c3 div.col3	dl{
			
			}
			
			
			/******************************************/

	
		#c3 div.col3 .fadeout{
			margin: 0 -8px 0 -12px;
		
			width: 100%;
			height:50px;
			background: transparent url(/catalog/images/img_col4gradient_bg.jpg) no-repeat bottom left;
		}

	#c3 div.col4 {
		float: left;
		margin: 0;
		/*display: table;*/
		padding: 4em 0px 0 5px;
		width: 206px;
		background: #EEEEEE url(/catalog/images/img_col5_bg.jpg) repeat-y top left;
		font-size: .9em;
	}
	
	
		#c3 div.col4 h3{
			border: none;
		}
	
		#c3 div.col4 ul
		{
			list-style: none;
		}
	
	#c3 div.col4 .fadeout{
		
		margin: 0 0px 0 -5px;
		height: 50px;
		width: 211px;
		background: transparent url(/catalog/images/img_col5gradient_bg.jpg) repeat-x bottom left;
	}
	
	
		
	#c3 div.col5
	{
		float: left;
		clear: both;
		text-align: center;
		width: 950px;
		padding: 5em 0;		
	}
		#c3 div.col5 span
		{
			padding: 0 1em;
		}
		#c3 div.col5 .cloud 
		{
			display: none;
			visibility: hidden;
		}

#c4 {
	clear:both;
}

	#c4 .container
	{
	margin: 2em 0;	
	text-align: center;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background: #FFFFFF;
	}
	#c4 .cloud 
	{
		display: none;
		visibility: hidden;
	}
/*	
####################################################################################
	 Menus
####################################################################################
*/

/*** Global Menu (Tree) ***/
/**************************/
	#menu_global ul
	{
		/*padding-left: 0.2em;*/
		font: bold 1.3em Arial, Helvetica, sans-serif;
	}
	
	#menu_global h4
	{
		padding: 1em 0 .2em 0;
		border-bottom: solid 2px #000000;
	}

	#menu_global ul  ul
	{
		/*background: #E9F8FE;*/
		font: normal 0.9em Arial, Helvetica, sans-serif;
	}

	#menu_global ul li
	{
		padding:0 0 0 1em;
		/*padding:.2em 0 .2em 1em;*/
		list-style: none;
	}

	#menu_global ul.tv, .tv ul { 
		clear:both;
		list-style: none;
		margin: 0;
		padding: 0;
	    
	}    
	#menu_global .tv li {
		/*border-bottom: dotted 1px #CCCCCC;*/
		clear:both;    
		margin: 0;
		/* position: relative; */    
	}
	#menu_global div{
		/*background: none;*/
		padding:.2em 0 .2em 0;
		border-bottom: dotted 1px #CCCCCC;
	}


	/* Clickable Area */
	#menu_global div.tvca { 
		/*border: 1px solid #CC0000;*/    
		cursor: pointer;
		color: #666666;
	}

	#menu_global div a  {display: block; text-decoration: none; }
	#menu_global div a:link { color: #666666; }
	#menu_global div a:visited { color: #666666; }
	#menu_global div a:hover { 
		color: #03c; 
		background: url(/catalog/images/img_menumo_bg_active.jpg) repeat-y right top; 
		text-decoration: none; 
	}

	.tvho { background: url(/catalog/images/img_menumo_bg_inactive.jpg) repeat-y right top;  }
	.tvha { background: url(/catalog/images/img_menumo_bg_active.jpg) repeat-y right top;  }

	#menu_global a :active { color: #666666; }


	#menu_global .tv li, .tv .tvi  { } /* Tree View Item */
	    
	#menu_global .tv .tvic	{ background: transparent url(/catalog/images/tvic.gif) no-repeat  0 .4em; }  /* Tree View Item, Collapsable */
	#menu_global .tv .tvie	{ background: transparent url(/catalog/images/tvie.gif) no-repeat  0 .4em; }  /* Tree View Item, Expandable */

	#menu_global .tv .tvil	{ background: transparent url(/catalog/images/tvil.gif)  no-repeat 0 0; }  /* Tree View Last Item */
	#menu_global .tv .tvilc  { background: transparent url(/catalog/images/tvilc.gif) no-repeat 0 0; }  /* Tree View Last Item, Collapsable */
	#menu_global .tv .tvile  { background: transparent url(/catalog/images/tvile.gif) no-repeat 0 0; }  /* Tree View Last Item, Expandable */

	#menu_global .tvload  { } /* Loading Icon */

	#menu_global .tvclosed ul,
	#menu_global .tvclosed li.tvclosed ul
		{
		display: none;
		/*visibility: hidden;*/
	}
	#menu_global .tvclosed ul ul {
		display: block;
	/* visibility: visible;*/
	}

/*** Breadcrumb Menu  ***/
/************************/

	#menu_breadcrumb
	{
		font: normal 1.1em Arial, Helvetica, sans-serif;
		padding: 1em 0 1em 0;
	}

/*	
####################################################################################
	 Web Parts
####################################################################################
*/
	
	
	


#part_pageInfo
{
	/*border-top: dotted 1px #666666;*/
	clear: both;
	display:block;
	text-align: right;
	padding: 1em;
	margin: 3em 0 0;
}


	
#part_announcement
{
	border-top:solid 2px #000000;
	background: transparent url(/catalog/images/img_col3part_bg.jpg) repeat-x top right;
	padding: .5em 1em;
	margin:  0 0 3em 0;
	min-height: 80px;
}

#part_recentlyUpdatedFiles
{
	border-top:solid 2px #000000;
	background: transparent url(/catalog/images/img_col3part_bg.jpg) repeat-x top right;
	padding: .5em 0;
	margin:  0 0 3em 0;
	min-height: 80px;
}


		





/**** Main Content Layout *************************************************************/

#c3 div.col3 #part_contactslist
{
	display: block;

}



#c3 div.col3 .part_contactslist
{

}
	#c3 div.col3 .part_contactslist h3
		{
			font:bold 1.6em Arial, Helvetica, sans-serif;
			margin: 1em 0;
			background: #EEEEEE;
		}
	#c3 div.col3 .part_contactslist h4
		{
			font:bold 1.2em Arial, Helvetica, sans-serif;
			padding: .5em 0;
			
			border-bottom: 1px dotted #CCCCCC;
		}
		
		#c3 div.col3 #part_contactslist h5
		{

			padding: 0;

		}
		
	#c3 div.col3 .part_contactslist ul
				{
					margin: 1em 0 1em .5em;
					clear:both;
					padding: 0;
					/*list-style: none;
					width: 220px;*/
					vertical-align: top;
				}		
				
	#c3 div.col3 .part_contactslist ul li
				{
					clear:both;
					list-style: none;	
					margin: 0;
					padding: 0 0 0 2em;
					/*width:80%;*/
				}

	#c3 div.col3 .part_contactslist ul li ul li 
	{
		
		list-style: none;
		
		
	}
	#c3 div.col3 .part_contactslist ul li address
	{

		float: left;
		clear: none;
		margin: 1em 0 1em 1em;
		width: 200px;
		height: 75px;
		/*border-top: solid 1px #EEE;
		border-right: solid 1px #EEE;*/
	}
	

	
	
	#part_contactslist .department
	{
	}
	#part_contactslist .title
	{
		font-style: italic;
	}
	#part_contactslist .name
	{
		font:  bold 1.1em Arial, Helvetica, sans-serif;
	}
	
	
#part_sitemaplist
{
	margin: 0 auto;
	padding:  0 auto;
	
}
#part_sitemaplist div.rootNode
{
	width: 385px;
	/* float: left;
	clear:none; */
	margin: 0  1em
}
#part_sitemaplist div.rootNode ul
{
	margin: 1em 0 1em 1em;
	padding: 0;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	
}

#part_sitemaplist div.rootNode ul li
{
	padding: .2em 0 .2em .2em;
	margin: 0 0 0 .5em;
	list-style: none;
	border-bottom: dotted 1px #CCCCCC;
	
}
#part_sitemaplist div.rootNode ul li li
{
	padding: .2em 0 .2em .2em;
	margin: 0 0 0 .5em;
	list-style: none;
	border-bottom: dotted 1px #CCCCCC;
	
}


#part_sitemaplist div{
	/*float:left;*/
	
}


#part_sitemaplist div ul
{
	list-style: none;
	margin: 2em 0;
	width: auto;
	
}
#part_sitemaplist div ul ul
{
	list-style: none;
	margin: 2em 0;
	width: auto;
	
}
	#part_sitemaplist div ul li
	{
		padding: 0;
		margin: 0 0 0 1.5em;
		/*border-bottom: dotted 1px #666666;*/
	}
	#part_sitemaplist div ul li h4
{
	padding: 0 20px 0 0;
	margin: 0;
	border-bottom: solid 1px #666666;
	
}
	#part_sitemaplist .hdr
	{
		width: 385px;
		/* float: left;
		clear:none; */
		height: 1.8em;
		margin: 2em 1em 0   1em;
		border-bottom: solid 2px #666666;
	}
	#part_sitemaplist .hdr .date_hdr
	{
		float: right;
		clear:none;
		width: 100px;
		text-align: right;
		padding-left: 2em;
		font: bold 1.3em  Arial, Helvetica, sans-serif;
		
	}
	
	#part_sitemaplist .hdr .title_hdr
		{
		float: left;
		clear:none;
		width: 200px;
		text-align: left;
		font: bold 1.3em  Arial, Helvetica, sans-serif;

	}
	
	#part_sitemaplist div ul li .title
	{
		padding: 0;
		margin: 0;
	}
	#part_sitemaplist .date
	{
		float: right;
		width: 60px;
		text-align: right;
	}

#part_announcements
{

}
#part_announcements .announcementEntry
{
	padding: 1em 2em;
}

#part_announcements h4
{
	border-bottom: dotted 1px #666666;
}


#part_announcements p
{
	padding: 1em 0;
}
 

#part_content
{
}

	#part_content p {
		margin:  0 1em 1.3em 1em;
		}
	#part_content h4 {

		padding-left: .6em;
		color: #333333;
		}


	#part_content .collapse .closed
	{
		padding: .6em 0 1em 20px;	
		background: transparent url(/catalog/images/icons/icon_collapse_closed.gif) no-repeat 0 .5em ;
		color: #03c;
		text-decoration: underline;
		font: bold 1.2em Arial, Helvetica, sans-serif;
		cursor: pointer;
	}

	#part_content .collapse .opened
	{
		padding: .3em 0 1em 20px;	
		background: transparent url(/catalog/images/icons/icon_collapse_opened.gif) no-repeat 0 .5em ;
		color: #03c;
		text-decoration: underline;
		font: bold 1.2em Arial, Helvetica, sans-serif;
		cursor: pointer;
	}
		
	#part_content .collapse
	{	
		list-style: none;		
		margin: .1em 0;
		/*border-bottom: solid 1px #666666;
		border-left: solid 1px #CCCCCC;
		background: transparent url(/catalog/images/icons/img_gradient1_sm.jpg) repeat-x 0 1.2em ;*/
	}	
	
	#part_content .collapse h4 
	{
        margin: 0em 0 0.3em 0;
	}
	
	
	#part_content .collapse .description
	{
		padding: 1em;
		border-top: dotted 1px #666666;
		border-bottom: dotted 1px #666666;
		background: #EEEEEE;
	}




/**** Sourcebook Form *************************************************************/

.sf .validatorLabelError {
    color: #CC0000;
    font-weight: bold;
}
	
	.clear
	{
		clear: both;	
	}
	
	.block
	{
		margin: 2em 1em;
		border-bottom: solid 1px #CCCCCC;
	}
	.block2
	{
	border-bottom: solid 1px #CCCCCC;
	float: right;
	margin-top: 2em;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-left: 1em;
	}
	
	.block ul{
		list-style: none;
		margin:  0 0 1em 0;	
	}
	
	.block.table span
	{
		
		margin: 0 1em 0 0 ;
	}
	.contact {
		padding: .5em 0;
		margin:  .5em 0;	
	}

	.contact ul{
		padding: 0;
		margin: 0;
	}
	.contact ul li{
		list-style: none;
	}
	.contact p{
		padding:0 .2em;
	}