﻿/* layout.css - Size, positioning, background-images of blocks */

/* Import standard core.css file */
@import url(core.css);

.tbleft {
	
	text-align: right;
	vertical-align: top;
}

.tbright {
	
	text-align: left;
	vertical-align:top;
}

.tbcenter {
	vertical-align: top;
}

.tbcenterbottom {
	
	height:47px;
}

.tbleftbottom {
	
}

.tbrightbottom {
	
}

#leftbg {
	
	width: 100%; height: 893px;
}

#rightbg {
	width: 100%; height: 893px;
}

.cbr { clear: both; }
	
	#header {
		width: 1025px;
		height: 142px;
		position: relative;
		
	}
	
		#logo {
			
			width: 260px;
			height: 98px;
			display: block;
			position: absolute;
			left: 15px; top: 41px;
			margin-left:35px;
		}	
		
		#util-section {
			width: 312px; height: 21px;
			position: absolute; 
			top: 8px; right:2px;
			color: #dadcb9;
			font-size:14px;
			font-weight:bold;
		}
		
		#util-section a {
			color: #ffffff;
			text-decoration: none;
			font-size:11px;
			padding: 0 5px;
			text-transform: capitalize;
		}
		
		#util-section a:hover {
			text-decoration: underline;
		}
		
		.submitDiv{
			width:206px;
			height:50px;
			position: absolute;
			top:45px; right:32px;
			background-color:#062D49;
		 }
		 
		 	.submitDiv a{
				background: transparent url(../images/submit.jpg) top left no-repeat;
				width:56px; height:1px; padding-top:18px; overflow:hidden; display:block;
				position: absolute; top:17px; right:20px;
			}
			
			.submitDiv #searchtext
			{
				width:148px; height:15px; padding: 2px 5px 0 5px; border: 1px solid #e5e5e5; border-right:none;
				font-size:11px; color:#666666;
				position: absolute; top:17px; right:20px;
			}
			
		#mainnav {
			position: absolute;
			bottom: 31px;
			right: 15px;
			width: 698px;
			height:37px;
		}
				
			#mainnav li {
				display:inline;
				padding:0; margin:0; 
			}
			
			#mainnav li a {
				background: url(../images/nav.gif) no-repeat;
				overflow: hidden;
				padding: 46px 0 0 0;
				height: 0;
				display:block;
				float: left;
			}
			
			#mainnav li a:hover {
				background-image: url(../images/nav-over.gif); 
			}
			
				#mainnav li.nav_aboutus a { width:99px;}
				#mainnav li.nav_product a { width:109px; background-position: -99px 0 }
				#mainnav li.nav_resources a { width:112px; background-position: -208px 0 }
				#mainnav li.nav_newsArticles a { width:150px; background-position: -320px 0 }
				#mainnav li.nav_community a { width:126px; background-position: -470px 0 }
				#mainnav li.nav_service a { width:102px; background-position: -596px 0}

	#mainsection {
		position: relative;
		background-color:#ffffff;
		/*overflow:auto;*/
		width:1025px;
		min-height:700px;
	}
	
		#sidebar {
			width: 200px;
			margin-right: 17px;
			margin-left: 19px;
			float: left;
		}
			#subnav-header {
				background: url(../images/shopby.jpg) no-repeat;
				width:200px; height:1px; padding-top:35px; overflow:hidden;
			}
			
			#subnav-header-about {
				background: url(../images/aboutus.jpg) no-repeat;
				width:200px; height:1px; padding-top:35px; overflow:hidden;
			}
			
			#subnav-header-press {
				background: url(../images/news.jpg) no-repeat;
				width:200px; height:1px; padding-top:35px; overflow:hidden;
			}
			
			#subnav-header-community {
				background: url(../images/community.jpg) no-repeat;
				width:200px; height:1px; padding-top:35px; overflow:hidden;
			}
			
			#subnav-header-services {
				background: url(../images/services.gif) no-repeat;
				width:200px; height:1px; padding-top:35px; overflow:hidden;
			}
			
			#subnav-header-resources {
				background: url(../images/resources.jpg) no-repeat;
				width:200px; height:1px; padding-top:35px; overflow:hidden;
			}
		
			#sidebar ul {
				margin: 0; padding: 0;
				display:block;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				width:auto;
				border: 1px solid #604939;
				border-top: 0;
			}
			
			#sidebar ul li {
				display:block;
				width:auto;
			}
			
			#sidebar ul li a {
				border-top: 1px dashed #604939;
				color:#a2a2a2;
				display:block;
				padding:4px 14px;
				text-decoration:none;
				width:auto;
			}
			
			#sidebar ul li a.active, #sidebar ul li a:hover {
				color:#808080;
				text-decoration:none;
			}
			
		#content {
			position: relative;
			background:transparent url(../images/body-top-img.jpg) left top no-repeat;
			width:756px;
			float: left;
		}
		
		#content-body {
			margin-top:125px;
			margin-bottom: 25px;
			width: 100%;
		}
						
		#footer {
			height: 50px;
			border-top: 1px dashed #bed367;
			width:970px;
			font-size: 10px;
			color: #000000;
			position:relative;
			margin: 0 auto;
		}
			#footer div
			{
				height:16px;
			}
			
			 #companyinfo {
				float: left;
				position: absolute;
				top: 15px; left:0;
			 }
			 
			 #sitelinks {
				float: right;
				position: absolute;
				top: 15px; right:18px;
			 }
			 
.tbcenterbottom-home {
	background: #381b07 url(../images/home/bottom-bg-home.jpg) top left no-repeat;
	height:47px;
}

.tbleftbottom-home {
	background: #381b07 url(../images/home/bottom-bg-left-home.jpg) top right no-repeat;
}

.tbrightbottom-home {
	background: #381b07 url(../images/home/bottom-bg-right-home.jpg) top left no-repeat;
}

#leftbg-home {
	background: transparent url(../images/home/left-bg-home.jpg) top right no-repeat;
	width: 100%; height: 769px;
}

#rightbg-home {
	background: transparent url(../images/home/right-bg-home.jpg) top left no-repeat;
	width: 100%; height: 769px;
}
			 
#header-home {
	width: 1025px;
	height: 125px;
	position: relative;
	background: transparent url(../images/top-bg.jpg) top left no-repeat;
}

#mainnav.home
{
	bottom:14px;
}

#videoTitle 
{
	height: 30px;
	width: 330px;
	background-color:#d1e094;
	border-bottom:1px dotted #fff;
	border-top:1px solid #f4f7e5;
	padding: 6px 18px 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; color:#666;
}

#videoTitle a
{
	font-size:12px; color:#666; text-decoration: underline;
}

#videoTitle a:hover
{
	text-decoration:none;
}

.homebox 
{
	border: 1px solid #e3e859;
	height: 217px;
	padding: 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color:#666;
	margin-bottom: 20px;
}

/*.homebox a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#666; text-decoration: underline; font-weight:bold
}

.homebox a:hover
{
	text-decoration: none;
}*/

.homebox .eventtitle
{
	text-transform:uppercase; font-size:15px; font-weight:bold;
}

.homebox .homecontent
{
	padding: 2px 37px 0 32px;
}

.homebox .homecontent p
{
	padding-top:8px; margin:0; line-height:14px;
}

table.green {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: rgb(87, 153, 51) rgb(87, 153, 51) rgb(87, 153, 51) rgb(87, 153, 51);
	border-collapse: collapse;
	background-color: white;
}
table.green td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: rgb(87, 153, 51) rgb(87, 153, 51) rgb(87, 153, 51) rgb(87, 153, 51);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

