/* SuccessTechnologiesInc CSS Stylesheet */
/* General Settings */
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	font-size:12px; /* Standard font size */
	font-family:Arial, Helvetica, sans-serif; /* Site font family */
	background-color:#D6F0FE; /* Background color light blue */
}

/* Text Colors */
a, h1, h2, h3, #textMenu ul {
	color:#742995; /* Dark Purple */
	}
#promo a, #promo p, #navInner a, #navInner ul {
	color:#FFFFFF; /* White */
	}
#promo h1 a {
	color:#742995; /* Dark Purple */
	}
#promo h1 a:hover, #sidebar h1 a:hover {
	color:#FFFFFF; /* White */
	}
p, ul, ol, #promo a:hover {
	color:#000000; /* Black */
	}	
a:hover {
	color:#69A7AC; /* Teal */
	}
#navInner a:hover {
	color:#E1A9E1; /* Light Purple */
	}
		
/* Font Sizes */
p, a, ul, li, ol {
	font-size:12px;
 	}
h1 {
	font-size:18px; 
	}
h1 a {
	font-size:18px;
	}
h2 {
	font-size:16px;
	}
h3 {
	font-size:14px;
	}
#navInner ul a {
	font-size:15px;
	}
#promo h1 {
	font-size:22px;
	}
#promo h1 a {
	font-size:22px;
	}
#textMenu a {
	font-size:14px;
	}
/* Text & Picture Formatting */
#header img, #promo img, #sidebar img, #contentInner img {
	border: 0px none; /* Hide hyperlink borders when used on images */
	}	
.textMiddle {
	vertical-align:middle;
	padding-right:7px;
	}
a:hover {
	text-decoration:none; /* No underlines on hyperlinks when hover */
	}
p {
	margin-bottom:12px; /* Spacing between paragraphs */
	}
h1 a {
	text-decoration:none;
	}
#promo h1 a {
	text-decoration:none;
	}
h2 {
	margin-bottom:2px; /* Spacing between paragraphs */
	}
.imageLeft { /* apply this class to any image or element with width - text will wrap it to the right */
	float:left; 
	margin:3px 15px 2px 0px;
	} 
.imageRight { /* apply this class to any image or element with width  - text will wrap it to the left */
	float:right; 
	margin:3px 0px 2px 10px;
	}
.imageCenter { /* Image horizontally centered on the page, text does not wrap */
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
/* Page Layout */
#mainWrapper {
	background-color:#69A7AC; /* Teal */
	width:1007px; /* fixed width of website */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	/* text-align:left; /* resets the centering hack for IE6 on the body tag */
	}
#background {
	width:980px; /* fixed width of background so renders correctly in IE6 */
	margin-left:17px; /* controls left margin of all page elements */
	}
#header {
	height:147px;
	margin-top:17px;
	float:left;
	overflow:hidden; /* IE 6 needs this hack on the outer #sidebar div otherwise the colmnns stack vertically */
	}
#headerLeft {
	width:19px;
	height:147px;
	margin-left:4px;
	background-image:url(../images/header-left.jpg);
	background-repeat:no-repeat;
	float:left;
	}
#headerCenter {
	width:926px;
	height:147px;
	background-image:url(../images/header-1-pixel.jpg); 
	background-repeat:repeat-x;
	float:left;
	}	
#headerRight {
	width:23px;
	height:147px;
	background-image:url(../images/header-right.jpg);
	background-repeat:no-repeat;
	float:left;
	clear:right;
	}
#logo {
	float:left;
	margin-top:13px;
	margin-left:10px;
	}
#tagline {
	margin-top:18px;
	margin-left:475px;
	padding:25px 0px 11px 0px;
	}	
#nav {
	width:915px;
	height:38px;
	margin-left:5px;
	background-image:url(../images/menu-bar.jpg); /* Menu Bar */
	clear:both;
	position:relative;
	}
#navInner {
	position:absolute; /* Absolute positioning (opposed to relative) was needed so menu displays centered in all browsers */
	left:5px;	
	top:9px;
	text-decoration:none;
	}
#navInner li {
	margin-left:12px;
	margin-right:12px;
	display:inline;
	list-style-type:none;
	}
#navInner ul a {
	font-weight:bold;
	text-decoration:none;
	}
#promo {
	height:237px;
	margin-top:0px;
	clear:both;
	overflow:hidden; /* IE 6 needs this hack on the outer #sidebar div otherwise the colmnns stack vertically */
	}
#promo h1 {
	font-weight:bold;
	text-align:center;
	}
#promoLeft {
	width:264px;
	height:214px;
	margin-top:15px;
	background-image:url(../images/promo-1-pixel.jpg); /* Vertical Fill */
	background-repeat:repeat-x;
	float:left;
	}
#promoLeftLeftSide {
	width:21px;
	height:214px;
	margin-left:5px;
	margin-top:15px;
	background-image:url(../images/promo-left.jpg); /* Left side graphic */
	background-repeat:no-repeat;
	float:left;
	} 
#promoLeftRightSide {
	width:27px;
	height:214px;
	margin-top:15px;
	background-image:url(../images/promo-right.jpg); /* Right side graphic */
	background-repeat:no-repeat;
	float:left;
	}
#promoLeftHeading {
	margin-top:10px;
	margin-bottom:5px;
	}
#promoLeftPhoto {
	margin-left:57px;	
	margin-bottom:3px;	
	}
#promoLeftTextTop {
	margin:4px 15px 2px 15px;
	height:34px;
	background-image:url(../images/promo-underline.jpg); /* Underline graphic */
	background-repeat:no-repeat;
	background-position:bottom;
	}
#promoLeftTextBottom {
	text-align:right;
	margin-right:15px;
	}
#promoMiddle {
	width:264px;
	height:214px;
	margin-top:15px;
	background-image:url(../images/promo-1-pixel.jpg); /* Vertical fill */
	background-repeat:repeat-x;
	float:left;
	}
#promoMiddleLeftSide {
	width:21px;
	height:214px;
	margin-left:16px;
	margin-top:15px;
	background-image:url(../images/promo-left.jpg); /* Left side graphic */
	background-repeat:no-repeat;
	float:left;
	} 
#promoMiddleRightSide {
	width:27px;
	height:214px;
	margin-top:15px;
	background-image:url(../images/promo-right.jpg); /* Right side graphic */
	background-repeat:no-repeat;
	float:left;
	}
#promoMiddleHeading {
	margin-top:10px;
	margin-bottom:5px;
	}
#promoMiddlePhoto {
	margin-left:60px;
	margin-bottom:3px;		
	}
#promoMiddleTextTop {
	margin:4px 15px 2px 15px;
	height:34px;
	background-image:url(../images/promo-underline.jpg); /* Underline graphic */
	background-repeat:no-repeat;
	background-position:bottom;
	}
#promoMiddleTextBottom {
	text-align:right;
	margin-right:15px;
	}
#promoRight {
	width:264px;
	height:214px;
	margin-top:15px;
	background-image:url(../images/promo-1-pixel.jpg); /* Vertical fill */
	background-repeat:repeat-x;
	float:left;
	}
#promoRightLeftSide {
	width:21px;
	height:214px;
	margin-left:16px;
	margin-top:15px;
	background-image:url(../images/promo-left.jpg); /* Left side graphic */
	background-repeat:no-repeat;
	float:left;
	} 
#promoRightRightSide {
	width:27px;
	height:214px;
	margin-top:15px;
	background-image:url(../images/promo-right.jpg); /* Right side graphic */
	background-repeat:no-repeat;
	float:left;
	}
#promoRightHeading {
	margin-top:10px;
	margin-bottom:5px;
	}
#promoRightPhoto {
	margin-left:93px;
	margin-bottom:3px;	
	}
#promoRightTextTop {
	margin:4px 15px 2px 15px;
	height:34px;
	background-image:url(../images/promo-underline.jpg); /* Underline graphic */
	background-repeat:no-repeat;
	background-position:bottom;
	}
#promoRightTextBottom {
	text-align:right;
	margin-right:15px;
	}
#content {
	width:644px;
	margin-top:5px;
	float:left;
	}
#contentTop {
	width:644px;
	height:23px;
	background:url(../images/content-top.jpg) no-repeat; /* Top graphic */
	}
#contentCenter {
	background-color:#FFFFFF; /* White */
	width:644px;
	background:url(../images/content-1-pixel.jpg) repeat-y; /* Horizontal fill */
	}
#contentBottom {
	width:644px;
	height:22px;
	background:url(../images/content-bottom.jpg) no-repeat; /* Bottom graphic */
	}
#content h1 {
	width:591px;
	height:38px;
	background:url(../images/content-heading.jpg) no-repeat; /* h1 background graphic */
	line-height:2;
	text-indent:9px;
	margin-bottom:10px;
	}
#content h2 {
	margin-bottom:6px;
	}
#contentInner {
	margin-left:27px;
	margin-right:30px;
	}
#content ul {
   list-style-type:none;
   padding-left:0;
   margin-left:0;
	}
#content ul li {
	background-image:url(../images/bullet.jpg); /* Bullet graphic */
	background-repeat:no-repeat;
    background-position:left top;
	margin-left:4px;
	padding-left:25px;
	padding-bottom:15px;
	}
#unorderedList {
	margin-left:20px; /* Used to create indent for #content ul li */
	}
#content ol li {
	list-style-position:outside;
	padding-left:3px;
	padding-bottom:15px;
	}
.orderedList {
	margin-left:25px; /* Used to create hanging indent for #content ol li */
	}
#sidebar {
	width:311px;
	float:left;
	margin-top:5px;
	margin-left:13px;
	overflow:hidden; /* IE 6 needs this hack on the outer #sidebar div otherwise the colmnns stack vertically */
	}
#sidebarTop {
	height:23px;
	background-image:url(../images/sidebar-top.jpg); /* Top graphic */
	background-repeat:no-repeat;
	}
#sidebarCenter {
	background-image:url(../images/sidebar-1-pixel.jpg); /* Horizontal fill */
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	}
#sidebarBottom {
	height:22px;
	background-image:url(../images/sidebar-bottom.jpg); /* Bottom graphic */
	background-repeat:no-repeat;
	}
#sidebarSignup {
	/* height:215px; old sidebar graphics height */
	height:264px; /* New sidebar graphics height */
	margin-left:25px;
	}
#sidebarSignupLeft {
	width:16px;
	/* height:215px; old sidebar graphics height */
	height:264px; /* New sidebar graphics height */
	background-image:url(../images/sidebar-signup-left.png); /* Left graphic */
	background-repeat:no-repeat;
	float:left;
	}
#sidebarSignupCenter {
	width:210px;
	/* height:215px; old sidebar graphics height */
	height:264px; /* New sidebar graphics height */
	background-image:url(../images/sidebar-signup-box-1-pixel.png); /* Vertical fill */
	background-repeat:repeat-x;
	overflow:hidden; /* IE 6 needs this hack on the outer #sidebar div otherwise the colmnns stack vertically */
	float:left;
	}
#sidebarSignupRight {
	width:17px;
	/* height:215px; old sidebar graphics height */
	height:264px; /* New sidebar graphics height */
	background-image:url(../images/sidebar-signup-right.png); /* Right graphic */
	background-repeat:no-repeat;
	float:left;
	}
#sidebarSignupHeading {
	text-align:center;
	margin-top:14px;
	margin-bottom:8px;
	}
#sidebarSignupText {
	}
#sidebarGraphics {
	margin-top:15px;
	}
#sidebarGraphicsTop {
	margin-left:60px;
	margin-bottom:15px;	
	}
#sidebarGraphicsTopTop {
	width:171px;
	height:11px;
	background-image:url(../images/sidebar-graphics-green-top.jpg); /* Top graphic */
	background-repeat:no-repeat;
	}
#sidebarGraphicsTopCenter {
	width:171px;
	background-image:url(../images/sidebar-graphics-green-1-pixel.jpg); /* Horizontal fill */
	background-repeat:repeat-y;
	}
#sidebarGraphicsTopBottom {
	width:171px;
	height:11px;
	background-image:url(../images/sidebar-graphics-green-bottom.jpg); /* Bottom graphic */
	background-repeat:no-repeat;
	}
#sidebarGraphicsTopHeading {
	text-align:center;
	margin-bottom:3px;
	}
#sidebarGraphicsTopPhoto {
	margin-left:31px;
	height:85px;
	}
#sidebarGraphicsMiddle {
	margin-left:60px;
	margin-bottom:15px;
	}
#sidebarGraphicsMiddleTop {
	width:170px;
	height:11px;
	background-image:url(../images/sidebar-graphics-pink-top.jpg); /* Top graphic */
	background-repeat:no-repeat;
	}
#sidebarGraphicsMiddleCenter {
	width:171px;
	background-image:url(../images/sidebar-graphics-pink-1-pixel.jpg); /* Horizontal fill */
	background-repeat:repeat-y;
	}
#sidebarGraphicsMiddleBottom {
	width:170px;
	height:11px;
	background-image:url(../images/sidebar-graphics-pink-bottom.jpg); /* Bottom graphic */
	background-repeat:no-repeat;
	}
#sidebarGraphicsMiddleHeading {
	text-align:center;
	margin-bottom:3px;
	}
#sidebarGraphicsMiddlePhoto {
	margin-left:31px;
	height:85px;
	}
#sidebarGraphicsBottom {
	margin-left:60px;
	}
#sidebarGraphicsBottomTop {
	width:171px;
	height:13px;
	background-image:url(../images/sidebar-graphics-white-top.jpg); /* Top graphic */
	background-repeat:no-repeat;
	}
#sidebarGraphicsBottomCenter {
	width:171px;
	background-image:url(../images/sidebar-graphics-white-1-pixel.jpg); /* Horizontal fill */
	background-repeat:repeat-y;
	}
#sidebarGraphicsBottomBottom {
	width:171px;
	height:13px;
	background-image:url(../images/sidebar-graphics-white-bottom.jpg); /* Bottom graphic */
	background-repeat:no-repeat;
	}
#sidebarGraphicsBottomHeading {
	text-align:center;
	/* margin-bottom:15px; */
	margin-bottom:6px;
	}
#sidebarGraphicsBottomPhoto {
	margin-left:14px;
	/* margin-top:10px; */
	/* height:73px; */
	}
#footer {
	height:130px;
	margin-top:0px;
	margin-bottom:17px;
	clear:both;
	overflow:hidden; /* IE 6 needs this hack on the outer #sidebar div otherwise the colmnns stack vertically */
	}
#footer a {
	font-weight:bold;	
	text-decoration:none;
	}
#footerLeft {
	width:22px;
	height:98px;
	margin-top:15px;
	background-image:url(../images/footer-left.jpg); /* Left graphic */
	background-repeat:no-repeat;
	float:left;
	}
#footerCenter {
	width:926px;
	height:98px;
	margin-top:15px;
	background-image:url(../images/footer-1-pixel.jpg); /* Vertical fill */
	background-repeat:repeat-x;
	float:left;
	}	
#footerRight {
	width:20px;
	height:98px;
	margin-top:15px;
	background-image:url(../images/footer-right.jpg); /* Right graphic */
	background-repeat:no-repeat;
	float:left;
	clear:right;
	}
#footerLink a {
	float:right;
	padding-right:35px;
	color:#ffffff;
	font-size:10px;
	text-decoration:underline;
	}
#textMenu {
	padding-top:17px;
	text-align:center;
	margin-bottom:12px;
	}
#textMenu a {
	font-weight:bold;
	}
#textMenu ul {
	text-decoration:none;
	}
#contactInfo {
	text-align:center;
	margin-bottom:6px;
	}
#copyright {
	text-align:center;
	}