@CHARSET "ISO-8859-1";

/* Reset Browser Defaults */
@import url( '/magazine/wp-content/themes/SCNZ/library/media/css/reset.css' );
/* Apply base theme styles and colors */
@import url( '/magazine/wp-content/themes/SCNZ/library/media/css/base.css' );
/* superfish */
@import url( '/magazine/wp-content/themes/SCNZ/library/media/css/superfish.css' ); 
/* Stylistic CSS Styles */
@import url( '/magazine/wp-content/themes/SCNZ/library/media/css/screen.css' );

/***** generic *****/
body {
	background: #40505A url('/img/body-bg.jpg') repeat-x 0px 6px;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	border-bottom:1px solid #CCCCCC;
	color:#40505A;
	margin-bottom: 10px;
	font-size: 24px;
}
h3.job-listing {
	padding-bottom: 0;
	line-height: 1em;
}

ol {
margin-left: 30px;
}

p.list-intro {
	margin-bottom: 0;
}

p.job-date {
	color:#999999;
	margin-bottom: 0;
}

p.advisor-contents {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding:2px 5px;
}

img.advisor {
	border:1px solid #CCCCCC;
	float:left;
	margin-right:10px;
	padding:10px;
}

input,
textarea,
button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

form div {
	margin:5px;
	padding:0;
	clear: left;
}
form label {
	display: block;
	float: left;
	text-align: right;
	margin-right: 5px;
	background: url('img/blue-stripes.png');
	padding: 1px 5px;
	width: 11em;
}

form label.wide {
	width: 250px;
	margin-bottom: 5px;
}

form input {
	margin-right: 0.9em;
}
form input.button {

}

form input.check {
	display:block;
	float:left;
	margin-left:10em;
	margin-right:0;
	margin-top:0.1em;
}

form label.check {
	background:transparent none repeat scroll 0 0;
	margin-left:0.5em;
	text-align:left;
	width:35em;
}

form legend.leg {
background: #666;
color: #fff;
padding: 2px 10px;
margin-bottom: 5px;
}

ul.generic {
	margin-left: 20px;
}

ul.no-bullet {
	list-style-type: none;
}

dl.generic {
	margin-left: 0;
}

dl.generic dd {
	margin-bottom: 0;
	padding-left: 10px;
}

dl#faq dt {
	cursor: pointer;
	margin-top: 10px;
}

dl#faq dd {
	border:1px solid #CCCCCC;
	margin:5px 10px;
	padding:5px 10px;
}

table.generic {
	border: none;
}
table.small-font {
	font-size: 11px;
}
table.generic th {
	font-family:Georgia;
	font-style:italic;
	font-weight:bold;
	border:1px solid #EEEEEE;
	padding:0.2em 0.5em;
	text-align:left;
	background: #eee;
}

table.generic td {
	border:1px solid #EEEEEE;
	padding:0.2em 0.5em;
	text-align:left
}

table.generic td.tTitle {
	background: #eee;
	width: 150px;
}

table.generic td.tWide {
	width: 300px;
}

table.generic td.advisor-intro {
	border: none;
	padding-bottom: 30px;
}

.right {
	float: right;
}

.left {
	float: left;
	margin-right: 10px;
}

/***** layout *****/
#wrap { 
	width: 940px; 
	margin: 0 auto; 
	padding: 10px; 
	clear: both; 
	background: #fff url('/img/container-bg.jpg') repeat-x;
}

#header {
	background: #fff url('/img/header-bg.png') repeat-x;
	border-top: 5px solid #3f5059;
	height: 104px;
}

#header #hcont {
	width: 960px;
	margin: 0 auto;
}

#header #logo {
	padding-top: 12px;
}

#header form {
	float: right;
	padding-top: 38px;
}

#header .button {
	width: 50px;
	font-size: 13px;
}
#header input {
	width: 100px;
}

#primary {
	float: left;
	width: 670px;
	padding: 0 10px;
}

#secondary {
	float: right;
	width: 249px;
}

/***** side bar blocks *****/
.widget {
	background-color: #fafafa;
	margin-bottom: 7px;
}

.widget h3 {
	border-bottom: 1px dotted #ccc;
	background: #fafafa url('/img/widget-top.png') repeat-x;
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
}

.widget p {
	line-height: 1.2em;
	background: #fafafa url('/img/widget-bottom.png') repeat-x bottom;
	padding: 15px;
	margin-bottom: 0px;
}

.widget ul {
	list-style-type: none;
	line-height: 1em;
	margin-right: 15px;
	margin-top: 5px;
}

.widget ul li {
	border-bottom: 1px dotted #ccc;
	padding: 3px 0;
}

/***** footer *****/
.footer { 
	clear: both; 
	color: #ccc;
	width: 960px;
	margin: auto; 
}

.footer-col {
	width: 208px;
	float: left;
	margin: 10px 5px;
	background-color: #3d4d57;
	border: 1px solid #42525c;
	padding: 5px 10px;
}

.footer-col h3 {
	font-size: 13px;
	padding-bottom: 0;
	color: #fff;
	font-size: 11px;
	font-variant:small-caps;
}

.footer-col ul {
	list-style-type: none;
	font-size: 11px;
	margin-bottom: 10px;
}

.footer-col li a {
color: #ccc;
}

/***** main menu *****/
.sf-menu {
	float: none;
	width: 960px;
	margin: 0 auto;
}

.sf-menu a {
	color: #000;
	font-weight: bold;
	letter-spacing: -0.15px;
	font-size: 11px;
}

.sf-menu a.root {
	text-shadow: #fff 0px 1px;
}

.sf-menu a.has-submenu, 
.sf-menu a.has-submenu:hover {
	background: url('/img/arrow.png') no-repeat right;
}

.sf-menu a.has-submenu:hover {
	background: #babcbe url('/img/arrow.png') no-repeat right;
}

.page-menu {
	background: #d6d8da url('/img/menu-bg.jpg') repeat-x;
	height: 36px;
}

.page-nav {
	border:1px solid #EEEEEE;
	color:#999999;
	margin-top:10px;
	padding:2px;
}
.page-nav a {
	padding: 0 3px;
}

/***** staff bio styling *****/
.personnel {
	clear: both;
	height: 175px;
	margin-bottom: 10px;
}

.personnel img {
	float: left;
	margin-right: 10px;
}

.staff-bio {
	border: 1px solid #ccc;
	padding: 5px;
	width: 310px;
	float: left;
	margin-right: 10px;
}

.bio {
	float: left;
}

.bio h3, 
.bio h4 {
	padding: 0;
}

.bio h4 {
	font-weight: bold;
}

.bio .qual {
	color: #999;
	font-size: 11px;
}

/***** logged in members menus *****/
h3.submenu-members {
	margin-top: -20px;
	margin-bottom: 20px;
}

ul#menu-members {
	background-color: #333;
	height: 2em;
	margin: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

ul#menu-members li {
	float: left;
}

ul#menu-members a {
	display: block;
	padding: 0.25em 1em;
	border-right: 1px solid #fff;
	color: #fff;
}

ul#menu-members a:hover {
	background-color: #666;
}

/***** housing *****/
div.project-1, div.project-2, div.project-3, div.project-4 {
	padding-left: 160px;
	height: 130px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 10px;
}
div.project-1 { background: url('img/conv_roof_plain.png') no-repeat; }
div.project-2 {	background: url('img/conv_roof_floor_plain.png') no-repeat; }
div.project-3 {	background: url('img/conv_roof_floord_plain.png') no-repeat; }
div.project-4 {	background: url('img/s_span_plain.png') no-repeat; }

#leftCol {
	border:1px solid;
	float:left;
	margin-right:10px;
	padding:10px;
	width:310px;
}
#rightCol {
	float:left;
	width:590px;
}
ul.error {
	color:#FF0000;
}

h3.project {
	border-bottom:1px solid #CCCCCC;
	color:#000000;
	font-weight:bold;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
}

#leftCol h4 {
	clear: none;
	padding-top: 0;
}

table.beam {
	background-color:#EEEEEE;
	border:1px solid #999999;
	margin:5px 0;
	padding:5px;
	width:100%;
	font-size: 11px;
}
table.beam th {
	background-color:#FFFFFF;
	border-bottom:1px solid #999999;
	padding:0 5px;
	text-align:center;
}
table.beam td {
	padding:0 5px;
	text-align:center;
}


form#estimating-menu {
	background-color:#333333;
	float:right;
	padding-top: 1px;
}

form#estimating-menu label {
	background-image:none;
	color:#FFFFFF;
	padding-top: 2px;
}
table#rate_table td.cattitle, 
table#rate_table td.sectitle, 
table#rate_table td.masstitle, 
table#rate_table td.conntitle, 
table#rate_table td.stiffener {
	background-color:#004080;
	color:#FFFFFF;
	font-family:georgia;
	text-align:center;
}
table#rate_table td.esttitle, 
table#rate_table td.exstocktitle, 
table#rate_table td.indenttitle, 
table#rate_table td.rates1, 
table#rate_table td.rates2, 
table#rate_table td.rates3, 
table#rate_table td.rates4 {
	background-color:#800000;
	color:#FFFFFF;
	font-family:georgia;
	text-align:center;
}
.product h2, h2.product {
	font-size: 13px;
	background-color: #333;
	background-image: none;
	color: #fff;
	padding: 0.1em 0.1em 0.1em 0.5em;
	margin-bottom: 0.5em;
}
.product img {
	float: right;
	margin: 0 0.5em 1em 0.5em;
}
.product p.right {
	float: right;
	width: 80px;
	font-size: 9px;
	color: #666;
	padding-top: 0.5em;
	padding-left: 0.5em;
}
.product p {
	margin-bottom: 0.5em;
}
.product {
	clear: right;
}
.product table {
background-color:#EEEEEE;
border:1px solid #999999;
color:#990000;
margin:0.5em 0;
padding:1em;
}

.product table th {
background-color:#FFFFFF;
border-bottom:1px solid #999999;
font-weight:bold;
padding:0 0.5em;
text-align:center;
}
.product table td {
padding:0 0.5em;
text-align:center
}

table.product-list {
background-color:#EEEEEE;
border:1px solid #999999;
margin:0.5em 0;
padding:1em;
text-align:center;
width:100%;
font-size: 11px;
}
table.product-list th {
background-color:#FFFFFF;
border-bottom:1px solid #999999;
padding:0 0.5em;
text-align:center;
}
table.product-list td {
text-align: center;
padding: 0;
line-height: 1.3em;
}