/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0;}
html { min-height: 100%; margin-bottom: 1px; }
img, a img	{ border: 0; }

body { font-size: 13px; font-family: trebuchet ms, arial, sans-serif; text-align: center; color: #333; background: #333 url(../images/bg_top.gif) no-repeat 50% 0;}
table, th, td { font-size: 12px; font-family: trebuchet ms, arial, sans-serif; color: #333; }

a:link, a:visited	{ color: #c00; text-decoration: underline; }
a:hover				{ color: #f90;}

#bg			{ background: url(../images/bg.gif) repeat-y 50% 0; margin: 20px 0 0;  }
#bg		{ * padding-left: 1px; _padding-left: 1px; }
#bg_bttm	{ background: url(../images/bg_bttm.gif) no-repeat 50% 0; height: 33px; }

#container	{ position: relative; width: 760px; margin: 0 auto; text-align: left; * left: -1px; }


/* HOME page */
#header		{ position: relative; height: 112px; color: #fff; * left: 1px; _left: 1px; }
#header p	{ position: absolute; top: -3px; right: 10px; text-transform: uppercase; font-size: 10px; font-weight: bold;}
#header a:link, #header a:visited	{ color: #ffd200; text-decoration: none;}
#header a:hover { color: #f60;}

#h_main		{ background: url(../images/h_main_bg.gif) repeat-y; /*\*/height: 100%;/**/ }
#s_main		{ background: url(../images/s_main_bg.gif) repeat-y; /*\*/height: 100%;/**/ }

/* nav */
#nav		{ position: relative; float: left; width: 170px;}
#nav p	{ font-size: 11px; color: #fff; padding: 10px;}
#nav li 	{ list-style: none; background: url(../images/nav_btm.gif) repeat-x bottom left; padding: 0 0 1px; text-transform: uppercase; font-weight: bold; line-height: 11px; font-size: 10px; float: left; width: 100%;}
	#nav li a:link, #nav li a:visited	{ position: relative; display: block; background: #cc1d29 url(../images/nav_bg.gif) repeat-x bottom left; text-decoration: none; color: #ffd200; padding: 7px 4px 7px 8px; height: 100%; float: left; width: 158px;}
	* html #nav li a:link, * html #nav li a:visited	{ width: 170px; w\idth: 158px; }
	#nav li a:hover		{ background: #ffd200 url(../images/nav_hover.gif) repeat-x bottom left; color: #cc1d29; }
	#nav li.on div	{ background: #66cc33 url(../images/nav_on.gif) repeat-x bottom left;  padding: 7px 4px 7px 8px; height: 100%; color: #d6e9c7;}
	#nav li a:hover span	{ background: url(../images/arrow_red.gif) no-repeat bottom right; padding-right: 5px;}

#content	{ position: relative; float: left; width: 380px; padding: 5px 20px; _padding: 5px 20px 5px 18px; background: #fff url(../images/content_bg.gif) repeat-x; }
	#content p	{ padding: 0 0 15px; }
	#content ul   { padding: 0 20px 10px;}
	#content ol   { padding: 0 20px 10px;}
	#content ul li { list-style-type: square;}
	#content a:link, #content a:visited	{ color: #c00; text-decoration: none; font-size: 13px; }
	#content a:hover { color: #d31931;}
	
#content_sub	{ position: relative; float: left; width: 550px; min-height: 420px; padding: 5px 20px 20px; background: #fff url(../images/content_bg.gif) repeat-x; }
	* html #content	{ width: 420px; w\idth: 380px;}
	#content_sub p	{ padding: 0 0 15px;}
	#content_sub ul   { padding: 0 20px 10px;}
	#content_sub ol   { padding: 0 20px 10px;}
	#content_sub ul li { list-style-type: square;}
	
#content_sub .quotes { font-size: 11px; color: #369; font-weight: bold; width: 200px; padding: 10px; float: right; background: url(../images/bg_quotes.gif) no-repeat; }
	
	.section	{ background: url(../images/section_bg.gif) repeat-x bottom left; padding: 15px 0 10px 0; }
	.readmore	{ background: url(../images/arrow_gry.gif) no-repeat bottom right; padding-right: 8px; }
	.breadcrumbs { font-size: 10px; }
	
	.chart   { border: 1px solid #999;  width: 1px 1px 0 0; }
	.chart td   { border: 1px solid #999;  width: 0 0 1px 1px; font-size: 10px; font-family: trebuchet ms, arial, sans-serif; color: #333; background: #ccc; padding: 4px; }
	.chart .row1 td   { background: #f90; }

#h_techcorner { position: relative; background: url(../images/h_bgtile_techcorner.gif) repeat-y; clear: both; text-align: center; }
#h_techcorner p { color: #000; padding: 5px 21px; }
#h_techcorner .container { background: url(../images/h_bg_techcorner_header.jpg) no-repeat; width: 170px; }
#h_techcorner .bottom { position: relative; background: url(../images/h_bg_techcorner_bottom.jpg) no-repeat; width: 170px; height: 38px; }
#h_techcorner .top { padding-top: 50px; display: block; }
#h_techcorner a:link, #h_techcorner a:visited	{ color: #036; text-decoration: none; font-weight: bold; font-size: 14px;}
#h_techcorner a:hover	{ color: #c00;}	
	
#sidebar	{ position: relative; float: left; width: 170px; background: url(../images/sidebar_bg.gif) repeat-x; text-align: center; color: #fff;}
#sidebar p	{ padding: 0 15px 15px 15px; margin-top: -15px;}
#sidebar .quotes { padding: 10px; margin-bottom: 10px; text-align: left;}
#sidebar a:link, #sidebar a:visited   { color: #fc0; }
#sidebar a:hover   { color: #f90; }
#sidebar img { display: inline; }
#sidebar .poll { padding: 15px 10px 0 10px; text-align: left; align: left;}
#sidebar input { padding: 4px; }
#sidebar td { margin: 10px; color: #fff; text-align: left;}

#winner { padding: 10px 15px 15px 15px; font-size: 12px; }

#footer 	{ position: relative; * left: 1px; _left: 1px; }
#footer a:link, #footer a:visited	{ color: #d31931; text-decoration: none;}
#footer a:hover { color: #036;}
#footer p	{ padding: 20px 170px 0; border-top: 1px solid #fff; background: #f4ce2e url(../images/footer_bg.gif) repeat-x; font-size: 10px; line-height: 12px;}
#footer img	{ position: absolute; top: 25px; left: 40px; }

.clear		{ clear: both;}
.float_r	{ float: right; margin: 0 0 5px 10px;}
.float_l	{ float: left; margin: 5px 10px 5px 0;}

h1	{ font-size: 16px; padding-bottom: 5px; }
h2 	{ color: #03c; font-size: 14px; padding-bottom: 5px; }
h3 	{ color: #360; font-size: 12px; padding-bottom: 5px; }

h1.soon { color: #f60; }
h1.winner { color: #fc0; font-size: 14px; }
h1.heart { color: #f00; background-color: #fc0; border: 1px solid #f90; padding: 10px; font-size: 16px; width: 500px; }

h2 a:link, h2 a:visited	 { color: #c00; text-decoration: underline; }
h2 a:hover				{ color: #f90;}

.orange { color: #f60; }
.red { color: #c00; }

.btn { background-color: #c00; border: 1px solid #fc0; padding: 2px; color: #fc0; font-weight: bold; text-transform: uppercase; }
#btn a:link, #btn a:visited{ color: #ffd200; text-decoration: none; padding: 4px; }
#btn a:hover { color: #f90; text-decoration: none; }
#btn h1 { padding: 10px; }

#content_sub .contactform td	{ padding: 5px 15px 5px 10px; vertical-align: top; border-bottom: 1px solid #c90; }
#content_sub .contactform td.last	{ padding: 5px 15px 5px 10px; vertical-align: top; border-bottom: none; }
#content_sub .contactform td.lt	{ text-align: right; font-weight: bold; background-color: #fc3; }
#content_sub .contactform select, #content_sub .contactform textarea	{ padding: 2px; border: 1px inset #ddd; }
#content_sub .contactform input#submit, .contactform input#reset	{ padding: 2px; width: auto; background: #5678a1; font-weight: bold; color: #fff; font-size: 11px; font-family: trebuchet ms, arial, sans-serif;  text-transform: uppercase; border: 0; }