@charset "utf-8";

/* ------------------------------------------ 
 * HTML Resets / Base Styles
 * ------------------------------------------ */

body     {margin:0;	font-family:Arial, Helvetica, sans-serif; font-size:81.3%;color:#fff;}
body.homepage {background:#340E19 url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_homepage.jpg) center top no-repeat;}
body.subpage {background:#340E19 url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_subpage.jpg) center top no-repeat;}
img      {border:0;}
p        {margin:7px 0 7px 0; line-height:1.5em;}
th       {text-align:left;}
fieldset {border:none;}
a:link, 
a:visited, 
a:hover, 
a:active {
	text-decoration:none;
	color: #1898c9;
}  


/* ------------------------------------------ 
 * Layout 
 * ------------------------------------------ */

#page {
	margin:0 auto;
	width:1050px;
}
.subpage #body {
	margin:0 auto;
	padding:0 0 60px 0;
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_subpage_body.png) no-repeat center 0;
}
.subpage #body_bottom {
	height:10px;
	background:transparent url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_subpage_body_bottom.png) no-repeat center 0;
}
.subpage #page {
	width:953px;
}
#header {
	position:relative;
	height:132px;
	
}
#logo {
	position:absolute;
	top:66px;
	left:128px;
}
.subpage #logo {
	left:37px;
}


#home_top {
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_homepage_top.png) no-repeat right top;
	height:243px;
	padding:15px 27px 9px 455px;
	margin-bottom:33px;
}
#flash_intro {
	position:absolute;
	top:180px;
	z-index:-1;
}
.services {
	float:left;
	margin-left:16px;
}
.feature {
	position:relative;	
}
#home_top .services:first-child {
	margin-left:0;
}
.homepage #left_col {
	margin:0 22px 0 418px;
}
.homepage #right_col, .homepage #left_col {
	float:left;
	width:255px;
	padding:0 25px;
	min-height:286px;
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_homepage_feature.png) no-repeat;
}
.subpage #left_col {
	float:left;
	width:193px;
	padding-left:65px;
	padding-top:20px;
}
#left_col #left_image {
	padding-top:180px;
}
.subpage #right_col {
	float:right;
	width:576px;
	padding:20px 65px 0 54px;
}

#footer {
	padding:24px 0 50px 0;
}
.copyright {
	float:right;
}
.hr {
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_separator.png) no-repeat center 0;
	height:1px;
	margin:0;
}
.clr {
	clear:both;
}


/* ------------------------------------------ 
 * Menus 
 * ------------------------------------------ */
.nav {
	margin-left:0;
	padding-left:0;
}
#header .nav {
	position:absolute;
	left:420px;
	top:85px;
	padding:0;
	margin:0;
}
.subpage #header .nav {
	left:320px;
}
.subpage #left_col .nav, 
.subpage #left_col .nav ul {
	list-style-type:none;
	padding-left:0;
}
.subpage #left_col .nav ul {
	margin-bottom:15px;
}
.subpage #left_col .nav li {
	margin:6px 0 6px 0;
}
.subpage #left_col .nav ul li {
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/blt_blue_diamond.png) no-repeat 0 3px;
	padding-left:12px;
}
.subpage #left_col .nav a {
	color:white;
}
#header .nav li {
	display:inline;
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_menu_li.png) left top no-repeat;
	padding:24px 13px;
}
#charities li {
	float:left;
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_menu_li.png) left top no-repeat;
	padding:0 13px;
	list-style-type:none;
}
#charities > li:first-child {
	background:none
}

#footer .nav {
	float:left;
	padding:0;
	margin:0 0 0 305px;
}
#footer .nav li {
	display:inline;
	padding:24px 7px;
}


/* ------------------------------------------ 
 * Links
 * ------------------------------------------ */
.blue_button {
	position:absolute;
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_blue_button.png) no-repeat right top;
	padding:2px 14px 6px 0;
	color:white;
	bottom:10px;
	right:25px;
}
.blue_button span {
	background:url(http://www.visionarysteps.com/themes/visionarysteps/images/bg_blue_button.png) no-repeat;
	padding:2px 0 6px 14px;
	color:#FFF;
}

/* ------------------------------------------ 
 * Lists 
 * ------------------------------------------ */
#social_bookmarks {
	position:absolute;
	right:0;
	top:24px;
	height:23px;
}
#social_bookmarks {
	padding-left:0;
	margin:0;
}
#social_bookmarks li {
	display:inline;
	margin-right:9px;
}
#social_bookmarks li:first-child {
	position:absolute;
	right:110%;
	top:5px;
	width:4.5em;
}


/* ------------------------------------------
 * Forms
 * ------------------------------------------ */
 
form {
	background:#fff;
	padding:1em;
	border:1px solid #eee;
}
.registration_form {
	color:#000;
}
.registration_form .formBlockSubmitButton {
	float:right;margin:25px;
}
.contact, .employment {
	margin-top:25px;
}
fieldset div {
	margin:0.3em 0;
	clear:both;
}
form {
	margin:1em;
	
}
label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}
legend {
	color:#0b77b7;
	font-size:1.2em;
}
legend span {
	width:10em;
	text-align:right;
}
input, .radio input[type="text"] {
	padding:0.15em;
	width:10em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
fieldset {
	border:1px solid #ddd;
	padding:1em;
}
.columns input {
	background-image:url(http://www.visionarysteps.com/themes/visionarysteps/../gfx/calendar-small.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}

.columns fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}
.columns fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}
.radio, .columns {
	position:relative;
}
.radio fieldset, .columns fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
}
fieldset.multidance {
	padding-left:9em;
}
fieldset.multidance legend span {
	width:8em;
}
fieldset.multidance div input[type="checkbox"],
fieldset.multidance div input[type="radio"] {
	margin-right:0;
}
fieldset.multidance label {
	margin-right:0.5em;
}
.radio legend, .columns legend {
	font-size:1em;
	color:#000;
}
.radio legend span, .columns legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}
.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}
.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}

#submit-go {
	margin-top:1em;
	width:69px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(http://www.visionarysteps.com/themes/visionarysteps/../gfx/submit-button.gif) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
#submit-go:hover {
	background-position:0 -26px;
}


/* ------------------------------------------ 
 * Typography 

 * Taken from http://www.pxtoem.com.
 * Use this chart for font sizes:

 * 6px 	    0.462em 	46.2% 	5pt
 * 7px 	    0.538em     53.8% 	5pt
 * 8px 	    0.615em     61.5% 	6pt
 * 9px 	    0.692em     69.2% 	7pt
 * 10px 	0.769em 	76.9% 	8pt
 * 11px 	0.846em 	84.6% 	8pt
 * 12px 	0.923em 	92.3% 	9pt
 * 13px 	1em 	    100% 	10pt
 * 14px 	1.077em 	107.7% 	11pt
 * 15px 	1.154em 	115.4% 	11pt
 * 16px 	1.231em 	123.1% 	12pt
 * 17px 	1.308em 	130.8% 	13pt
 * 18px 	1.385em 	138.5% 	14pt
 * 19px 	1.462em 	146.2% 	14pt
 * 20px 	1.538em 	153.8% 	15pt
 * 21px 	1.615em 	161.5% 	16pt
 * 22px 	1.692em 	169.2% 	17pt
 * 23px 	1.769em 	176.9% 	17pt
 * 24px 	1.846em 	184.6% 	18pt
 * ------------------------------------------ */
 
#header .nav li a {
	font-size:1.154em;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
}
#header .nav li a:hover,
#left_col .nav li a:hover {
	color: #0bace0;
}
#header .nav li a.nav-selected,
#header .nav li a.nav-path-selected,
#left_col .nav li a.nav-selected,
#left_col .nav li a.nav-path-selected {
	color: #0bace0;
}

 
h2 {
	font-size:medium;
	font-weight:normal;
	margin:7px 0 14px 0;
}
	
	
h1#pageheading {
	margin:0;
	text-align:right;
}
.services h1 {
	font-size:1.385em;
	font-weight:normal;
	color:#0aace1;
	margin:0 0 12px 0;
	text-align:center;
	min-height:44px;
}
.feature h1, .feature h2 {
	font-size:1.385em;
	font-weight:normal;
	margin:22px 0 30px 0;
}
.feature h3 {
	font-size:1.385em;
	font-weight:normal;
	margin:0 0 7px 0;
}
.feature p {
	margin-top:0;
}
.feature h4 {
	margin:0 0 13px 0;
	color:#0aace1;
	font-weight:normal;
}
#footer .nav li a, .copyright {
	font-size:0.846em;
	color:white;
}
#right_col p.hdr {
	font-size:1.154em;
	font-weight:bold;
	color:#0BACE0;
	word-spacing: 1.2em;
}