@charset "UTF-8";
/* CSS Document */

	
		#logo {padding-bottom: 10px; position: absolute;}
		h1 {color:#191919;}
		h2, h3 {color:#ff3d00;}
		h3 {font-size:16px;}
		h2 strong {font-size:24px;}
		div #introductory h2 {text-align:center; font-size:24px; padding-bottom:15px; padding-top:50px;}
		p {font-size:13px; color:#191919; padding: 5px 15px 5px;}
		li {font-size: 13px;}
		
		
	
		
html { background-color: #000; padding: 10px; padding-top: 0px;}
body { width:982px; margin:0 auto; background-color: #fff; padding-top: 18px; padding: 10px; }
#main { width:980px; margin:0 auto;}
#content { padding:14px 0 0; }

a.yuimenubaritemlabel { font-size:14px; font-weight:bold; color:#ff3d00;}

#navsec {
	position:absolute;
	left:105px;
	top:54px;
	width:962px;
	height:93px;
	z-index:2;
	border:thin; border-color:#CCC; border-style:solid;
}
#leftsec {
	position:absolute;
	left:105px;
	top:160px;
	width:234px;
	height:400px;
	z-index:3;
	border:thin;
	border-color:#CCC;
	border-style:solid;
}
#mainsec {
	position:absolute;
	left:350px;
	top:160px;
	width:717px;
	height:400px;
	z-index:4;
	border:thin;
	border-color:#CCC;
	border-style:solid;
}
#footer {
	position:absolute;
	left:105px;
	top:572px;
	width:962px;
	height:39px;
	z-index:5;
	border:thin;
	border-color:#CCC;
	border-style:solid;
}

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #666; padding: 10px; padding-top:0px;}

a { color: #f26339; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; position: static !important; }
abbr { border: 0; }


p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 30x; margin-bottom: 22px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }
/*SPEAKING BLOCK NAV */
#header {position: relative; width: 980px; height: 154px; overflow: hidden; border-right: 1px solid #ddd; color: #f00}
#header dt, #welcome dt {font-size: 16px; font-weight: bold; color: #333; margin-bottom: 4px; float: none}
#header dd, #welcome dd {float: none}
#header .active_group {border-top: 15px solid #fff}
#logo {text-indent: -9999px; width: 352px; height: 138px; float:left; border-top: 15px solid #fe7d00; border-bottom: 5px solid #ddd}
#logo a {display: block; width: 352px; height: 140px; text-decoration: none; overflow: hidden; -moz-outline-style: none}
#discover dd a, #explore dd a, #connect dd a, #welcome dd a {font-weight: normal; color: #666; display: block}

#status dd a {color: #f00; font-size:12px;}
#header dd a:hover {color: #333}
#welcome dt {color: #fff}
#welcome dd {color: #fff}
#welcome dd a {font-weight: normal; color: #fff}
#welcome dd a:hover {color: #fff}
#discover, #explore, #connect, #status {position: absolute; top: 0; width: 127px; height: 131px; padding: 7px 9px 0; border-top: 15px solid #fe7e00; border-bottom: 5px solid #ddd;}
#discover, #explore, #connect {background: url(/images/bg-navborder.png) repeat-y left}
#explore {left: 352px}
#discover {left: 480px}
#connect {left: 608px}
#status {left: 864px; width: 111px}
#status dt, #status dd {height: auto}
#welcome {position: absolute; left: 736px; top: 0; width: 225px; text-align:center; overflow: hidden; padding: 22px 10px 0; color: #fff !important; height: 155px; background:url(images/bg1.png) repeat-x; z-index: 40}
.welcome_public dd {color: #fff !important; font-size: .9em !important; line-height: 1.3em}
#welcome #sign_out a {font-weight: bold; border-top: 1px solid #999; margin-top: 5px; padding-top: 5px}
#status label {width: 111px; height: 15px; font-size: .9em; color: #666; margin: 0; padding: 0}
#status input[type="text"], #status input[type="password"] {width: 90px; height: 15px; font-size: .8em; padding: 0; border: 1px solid #ccc}
#status input[type="submit"] {float: left; display: block; margin-right: 5px}
#welcome dl dd a {color: #fff}

#welcome #forgot {display: inline}
#my_msg, #create_account {position: absolute; top: 154px; left: 736px; width: 118px !important; padding: 5px 0 0 10px; font-size: 1em; color: #fff; line-height: 1.2em; overflow: hidden; height: 36px; z-index: 1000; background: #ff1d00}
#my_msg a, #create_account a {color: #fff; font-weight: bold; text-decoration: none; padding-right: 10px}
#my_msg a:hover, #create_account a:hover {text-decoration: underline}
#secondary_content .content_block {float: left; width: 236px; padding: 0 10px 20px; background: url(/images/bg-shadow-line.png) repeat-x bottom}
#secondary_content h2, #secondary_content .heading {float: left; width: 236px}
.item_list {width: 475px}
.item_list_sidebar {width: 221px !important}
.item_list dt, .item_list_sidebar dt {height: auto; padding-left: 15px; background: url(/images/icon-arrow.png) no-repeat 0 5px}
.item_list_sidebar dt {width: 221px}
.item_list dd {width: 475px}
.item_list_sidebar dd {width: 221px; height: auto}
.item_list dd, .item_list_sidebar dd {padding: 0 0 5px 15px; margin-bottom: 5px; border-bottom: 1px solid #eee; font-size: 1em; color: #777}
.vcard div {margin: 0; padding: 0}
.vcard .url {margin-bottom: 10px}
.contact_now {float: left; padding: 0 40px 10px 0; color: #f00}

#welcome .sign_up {display: block; width: 50px; height: 31px; margin: 14px auto 0; text-decoration:none;}



/*END SPEAKING BLOCK NAV */

/*THIS MAKES THE GRIDS WORK */

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { width: auto !important; float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* END OF GRIDS */

p.last, ul.last, ol.last, li.last { width: auto !important; float: none !important; }
	#box-table-a{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:20px;}
	
	#box-table-a th{font-size:13px;font-weight:normal;background:#ff784f;border-top:4px solid #ff3d00;border-bottom:1px solid #fff;color:#039;padding:8px;}
	
	#box-table-a td{background:#e8edff;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;}#box-table-a tr:hover td{background:#ffad94;color:#339;}
	
	ul { list-style:none;}
	
	
		/* footer LINKS */
.footer { display: block;}
.footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.footer li { float: left; display: inline; }
.footer a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.footer a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }


html { background-color: #333;}
body { width:982px; margin:0 auto; background-color: #fff;}
#main { width:980px; margin:0 auto; }
#content { padding:14px 0 0; }





/*--- Global Footer ---*/
#mainfooter { width: 980px; color: #f26339; font-size: 10px; margin: 18px auto; padding-bottom: 36px; padding-top:10px; text-align: left !important; }
#mainfooter li.copyright {padding-left:5px; float:right; color:#666666; }
#mainfooter a { color: #f26339; }
#mainfooter p { margin-bottom: 1em; }
#mainfooter p.buy { float: left; width: 52%; margin: 18px 0 9px 3px; }
#mainfooter ul.footer a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; }
#mainfooter .links { float: right; margin: 18px 3px 9px 0; }
#mainfooter .legal { clear: both; width: 100%; border-top: 1px solid #ddd; padding-top: 9px; }
#mainfooter .legal a { padding: 0 10px; }
#mainfooter .legal p { float: left; margin-left: 3px; }
#mainfooter form { margin: 18px 10px; }
#mainfooter .search-wrapper { margin: 0 auto; }
#mainfooter .search-wrapper input.prettysearch { margin-left: 10px; }
#mainfooter ul.footer a.contact_us { padding-right: 1.5em; border-right: 1px solid #d0d0d0; }
#mainfooter ul.footer a.choose { margin-left: 0; border: 0; }
#mainfooter ul.footer a.choose img { vertical-align: middle; margin-top: -5px; position: relative; }