@import url(global/user.css);
@import url(global/common.css);
@import url(apps/forms01.css);
@import url(/site/template/assets/scripts/jquery/lightbox/css/jquery.lightbox-0.5.css);
/*
	HEIGHTS
		#header
		#tabs
		
	IMAGES
		header_bg
		nav_bg
		
	WIDTHS
		#wrap
		#main-table-body-leftcell 
		#main-table-body-rightcell
	
	1. Uncomment #printlogo
	2. If necessary, change the width of .comp-content in layout0.css
	3. If unordered and ordered lists have bg images change the paths in common.css
*/

body {
	background:#fff url(../images/bg.gif) top center no-repeat;
	color:#333;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:.76em;
	text-align:center;
}

#wrap {
}

#header, #tabs, #main-body {
	text-align: left;
	margin: 0 auto;
	width: 760px;
	position: relative;
}

/* HEADER
-------------------------------------------*/
#header {
	background:#fff url(../images/header_bg.gif);
	height:156px;
	margin:0 auto;
	position: relative;
	
}
	#logo {
		position:absolute;
		left:0px;
		top:23px;
	}
	
	#logo a {
	    display: block;
		background: url(../images/logo.gif) no-repeat;;
        width:185px;
        height: 0 !important;
	    overflow: hidden;
	    padding-top: 99px;
	}
		#printlogo{
			display:none;
		}
	#tagline {
	    position: absolute;
	    background: url(../images/tagline.gif) no-repeat;
	    left: 0;
	    top: 124px;
        width: 180px;
	    height: 0 !important;
	    overflow: hidden;
	    padding-top: 12px;
	}

/* MAIN NAVIGATION
-------------------------------------------*/
#tabs {
    top: -156px;
}
	#nav {
	    position: absolute;
        background: url(../images/nav3.gif) no-repeat;
        height: 31px;
        left: 226px;
        top: 65px;
        width: 534px;
    }
		#nav ul {
		    margin: 0;
		}
			#nav li {
			    background-image: none;
				list-style: none;
				float: left;
				height: 31px;
			}
				#nav a {
				    padding-top: 31px;
					height: 0 !important;
					overflow: hidden;
                    display: block;
                    position: absolute;
                    background: url(../images/nav3.gif) no-repeat;
					
                }
                #nav a.active:hover {
                    cursor: default;
                }

                    /* Home */
                    li#t1499 a {
                        background-position: 0 0;
                        width: 62px;
                        left: 0;
                    }
                    li#t1499 a:hover, li#t1499 a.active {
                        background-position: 0 -31px;
                    }
					

                    /* About Us */
                    li#t22697 a {
                        background-position: -62px 0;
                        width: 83px;
                        left: 62px;
                    }
                    li#t22697 a:hover, li#t22697 a.active {
                        background-position: -62px -31px;
                    }
					
					 /* Products */
                    li#t48426 a {
                        background-position: -145px 0;
                        width: 84px;
                        left: 145px;
                    }
                    li#t48426 a:hover, li#t48426 a.active {
                        background-position: -145px -31px;
                    }
					
					/* Photo Gallery */
                    li#t16019 a {
                        background-position: -229px 0;
                        width: 113px;
                        left: 229px;
                    }
					
					li#t16019 a:hover, li#t16019 a.active {
                        background-position: -229px -31px;
                    }
					
					 /* Contact Us */
                    li#t7516 a {
                        background-position: -342px 0;
                        width: 78px;
                        left: 342px;
						
                    }
                    li#t7516 a:hover, li#t7516 a.active {
                        background-position: -342px -31px;
                    }
					
					

                    
					
					/* Download Center */
                    li#t48493 a {
						
                        background-position: -420px 0;
                        width: 114px;
                        left: 420px;
						
                    }
                    li#t48493 a:hover, li#t48493 a.active {
					
                        background-position: -420px -31px;
                    }

                    

#main-body{
    
    padding-top: 80px; /* for #pagetitle + 9px */
	margin-bottom: 20px;
}
	#main-table-body{
		background:transparent;
		border-collapse:collapse;
		clear:left;
		height:400px;
	}
	#main-table-body-leftcell {
		background: #d6d6d6 url(../images/menu_bottom.gif) bottom no-repeat;
		width:160px;
		vertical-align:top;
		
		
	}
	#main-table-body-rightcell {
		vertical-align:top;
		width:600px;
		
	}

/* SUB MENU
-------------------------------------------*/
#sidebar {
	background: #d6d6d6;
	width:160px;
	
}

#menu-header {
	background: url(../images/menu_top.gif) top no-repeat;
	height: 10px;
	
}

#menu{
}
	#menu h3{
		border-bottom:1px solid #fff;
	}
		#menu h3 a{
			color:#666;
			display:block;
			font-size:9px;
			font-weight:bold;
			padding:9px 5px;
			text-align:center;
			text-decoration:none;
			text-transform:uppercase;
		}
	#menu ul{
		font-size:100%;
		margin:0;
		padding:0;
		width:100%;
		
		background-color: #d6d6d6;
		border-bottom: 1px solid  #fff;

	}
		#menu li{
			background-image:none;
			display:block;
			padding:0;
			border-top: 1px solid  #fff;
		}
		* html #menu li{
			height:0px;
		}
			#menu li a{
				
				color: #186EB0;
				display:block;
				padding:9px 5px 9px 21px;
				text-decoration:none;
				text-transform:none;
				font-weight: bold;
				
				background:#d6d6d6 url(../images/menu_marker.gif) 4px 11px no-repeat;
			}
			#menu li a:hover, #menu li a.current, #menu li a.active{
               
                color:#009900;
               
			}
			
			#menu ul ul{
				border-bottom: 1px solid  #d6d6d6 ;

				
			}
			
			#menu li ul li{
				
				border-top: 1px solid  #d6d6d6;
				
				
			}
				#menu li ul li a {
					padding:5px 3px 5px 16px;
					text-transform:none;
					background: none;
					padding-left: 25px;
					font-size:90%;
					
					
				}
					#menu li li a:hover, #menu li li a.subcurrent, #menu li li a.active{
                        
                        color:#009900;
                       
					}

	#menu-footer{
	    margin-top: 34px;
		padding-bottom: 120px;
	}
    #menu-footer a {
        display: block;
        width: 100%;
        background: transparent url(../images/cta.gif) no-repeat;
        height: 0 !important;
        overflow: hidden;
        padding-top: 240px;
    }

#banner {
	display:none;
}

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar{
    /*position: relative;
    
        Not using absolute here, because we're centering #header, #tabs, and #mainbody
        We'll need to pull #main-table-body up to fill the gap.
    
    top:-86px;
	width:100%;
	height: 26px;
	line-height: 26px;*/
	position: absolute;
	
	top: 0px;
	height: 25px;
	
}
	#breadcrumblist{
	    width: 760px;
		
		
	}
		
		#breadcrumbemail{
			position: absolute;
			top: -40px;
			right: 110px;
			font-size:85%;
			text-align:right;
			width:100px;
			
		}
		
		#breadcrumbprint{
			position: absolute;
			top: -40px;
			right: 10px;
			font-size:85%;
			text-align:right;
			width:100px;
			
	
		}
		
			#breadcrumbemail a:link, #breadcrumbemail a:visited{
				background:url(../images/email.gif) no-repeat 0px;
				color:#186eb0;
				float:right;
				padding:0 0 0 18px;
				text-decoration:none;
			}
				#breadcrumbemail a:hover, #breadcrumbemail a:active{
					text-decoration: underline;
				}
		
		
			#breadcrumbprint a:link, #breadcrumbprint a:visited{
				background:url(../images/printer.gif) no-repeat left;
				color:#186eb0;
				float:right;
				padding:0 0 0 18px;
				text-decoration:none;
			}
				#breadcrumbprint a:hover, #breadcrumbprint a:active{
					text-decoration:underline;
				}

/* CONTENT AREA
-------------------------------------------*/
#content{
    
	clear:left;
	width:100%;
	padding-top: 10px;
	
}
	#content-header{
		display:none;
	}
	#content-body{
		overflow:hidden;
		width:100%;		
		
		
	}
	#pagetitle{
	    position: absolute;
	    top: 25px;
		z-index: 10;
		width: 760px;
		background: #186eb0 url(../images/pagetitle_top.gif) top left no-repeat;
	}
	    #pagetitletext {
	        float: left;
	        width: 100%;
		    background: transparent url(../images/pagetitle_bottom.gif) bottom left no-repeat;
	    }
		#pagetitletext h1{
		    float: left;
		    width: 728px;
		    line-height: 44px;
		    height: 44px;
			font-weight:normal;
			color: #fff;
			margin: 0;
			padding-left: 10px;
		}
		
   
    
	#content-footer{
		display: none;
	}

/* FOOTER
-------------------------------------------*/
#footer{
    background: #D6D6D6;
	clear:both;
	position:relative;
	width:100%;
	text-align: center;
	float: left;
}
	#footerwrap{
		width:760px;
		margin: 0 auto;
		text-align: left;
	}
		#footernav {
			padding:21px 0 0 0;
			text-align:left;
			float: left;
			width: 100%;
            border-bottom: 5px solid #e5e5e5;
            font-size: 85%;
		}
			#footernav ul {
				display:block;
				margin:0;
				padding:0;
			}
				#footernav li {
					background-image:none;
					list-style:none;
					margin: 0 0 0 -8px;
					padding:0;
                    float: left;
				}
					#footernav li a {
					    display: block;
                        position: relative;
                        top: 5px;
						color: #014c9a;
						margin: 0 9px;
						padding-bottom: 5px;
						text-decoration: none;
						text-transform:uppercase;
                        border-bottom: 5px solid #e5e5e5;
					}
					#footernav li a:hover, #footernav li a.active {
                        border-bottom: 5px solid #014c9a;
					}
					
	#copyright, #poweredby {
		color:#666;
		font-size:11px;
		height:6em;
		line-height:6em;
	}
	#copyright {
	    float: left;
	}
	#poweredby{
		float: right;
	}
		#poweredby a{
			color: #666;
			text-decoration: none;
		}
		#poweredby a:hover {text-decoration: underline;}