/* telecommuting360.com */
/* ids and classes built on top of the Yahoo reset css file that loads before this one */

html	{ background: url(/images/diagonal_pattern.gif); }
body	{ text-align: center; margin: 0px; background: url(/images/diagonal_pattern.gif);}
#container { width: 950px; text-align: left; margin: 0 auto 0px auto; background: #fff; }

a { color: #336699; text-decoration:none;}
a:visited { color: #336699; }
a:hover {text-decoration: underline;} 


#masthead { width: 100%; height: 96px; background: #fff; display: block; }
#masthead-left { float: left; width: 500px; background: #fff; display:block; padding-left:20px;}

#masthead-right { float: right; width: 240px; background: #fff; height:96px; display:block; margin-top:10px; }
	#masthead-right ul { margin: 10px 0px 6px 0px; border: solid 1px #fff; background: #fff; display:inline; float:left;}
	#masthead-right li { font-family:verdana;line-height: 13px; font-size:9pt;  }
	#masthead-right li {display: inline; margin-right: 12px; padding-right: 12px; /*border-right: solid 1px #36c;*/ float: left; }
	#account_1 li {border-right: solid 1px #36c; }
	#masthead-right li.last { border-right: solid 1px #fff; }
	#masthead-right form {margin:0px; padding:0; float:right; display:inline;}
	#search {width:250px; margin-top:20px; float:left;}
	#search_box, #search text, #search form {display:inline; float:left;}
	.search_image {margin-top:0px; display:inline; vertical-align:top; float:left; margin-left:10px;}
	.search_items {display:block; margin-top:20px;}
	#search_box {margin-top:2px; margin-right:2px;}
	#search_submit_button {display:inline; float:left;}
/*
#navigation { width: 100%; background: #fff; padding:0 margin:0; display:block; }
	#navlist	{ text-align: center; display:block; position:relative; clear:both; height:23px;}
	#navlist li	{ font: normal 70%/100% verdana; color: #000; display: inline; height:23px; list-style-type: none; }
	#navlist a { margin: 0 0 0 0; padding: 6px 10px; display:inline; clear:left; height:23px; vertical-align: text-top;}
	#navlist a:link, #navlist a:visited { color: #000; background-color: #ddd; text-decoration: none; }
	#navlist a:hover { color: #000; background-color: #bbb; text-decoration: none; }
/*
/* ###### menu ##### */
p.submenu {	margin: 0; 	padding: 0;	}
.clearit { clear: both;	height: 0; line-height: 0.0; font-size: 0;}
/* hide from IE mac \*/
#ul_menu_1 li {position: static; width: auto;}
/* end hiding from IE5 mac */
#li_menu_1_active a {color: #000; background-color: #bbb; text-decoration: none; }
#menu_1 {width: 100%; background: #fff; padding: 0; margin: 0; display: block; clear: both; visibility: visible; text-align: left; }
#ul_menu_1 {width: auto; display: inline; float: left; margin-left: 180px; padding: 0; margin-top: 0; margin-bottom: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }
#ul_menu_1 a {display: block; text-decoration: none; padding: 5px 12px 5px 11px; font-size: 9pt; font-family: helvetica, arial; letter-spacing: .015em; text-transform: none; color: #000; background-color: #ccc; }
#ul_menu_1 li {float: left; margin-left: 4px; position: relative; }
#ul_menu_1 li ul {background-color: #ccc; position: absolute; display: none; border-bottom: 1px solid #fff; }
#ul_menu_1 li ul li {float: left; margin-left: 0; border-top: solid 1px #fff; text-align: left; }
#ul_menu_1 li ul, #ul_menu_1 ul li {width: 190px; float: left; }
#ul_menu_1 li:hover a, #ul_menu_1 a:focus, #ul_menu_1 a:active, #ul_menu_1 li.p7hvr a {color: #000000; background-color: #bbb; }
#ul_menu_1 li:hover ul a, #ul_menu_1 li.p7hvr ul a {color: #000; background-color: transparent; }
#ul_menu_1 li:hover ul, #ul_menu_1 li.p7hvr ul {display: block; }
#ul_menu_1 ul {list-style: none; padding: 0; font-family: Arial, Helvetica, sans-serif; margin: 0; }
#ul_menu_1 ul a:hover {background-color: #606060!important; color: #FFFFFF !important; }
#ul_menu_1 ul li a {color: #606060; padding: 3px 12px 3px 12px; }


/* ###### end of  menu ######## */




#home-feature { display: block; height: 280px;/* background-image: url(/images/feature_image2.jpg);*/ }
	.home-copy { width: 400px; margin: 0 0 0 500px; padding: 20px 0 0 0; }
	.home-copy h1 { font: normal 135%/110% arial; color: #e84425; }
	.home-copy p { font: normal 90%/135% arial; color: #777; margin: 12px 0 0 0; }
	.home-copy em { font-weight: 900; color: #e84425; }

.bar { width: 950px; height: 7px; background: #bbb; display: block ; clear:both; }
#bar_forum { width: 950px; height: 7px; background: #bbb; display: block ; clear:both;  line-height:0;}
#bar_forum img {margin:0; padding:0; border:0; float:left; display:block; clear:both;}
#home-content { width: 950px; ; background: #fff; }
	.left { float: left; width: 50%; }
	.left h2 { font: 900 100%/100% arial; margin: 18px 24px 3px 24px; color: #e84425; }
	.left h3 { font: 900 85%/100% arial; margin: 18px 24px 3px 24px; color: #e84425; }
	.left p { font: normal 80%/135% arial; margin: 0 24px 9px 24px; color: #777; }
	.left img { margin: 19px 0px 3px 24px; border: solid 1px #aaa; }
	#left_main {font: normal 80%/135% arial; margin: 0 24px 9px 12px; color: #777;}
	#left_main_h2 { font: 900 100%/100% arial; margin: 18px 24px 3px 12px; color: #e84425; }

	.middle { float: left; width: 30%; }
#text_4_body, #text_12_body { margin: 18px 12px 0px 0; padding: 0 0 8px 0; border: solid 1px #aaa; }
#text_4_body  h2, #text_12_body  h2 { font: bold 90%/120% arial; margin: 9px 6px 6px 12px; color: #336699; }
#text_4_body  p, #text_12_body  p { font: normal 80%/135% arial; margin: 0px 12px 6px 12px; color: #777; }
#text_4_body  ul, #text_12_body  ul { margin: 0 0 6px 24px; }
#text_4_body  li, #text_12_body  li { font: normal 80%/135% arial; list-style-type: disc; margin: 0 0 0 12px; color: #777; }
#home-content img {border:0;}
#home-content strong {font-weight:900;}
	.right { float: left; width: 160px; }
/*
	.right-box { margin: 18px 12px 0px 0; padding: 6px 6px 9px 6px; text-align: center; border: solid 1px #aaa; }
		.right-box p { font: normal 80%/115% arial; color: #369; margin: 3px 0 0 0; }
*/
/*
	.right-box2 { margin: 12px 12px 0px 0; padding: 9px; border: solid 1px #aaa; }
		.right-box2 h2 { font: 900 80%/115% arial; color: #c63; margin: 0 0 3px 0; }
		.right-box2 p { font: normal 80%/115% arial; color: #777; margin: 0 0 3px 0; }

	.right-box3 { margin: 18px 12px 0px 0; padding: 0px; border: solid 1px #aaa; }
*/
	#text_6_body { margin: 12px 0px 0px 0; padding: 9px; border: solid 1px #aaa; width:160px; }
	#text_6_body h2 { font: 900 80%/115% arial; color: #e84425; margin: 0 0 3px 0; }
	#text_6_body p { font: normal 80%/115% arial; color: #777; margin: 0 0 3px 0; }

	#text_5_body { margin: 18px 0px 0px 0; padding: 9px; border: solid 1px #aaa; width:160px;
		font: normal 80%/115% arial; color: #777;}
	#text_5_body p { font: normal 80%/115% arial; color: #777; margin: 0 0 3px 0; padding:0;}

#footer { width: 950px; text-align: right; margin: 12px auto 0 auto; background: none; }
	#footer a { color: #fff; }
	#footer a:hover { color: red; }
	#footer p { font: normal 70%/100% verdana; display: inline; margin: 0 10px 0 0; color: #fff; }

	#footer li { font: normal 70%/100% verdana; border-right: solid 1px #fff; margin-right: 6px; padding-right: 11px; display: inline; color: #fff; }
	#footer li.ul_link_list_1_link_list_last { margin-right: -11px; padding 0; border: none; }
	#footer ul { margin: 0 0 6px 0; }
	#footer ul.tuck { display: inline; }