/*==========Body Tag=====686860=====*/
body {
	background-color: #4E575D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
/*=========/Body Tag==========*/

h2 {
	padding-bottom: 5px;
	font-weight: bold;
	color: #0087c7;
}


/*==========Wrapper Divs==========*/
#content {overflow:hidden; width: 1000px; margin-left: auto; margin-right: auto; /*margin-bottom: 50px;*/ border-left: 3px solid #0F0F0F; 
border-right: 3px solid #0F0F0F; background-image: url(images/bg2.jpg);}
#inside{width: 100%; overflow:hidden;}
/*=========/Wrapper Divs==========*/

.clearer {clear:both;}

img.thumb{border: 1px solid black; margin-bottom: 10px; margin-right:20px;}
img.floatLeft {float:left; padding-left: 10px;margin: 5px 10px 5px 5px;}
img.floatcenter {float:center; padding-left: 100px;margin: 5px 10px 5px 5px;}

#block_1{float: left; width: 50%; margin-left: 50%; background: #FAFAFA; background-image: url(images/ted-tr.gif); background-position: 100% 0; background-repeat: no-repeat;}
#block_2{float: left; width: 50%; margin-left: -100%; background: #FAFAFA;	background-image: url(images/ted-tr.gif); background-position: 100% 0; background-repeat: no-repeat;}
#block_3{display: block; float: left; width: 100%; background: #FAFAFA;	background-image: url(images/ted-tr.gif); background-position: 100% 0; background-repeat: no-repeat;}


* html #block_1{display: inline;}

.box_copy{background-image: url(images/ted-tl.gif); overflow: hidden;}
.box_copy h2{padding: 12px 18px 10000px 18px;
	padding: 12px 18px 3px 18px;
	margin-bottom: -9997px;
	margin-bottom: 0;
	background-image: url(images/ted-tr.gif);
	background-position: 100% 0px;
	background-repeat: no-repeat;
	}
/* Don't understand why, but IEs of all hues require this shifting */
* html .box_copy h2
	{
	background-position: 100% -4px;
	}
.box_copy p{padding: 16px 18px 0 18px;}

.verticalalign{background-image: url(images/ted-bl.gif); background-position: 0 100%; background-repeat: no-repeat;}
.verticalalign p{text-align: right;	padding-bottom: 18px; background-image: url(images/ted-br.gif); background-position: 100% 100%; background-repeat: no-repeat;}

/*.offer {background-color: #444444} */
    

.last
	{
	/* Padding and Margin hacks for IE 5.01 */
	padding-bottom/**/: 100em !important;
	margin-bottom/**/: -97.5em !important; 
	}
div#block_1, div#block_2, div#block_3
	{
	/* Padding and Margin hacks for IE 5.01 */
	padding-bottom/**/: 30000px !important;
	margin-bottom/**/: -30000px !important;
	}
@media all and (min-width: 0px) {
body #block_1, body #block_2, body #block_3
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	}
#block_1:before, #block_2:before, #block_3:before
	{

	display: block;
	background: inherit;
	margin-top: -5px;
	padding-top: 32000px !important;
	margin-bottom: -32000px !important;
	height: 0;
	}
}
.last .verticalalign
	{
	/* p-b + m-b hacks for IE 5.01 */
	position/**/: absolute;
	bottom/**/: 0;
	}
#block_1 .last .verticalalign {width: 50%;}
#block_2 .last .verticalalign {width: 50%;}
#block_3 .last .verticalalign {width: 100%;}

/* hack for Operas */
@media all and (min-width: 0px){
#wrapper .last div.verticalalign
	{
	width: 100%; /* Opera 7.5 and 8 */
	}
div[id^="wrapper"] #block_1 .last div.verticalalign {width: 50%;}
div[id^="wrapper"] #block_2 .last div.verticalalign {width: 50%;}
div[id^="wrapper"] #block_3 .last div.verticalalign {width: 100%;}
}
/* hack for IEs of all hues */
* html .verticalalign {width: 100% !important;}
#wrapper_extra {position: relative;background: #FAFAFA;}
* html #wrapper	{position: relative;}
#wrapper {overflow: hidden;	display: block; }
/* but that makes IE go crazy */
* html #wrapper
	{
	display: inline-block;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden;
	}
/* end easy clearing */
h2
	{
	margin: 0; font-size:100%;
	padding: 0;
	}
	 p
	{
	margin: 0; font-size:90%;
	padding: 0}
	
	
	
	#featured {
	padding-top: 30px;
	/*padding-bottom: 15px;*/
	float: left;
	
}

.featured-image {

	float: left;
	height: 106px;
}

.featured-image img {
	background-color: #FFFFFF;
	padding: 10px; margin-right: 10px;

}
		

.featured-text {
height: 206px; margin-left: 10px;
	padding-left: 10px;
}

.featured-text p {
	margin-top: 10px;
}

#title {
	float: left;
	margin-top: 30px;
	height: 52px;
	width: 100%;
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation {
position:relative; 
	height: 68px;
	width: auto;
	

}	

#navigation ul{margin:0px; padding:0; list-style-type:none; width:1000px;
border-bottom: 3px solid #0F0F0F; }

#navigation li {
	display: block;
	list-style-type: none;
	float: left;
background: #ECECEC;border-bottom: 3px solid #0F0F0F;
}

#navigation li a {
	color: #666666;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	height: 52px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	padding-top: 26px;
	float: left;
	text-decoration: none;
	margin-left: 2px;
}
#navigation li a.current {
		background:white;
	color: #0087c7;
	margin-left: 2px;
}
#navigation li a:hover {
	background-repeat: repeat-x;
	color: #0087c7;
	margin-left: 2px;
}
#navigation li a.grey {
	background-repeat: repeat-x;
	color: #ECECEC;
margin-left: 54px;
}


td {height: 10px;}

form {padding-left: 20px}