/* ====================== Hidden Items ======================== */
.col2, #logo a img, #left_col .ui-tabs-hide, #main .web_assessment, #footer_container, #nav  {display:none !important;}
.page_photo, #header .abs_pos, #logo a, .category_title, .page_title, .category_desc, .addCSHeadline, .resultsNav, .feature_menu_container, .home_page #tabs {display:none;}
/* ====================== Page Formatting ======================== */
* {
	margin:0;
	padding:0;
	color:#000;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

html, body, form {height:100%;}
body, p, a, th, td, li, input, select, textarea {font-size:11px;}

h1, h1 a {
	font-size:20px;
	padding-bottom:8px;}
h2, h2 a {
	font-size:16px;
	padding-bottom:8px;}
h3, h3 a {
	font-size:14px;
	padding-bottom:12px;
	text-transform:uppercase;}
h4, h4 a {
	font-size:12px;
	padding-bottom:10px;}
h5, h5 a {
	color:#000;
	font-size:16px;}
h6, h6 a {font-size:14px;}

ul {
	margin:0 0 0 16px;
	padding-bottom:15px;
	list-style-type:square;}
li {}

p {padding-bottom:20px;}

img {border:0;}

hr {
	clear:both;
	width:100%;
	height:1px;
	margin:10px 0;
	border:0px none;
	background-color:#000;}

.floatLeft {float:left;}
.floatRight {float:right;}

.clear {
	width:100%;
	clear:both;
	height:0px;
	overflow:hidden;}
	
	

/* ====================== Layout & Columns ======================== */
#page_container {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;}

#main {padding-bottom:316px;}
#left_col {width:25%;}
#right_col {width:70%;}

.col1 {
	padding-top:10px;
	border-top:1px solid #000;}

.tab_panel {padding:56px 15px 0 0;}

#bread_crumbs {
	height:35px;
	font-size:10px;
	padding:25px 0 0 4px;
	text-transform:uppercase;}
#bread_crumbs a {
	font-size:10px;
	text-decoration:none;}

/* ====================== Header & Footer ====================== */
#header {
	height:170px;
	position:relative;
	border-bottom:1px solid #000;}
#logo {
	top:8px;
	right:76%;
	position:absolute;}
	
#printLogo {display:block;}

.page_photo p {padding:0;}

#tabs {
	top:350px;
	left:11px;
	width:220px;
	position:absolute;}
#tabs ul {margin:0;}
#tabs li {
	padding:0;
	display:inline;
	list-style-type:none;}
#tabs li a {text-decoration:none;}
#tabs li span {
	float:left;
	color:#fff;
	width:104px;
	height:18px;
	display:block;
	padding:8px 0 5px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#f07d25;}
#tabs li.approach span {
	color:#000;
	width:114px;
	margin-left:1px;
	background-color:#dcceab;}


/* ====================== Category Titles ====================== */
#header .category_title, #header h3.category_desc, #header h2.category_desc, #header .page_title  {display:block;position:absolute;text-transform:uppercase;white-space:nowrap;}
#header .category_title {top:110px;font-size:15px;left:30%;}
#header .category_desc {bottom:0px;font-size:19px;left:29.8%;}
#header .page_title {bottom:0px;font-size:30px;left:30%;}

.category_page #header .category_title {font-size:60px;left:29.5%;top:70px;}
.category_page #header .category_desc {font-size:19px;left:30%;}
.category_page #header .page_title {display:none;}

.blog_page #header .category_title, .blog_page #header .page_title {display:none;}
.blog_page #header .blogTitle .category_title {font-size:60px;left:29.2%;top:70px;display:block;}
.blog_page #header .category_desc {font-size:19px;}

.home_page .category_title, .home_page .page_title, .home_page .category_desc {display:none !important;}

/* ====================== Nav Menu ====================== */
#nav {
	top:170px;
	left:30px;
	width:200px;
	position:absolute;}

#nav ul {
	margin:0;
	list-style:none;}
#nav ul li {
	padding:0;
	display:block;
	background:none;}
#nav li a {
	color:#fff;
	display:block;
	font-size:18px;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;}

.left_nav ul {
	margin:0;
	list-style-type:none;}
.left_nav li {
	display:block;
	padding:0 0 8px;
	text-align:right;
	background:none;}
.left_nav li a {
	display:block;
	line-height:16px;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;}
.left_nav li a span {
	display:block;
	font-size:10px;
	line-height:normal;
	letter-spacing:normal;}

.left_nav ul ul {padding-top:8px;}
.left_nav li li {padding:0;}
.left_nav li li a {
	letter-spacing:normal;
	text-decoration:underline;}

/* ====================== Callouts ====================== */
.feature_menu_container {
	position:relative;
	border:1px solid #fff;}
.feature_menu {
	float:left;
	width:206px;
	padding:0 25px 6px 0;}
.feature_menu h3 {
	font-size:28px;
	_font-size:26px;
	font-weight:bold;
	padding-bottom:0;}
.feature_menu p {padding-bottom:10px;}

/* ====================== Blog ======================== */
.tab_panel h3 {font-size:13px;}
.tab_panel h3 {font-size:12px;}
.tab_panel h4 {
	font-size:14px;
	letter-spacing:2px;
	text-transform:uppercase;}
.tab_panel h5 {
	font-size:11px;
	padding-bottom:6px;
	letter-spacing:2px;
	text-transform:uppercase;}

.tab_panel p, .tab_panel p a, .tab_panel ul, .tab_panel li, .tab_panel li a {font-size:10px;}

.blog_categories {
	margin:0;
	list-style-type:none;
	border-top:1px dashed #000;}
.blog_categories li {
	padding:2px 0 4px 12px;
	border-bottom:1px dashed #000;}

/* ====================== Form Styling ======================== */
.formContainer table table {margin:0;}

.formContainer h2, h2.formSection {padding: 15px 0 0 0;}
.formContainer td {
	width: auto;
	padding: 2px 10px 2px 0;}

.formContainer textarea {
	width: 240px;
	height: 140px;}

.formContainer .radio_btn td, .checkbox label {padding-left: 12px;}

input.hidden {display: none;}
.small {width: 100px;}
.med {width: 170px;}
.large {width: 240px;}

.required {color: #ff0000;}

/* ====================== Template Overrides ======================== */
.no_margin {margin:0;}
.no_padding {padding:0;}
.no_border {border:none;}

.home_page .left_nav {
	border:none;
	background-position:0 0;}

.home_page #right_col {padding-top:50px;}




.blog_page #left_col {width:90%;}
.blog_page #right_col {display:none;}



h2.blog_post_title {
	padding-bottom:2px;
	text-transform:uppercase;}
h2.blog_post_title a {
	font-size:11px;
	text-decoration:none;}
h2.blog_post_title a:hover {text-decoration:underline;}
.blog_post_desc p, .blog_post_desc li, .blog_post_desc p a {font-size:10px;}
.blog_post_desc p {padding-bottom:6px;}

.blog_post_date {
	float:left;
	padding-right:4px;}
.blog_post_date .day {
	display:block;
	font-size:20px;
	line-height:18px;
	text-align:center;
	font-weight:normal;}
.tags, .tags a {
	color:#9d8a5a;
	font-size:10px;
	text-transform:uppercase;}
.tags {
	float:left;
	width:152px;
	min-height:27px;
	_height:27px;
	padding:3px 0 2px 4px;
	border-left:1px solid #9d8a5a;}
.tags .tag_title {display:block;}

.post_by, .comments {
	clear:both;
	color:#9d8a5a;
	display:block;
	font-size:10px;
	padding:12px 0 16px;
	text-transform:uppercase;}