﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em, b, strong 
{
	font-weight: bold;
}


body 
{
	font-family: "Myriad Pro", Arial, sans-serif;
	background:url('/images/gradient.jpg') repeat-x #e0e0e0;
}

a { cursor: pointer; }

#container
{
	margin:auto;
	width:1024px;

}

#header
{
	height:171px;
	width:100%;
	background: url('/images/DebaldHeader.jpg') no-repeat top left;
}

#nav
{
	float:left;
	height:400px;
	width:286px;
	display: inline;	
}

.content
{
	background:url('/images/DebaldCenterImage.jpg') no-repeat top right;
	float:left;
	height:407px;
	width:738px;
	display: inline;
}

/* Navigation */
#nav ul#topLevel
{
	float:left;
	list-style-type:none;	
	margin:0px;
	padding:0px;
	position: relative;
}

	#nav ul#topLevel>li
	{
		border-bottom:1px solid white;
		float:left;
		height:50px;
		width:286px;
	}

		#nav ul#topLevel>li>a
		{
			border:0px;
			color:Black;
			display:block;
			font-family:FuturaBT, Myriad Pro, Arial, Sans-Serif;
			height:32px;
			text-decoration:none;
			padding-left:35px;
			padding-top:18px;
			width:251px;
		}

		#nav ul#topLevel>li>a:hover
		{
			font-weight:bold;
			font-style:italic;
		}

		#nav ul#topLevel li ul 
		{
			display: none;
		}
			
			#nav ul#topLevel li:hover ul 
			{
				background: url('/images/subNavBG.png') transparent no-repeat;
				position: absolute;
				top: 0;
				left: 286px;
				z-index: 10;
				display: block;
				visibility: visible;
				height: 419px;
				width: 199px;
			}
			
			#nav ul#topLevel li ul li 
			{
				margin-left: 30px;
			}

				#nav ul#topLevel li ul li a 
				{
					color: #000;
					height: 14px;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
					line-height: 27px;
				}

/* top home */

#homeLink>a 
{
	height: 100px;
	width: 185px;
	display: block;
	float: left;
}


#header #postIt 
{
	float: right;
	margin-right: 58px;
	display: inline;
}

	#header #postIt a
	{
		display:block;
		height:134px;
		width:126px;
		float:right;
	}

	#header #postIt #memberLogin 
	{
		background: url('/images/memberLoginBG.gif') no-repeat #fff;
		height: 52px;
		width: 69px;
		margin-right: 60px;
	}
	
	#header #postIt #username
	{
		background: url('/images/usernameBG.gif') no-repeat #fff;
		height: 52px;
		width: 143px;
		text-align: center;
	}
	
	#header #postIt #password
	{
		background: url('/images/passwordBG.gif') no-repeat #fff;
		height: 67px;
		width: 143px;
		text-align: center;
	}
	
	#header #postIt .input 
	{
		border: 0;
		background-color: transparent;
		width: 107px;
	}
	
		#header #postIt #username .input { margin-top: 4px; }
		#header #postIt #password .input { margin-top: 8px; }
		
	#header #links 
	{
		float: right;
		margin-top: 154px;
		margin-right: 70px;
	}
	
		#header #links ul 
		{
			display: block;
		}
			
			#header #links>ul>li 
			{
				float: left;
				display: inline;
				margin-right: 10px;
			}
			
				#header #links ul li>a 
				{
					display:block;
					color: #000;
					font-size: 14px;
					text-decoration: none;
				}
		
				#header #links ul li ul
				{
					visibility:hidden;
					position:absolute;	
				}
				
				#header #links ul li:hover ul
				{
					background:url('/images/topSubNavBack.png') transparent;
					display:block;
					visibility:visible;
					height:auto;
					width:150px;
				}
				
				#header #links ul li:hover ul li
				{
					margin-top:5px;	
					margin-bottom:5px;
					margin-left:5px;
					text-align:left;
				}	

/* bottom home */

#bottom 
{
	float: left;
	width: 1024px;
}

	#bottom .left 
	{
		background: url('/images/bottomPostIt.jpg') no-repeat transparent;
		width: 286px;
		height: 194px;
		float: left;
	}
	
	#bottom .middle 
	{
		background: url('/images/homebottommiddle.gif') transparent no-repeat;
		width: 519px;
		height: 194px;
		float: left;
	}
	
		#bottom .middle .spotlightImage 
		{
			float: left;
			margin-left: 33px;
			margin-right: 15px;
		}
		
		#bottom .middle .spotlightTitle 
		{
			color: #8cc63f;
			font-size: 19px;
			padding-bottom: 15px;
		}
		
		#bottom .middle .spotlightDescription 
		{
			color: #fefafa;
		}
		
			#bottom .middle .spotlightDescription a 
			{
				color: #8cc63f;
				font-style: italic;
				text-decoration: underline;
			}
		
		
	
	#bottom .right 
	{
		background: url('/images/homebottomright.gif') transparent no-repeat;
		width: 219px;
		height: 194px;
		float: left;
	}
	
	#bottom #search 
	{
		background: url('/images/searchBG.gif') transparent no-repeat;
		width: 190px;
		height: 32px;
		margin: 68px 0 0 14px;
		text-align: center;
	}
	
		#bottom #search .input 
		{
			background-color: transparent;
			width: 156px;
			border: 0;
			margin-top: 6px;
		}
		
		#bottom #search .submit 
		{
			margin-top: 15px;
		}
		

#homeLink
{
	border:0px solid black;
	float:left;
	height:109px;
	margin-left:20px;
	margin-top:20px;
	position:absolute;	
	width:185px;
}
		
/**** infact style ******/
.infact 
{
	float: left;
	margin-top: 30px;
	margin-left: 60px;
	width: 150px;
}

.none 
{
	display: none;
}

/**** Promotional stlyle ****/
.centerBusCard
{
	height:90px;
	margin-left:523px;
	margin-top:98px;
	width:163px;		
}

.rightBusCard
{
	height:90px;
	margin-left:537px;
	margin-top:82px;
	width:163px;
}