/* CSS Document */
/* Developed by GreyMatter - The Website People for Titanium Information Group */
/* July 2009 */

html {
	height:100%;
}
body {
	height:100%;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	background:url(../images/bg-gradient.jpg) repeat-x top left;
	/*padding-bottom:25px;*/
}

#page {
	width: 900px;
	margin:0 auto; 
	text-align:center; 
	/*background-image:url(../images/bg-gradient.gif);
	background-repeat:repeat-y;*/
	position: relative; 
	min-height: 100%;
	padding-left:10px; padding-right:10px;
	background-color:#ffffff;
}

* html #page { height: 100%; background-color:#FFFFFF}

#pagecontent-outer {
	width:900px;
	margin-top:0px;
	text-align:left;
	min-height:100%;
	background-color:#ffffff;
}

* html #pagecontent-outer { min-height: 100%;}

#left-col {padding-top:20px; padding-left:15px; float:left; width:200px}
#left-col #logo {}
#left-col #left-nav {font-family:Georgia, Times New Roman, Times, serif; margin-top:25px; margin-left:-3px}
#left-col #left-nav ul {margin:0px 0px 0px 0px; padding-left:0px; list-style-type:none}
#left-col #left-nav li {font-size:11px; font-weight:normal; color:#646467; padding-top:2px; padding-bottom:2px}
#left-col #left-nav li li {font-size:11px; font-weight:normal; color:#646467; padding-top:2px; padding-bottom:2px; padding-left:15px}
#left-col #left-nav a {padding-top:3px; padding-bottom:3px; padding-left:3px; padding-right:3px}
#left-col #left-nav a:link {color:#646467; text-decoration:none}
#left-col #left-nav a:active {color:#646467; text-decoration:none}
#left-col #left-nav a:visited {color:#646467; text-decoration:none}
#left-col #left-nav a:hover {background-color:#ea6600; color:#ffffff; text-decoration:none}
#left-col #left-nav a.current {}

#left-col #upcoming-events {font-family:Georgia, Times New Roman, Times, serif; margin-top:55px}
#left-col #upcoming-events h2 {color:#ea6600; font-size:12px; font-weight:normal}
#left-col #upcoming-events p {color:#3091de; font-size:10px}
#left-col #upcoming-events a:link {color:#3091de; text-decoration:none}
#left-col #upcoming-events a:active {color:#3091de; text-decoration:none}
#left-col #upcoming-events a:visited {color:#3091de; text-decoration:none}
#left-col #upcoming-events a:hover {color:#3091de; text-decoration:underline}

#right-col {padding-top:20px; padding-right:15px; float:right; width:656px}
#right-col #header {height:97px; padding-top:195px; padding-left:30px; padding-right:30px; font-family:Georgia, Times New Roman, Times, serif; color:#ffffff; font-weight:normal; font-size:16px; line-height:24px; margin-bottom:35px}
#right-col #header.home {background:url(../images/headers/1.jpg) top left no-repeat;}

#right-col #page-body {font-family:Verdana, Arial, Helvetica, sans-serif}
#right-col #page-body h1 {font-family:Georgia, Times New Roman, Times, serif; color:#ea6600; font-size:16px; font-weight:normal}
#right-col #page-body h2 {font-family:Georgia, Times New Roman, Times, serif; color:#3091de; font-size:14px; font-weight:normal}
#right-col #page-body h3 {font-family:Georgia, Times New Roman, Times, serif; color:#9fa3a7; font-size:12px; font-weight:normal}
#right-col #page-body p {font-size:11px; color:#646467; line-height:18px}
#right-col #page-body li {font-size:11px; color:#646467; line-height:18px; list-style-image:url(../images/bullet.gif)}
#right-col #page-body td {font-size:11px; color:#646467; line-height:18px}
#right-col #page-body p a:link {color:#ea6600; text-decoration:none}
#right-col #page-body p a:visited {color:#ea6600; text-decoration:none}
#right-col #page-body p a:active {color:#ea6600; text-decoration:none}
#right-col #page-body p a:hover {color:#ea6600; text-decoration:underline}

#page-body #boxes-home {height:240px; margin-top:30px; margin-bottom:40px}
#page-body #boxes-find-supplier {margin-top:30px; clear:both}


#page-body #latest-news-home {height:100%; background-color:#e0e0e1; width:153px; padding:15px 15px 15px 15px; margin-right:5px; float:left}
#page-body #latest-news-home h2 {color:#ea6600; margin-bottom:9px}
#page-body #latest-news-home ul {margin:0px 0px 0px 0px; padding-left:0px; list-style-type:none}
#page-body #latest-news-home li {font-family:Georgia, Times New Roman, Times, serif; font-size:10px; font-weight:normal; color:#3091de; padding-top:3px; padding-bottom:3px; list-style-image:none}
#page-body #latest-news-home li a:link {color:#3091de; text-decoration:none}
#page-body #latest-news-home li a:active {color:#3091de; text-decoration:none}
#page-body #latest-news-home li a:visited {color:#3091de; text-decoration:none}
#page-body #latest-news-home li a:hover {color:#3091de; text-decoration:underline}

#page-body #member-search-home {height:100%; background-color:#efeff0; width:240px; padding:15px 15px 15px 15px; margin-left:5px; margin-right:5px; float:left}
#page-body #member-search-home form {margin:0px 0px 4px 0px; padding:0px 0px 0px 0px;}
#page-body #member-search-home h2 {color:#ea6600; margin-bottom:9px}
#page-body #member-search-home .text-box-supplier-home {font-size:10px; color:#3091de; font-family:Verdana, Arial, Helvetica, sans-serif; width:180px}
#page-body #member-search-home .form-button {font-size:10px; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#3091de; border:none; padding:2px 3px 2px 3px}
#page-body #member-search-home p {font-family:Georgia, Times New Roman, Times, serif; font-size:10px; color:#3091de; margin-top:0px}
#page-body #member-search-home a:link {color:#646467; text-decoration:none}
#page-body #member-search-home a:active {color:#646467; text-decoration:none}
#page-body #member-search-home a:visited {color:#646467; text-decoration:none}
#page-body #member-search-home a:hover {color:#646467; text-decoration:underline}

#page-body #jobs-home {height:100%; background-color:#efeff0; width:152px; padding:15px 15px 15px 15px; margin-left:5px; float:left}
#page-body #jobs-home h2 {color:#ea6600; margin-bottom:9px}
#page-body #jobs-home ul {margin:0px 0px 0px 0px; padding-left:0px; list-style-type:none}
#page-body #jobs-home li {font-family:Georgia, Times New Roman, Times, serif; font-size:10px; font-weight:normal; color:#646467; padding-top:0px; padding-bottom:2px; list-style-image:none}
#page-body #jobs-home li a:link {color:#646467; text-decoration:none}
#page-body #jobs-home li a:active {color:#646467; text-decoration:none}
#page-body #jobs-home li a:visited {color:#646467; text-decoration:none}
#page-body #jobs-home li a:hover {color:#646467; text-decoration:underline}

#page-body #boxes-find-supplier #find-supplier-company {height:175px; background-color:#efeff0; width:240px; padding:15px 15px 15px 15px; margin-left:0px; margin-right:5px; float:left}
#page-body #boxes-find-supplier #find-supplier-company form {margin:0px 0px 4px 0px; padding:0px 0px 0px 0px;}
#page-body #boxes-find-supplier #find-supplier-company .text-box {font-size:10px; color:#3091de; font-family:Verdana, Arial, Helvetica, sans-serif; width:180px}
#page-body #boxes-find-supplier #find-supplier-company .form-button {font-size:10px; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#3091de; border:none; padding:2px 3px 2px 3px}
#page-body #boxes-find-supplier #find-supplier-company p {font-family:Georgia, Times New Roman, Times, serif; font-size:10px; color:#3091de}
#page-body #boxes-find-supplier #find-supplier-company a:link {color:#646467; text-decoration:none}
#page-body #boxes-find-supplier #find-supplier-company a:active {color:#646467; text-decoration:none}
#page-body #boxes-find-supplier #find-supplier-company a:visited {color:#646467; text-decoration:none}
#page-body #boxes-find-supplier #find-supplier-company a:hover {color:#646467; text-decoration:underline}

#page-body #boxes-find-supplier #find-supplier-products {height:175px; background-color:#efeff0; width:240px; padding:15px 15px 15px 15px; margin-left:5px; margin-right:5px; float:left}
#page-body #boxes-find-supplier #find-supplier-products form {margin:0px 0px 4px 0px; padding:0px 0px 0px 0px;}
#page-body #boxes-find-supplier #find-supplier-products .text-box {font-size:10px; color:#3091de; font-family:Verdana, Arial, Helvetica, sans-serif}
#page-body #boxes-find-supplier #find-supplier-products .form-button {font-size:10px; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#3091de; border:none; padding:2px 3px 2px 3px}
#page-body #boxes-find-supplier #find-supplier-products p {font-family:Georgia, Times New Roman, Times, serif; font-size:10px; color:#3091de}
#page-body #boxes-find-supplier #find-supplier-products a:link {color:#646467; text-decoration:none}
#page-body #boxes-find-supplier #find-supplier-products a:active {color:#646467; text-decoration:none}
#page-body #boxes-find-supplier #find-supplier-products a:visited {color:#646467; text-decoration:none}
#page-body #boxes-find-supplier #find-supplier-products a:hover {color:#646467; text-decoration:underline}

#page-body #boxes-members-area h2 {padding:0px 0px 0px; margin:0px 0px 0px 0px}
#page-body #boxes-members-area h2 a:link {color:#ea6600; text-decoration:none}
#page-body #boxes-members-area h2 a:visited {color:#ea6600; text-decoration:none}
#page-body #boxes-members-area h2 a:active {color:#ea6600; text-decoration:none}
#page-body #boxes-members-area h2 a:hover {color:#ea6600; text-decoration:underline}
#page-body #boxes-members-area #login-status {background-color:#efeff0; width:290px; height:80px; float:left; padding:10px 15px 10px 15px; margin-right:5px}
#page-body #boxes-members-area #update-profile {background-color:#efeff0; width:290px; height:80px; float:right; padding:10px 15px 10px 15px; margin-left:5px}
#page-body #view-archive {background-color:#efeff0; width:290px; float:left; padding:10px 15px 10px 15px; margin-left:5px}

#page-body #events-calendar-search {float:left; margin-bottom:10px; margin-right:10px; background-color:#efeff0; padding:15px 15px 5px 15px; width:440px; height:150px}
#page-body #events-calendar-search h2 {margin-bottom:2px}
#page-body #events-calendar-search form {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#page-body #events-calendar-search .text-box {font-size:10px; color:#3091de; font-family:Verdana, Arial, Helvetica, sans-serif}
#page-body #events-calendar-search .form-button {font-size:10px; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#3091de; border:none; padding:2px 3px 2px 3px}

#page-body #events-calendar-key {float:left; margin-bottom:10px; background-color:#efeff0; padding:15px 15px 5px 15px; width:146px; height:150px}

#page-body table.member-list td {border-top: 1px solid #ceced3; padding-left:0px; padding-right:5px; padding-top:10px; padding-bottom:10px; font-family:Georgia, Times New Roman, Times, serif; font-size:12px; color:#3091de}
#page-body table.member-list td tr td {border: none; padding-left:0px; padding-right:3px; padding-top:4px; padding-bottom:4px;}
#page-body table.member-list td a:link {color:#ea6600; text-decoration:none}
#page-body table.member-list td a:active {color:#ea6600; text-decoration:none}
#page-body table.member-list td a:visited {color:#ea6600; text-decoration:none}
#page-body table.member-list td a:hover {color:#ea6600; text-decoration:underline}
#page-body table.member-list td ul {padding-left:15px; margin-left:0px}
#page-body table.member-list td li {}

#page-body table.job-list td {border-top: 1px solid #ceced3; padding-left:0px; padding-right:5px; padding-top:10px; padding-bottom:10px; font-family:Georgia, Times New Roman, Times, serif; font-size:12px; color:#3091de}
#page-body table.job-list td.header {border-top: none; padding-left:0px; padding-right:5px; padding-top:10px; padding-bottom:10px; font-family:Georgia, Times New Roman, Times, serif; font-weight:bold; font-size:12px; color:#1c80cb}
#page-body table.job-list td a:link {color:#ea6600; text-decoration:none}
#page-body table.job-list td a:active {color:#ea6600; text-decoration:none}
#page-body table.job-list td a:visited {color:#ea6600; text-decoration:none}
#page-body table.job-list td a:hover {color:#ea6600; text-decoration:underline}

#page-body table.member-login {border:1px solid #ceced3}
#page-body table.member-login td {padding:4px 4px 4px 4px}

#page-body #tech-data-left {float:left; width:406px}
#page-body #tech-data-right {float:right; width:210px; margin-right:10px}

#page-body #member-data-left {float:left; width:350px}
#page-body #member-data-right {float:left; width:290px;}

#page-body  table.doc-list td {font-family:Georgia, Times New Roman, Times, serif; font-size:11px; color: #1c80cb; padding-left:0px; padding-right:3px; padding-top:2px; padding-bottom:2px;}
#page-body table.doc-list td a:link {color:#ea6600; text-decoration:none}
#page-body table.doc-list td a:active {color:#ea6600; text-decoration:none}
#page-body table.doc-list td a:visited {color:#ea6600; text-decoration:none}
#page-body table.doc-list td a:hover {color:#ea6600; text-decoration:underline}
#page-body table.doc-list td p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#1c80cb; margin-top:0px; padding-top:0px}

#page-body #tech-data-right h3 {font-size:12px; font-family:Georgia, Times New Roman, Times, serif; color:#ea6600}
#page-body #tech-data-right p {font-size:10px; font-weight:normal; font-family:Georgia, Times New Roman, Times, serif; color:#87878d}
#page-body #tech-data-right p a:link {color:#87878d; text-decoration:none}
#page-body #tech-data-right p a:visited {color:#87878d; text-decoration:none}
#page-body #tech-data-right p a:active {color:#87878d; text-decoration:none}
#page-body #tech-data-right p a:hover {color:#87878d; text-decoration:underline}

#page-body #member-data-right h3 {font-size:12px; font-family:Georgia, Times New Roman, Times, serif; color:#ea6600}
#page-body #member-data-right p {font-size:10px; font-weight:normal; font-family:Georgia, Times New Roman, Times, serif; color:#87878d}
#page-body #member-data-right p a:link {color:#87878d; text-decoration:none}
#page-body #member-data-right p a:visited {color:#87878d; text-decoration:none}
#page-body #member-data-right p a:active {color:#87878d; text-decoration:none}
#page-body #member-data-right p a:hover {color:#87878d; text-decoration:underline}

#page-body #error p, #page-body #error ul li {color:#c62d2d}

#page-footer {font-family:Verdana, Arial, Helvetica, sans-serif; color:#9e9ea3; padding-left:15px; padding-right:15px; margin-top:15px;}
#page-footer p {padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; font-size:9px; }
#page-footer a:link {color:#9e9ea3; text-decoration:none}
#page-footer a:active {color:#9e9ea3; text-decoration:none}
#page-footer a:visited {color:#9e9ea3; text-decoration:none}
#page-footer a:hover {color:#9e9ea3; text-decoration:underline}
#page-footer #footer-left {float:left; width:460px;}
#page-footer #footer-right {float:right; width:380px; padding-top:64px; text-align:right}

.textbox-supplier-home {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:3px 3px 3px 3px; color:#646467; border:1px solid #b8b8bc; background-color:#fff7f0; width:130px}
.textbox {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:3px 3px 3px 3px; color:#646467; border:1px solid #b8b8bc; background-color:#fff7f0}
.formbutton {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#ea6600; color:#000000; padding:5px 5px 5px 5px; border:none}
.blue {color:#1c80cb}
.red {color:#bc2c30}
.orange {color:#ea6600}
.green {color:#2a8c1f}
hr {border:none; color:#96c3e5; height:1px; margin-top:6px; margin-bottom:6px}