@charset "UTF-8";
/* 2009 - 2010 (c) | ez-css.org
 * ez-start-2B ::  version 1.0 (03142010)
 *
 * Two columns with header and footer, sidebar on the left hand side, main content comes last. 
*/

/*
 * To set the width of the main wrapper
 * NOTE: A width is required here for IE6&7 to honor the margin:0 auto below
 */
#wrapper {width: 800px;}

/*
 * You can use this wrapper for the faux-column technique
 * Check http://www.alistapart.com/articles/fauxcolumns/
 */
#body {
/*	margin-top: 15px;*/
	margin-bottom: 15px;
/*	border-bottom: 1px solid #555;*/
    font-size: 75%;
}

/*
 * This element needs a width
 */
#leftColumn {
	width: 32%;
	padding: 20px 15px 10px 0;
}

/*
 * Unlike the first first column, this element does *not* need a width
 */
#rightColumn {padding: 20px 0 10px 20px;}


/**********************************************************************************
 Below this comment are the core rules, there should be no need to edit any of them
 **********************************************************************************
 *
 * auto-centering in IE 5
 * we reset this value in the next rule so content is left aligned. 
 */
body {text-align: center;}

/* 
 * margin "auto" is to center this element (we set the width in a separate rule near the top of this styles sheet).
 * "text-align" is to reset the declaration from "body".
 * "inline:block" is to create a block-formatting context (the "width" does that in IE).
 */
#wrapper {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	display: inline-block;
}

/*
 * this is the clearfix method
 * we rely on this to contain floats in these elements 
 */
#header:after,
#body:after,
#footer:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

/*
 * hacks for IE
 * "min-height" triggers "hasLayout" in IE 7, 
 * "height" is the trigger for IE 5 and 6.
#header,
#body,
#rightColumn,
#footer {min-height: 0;}    
* html #header,
* html #body,
* html #rightColumn,
* html #footer {height: 1%;}  
 */

/*
 * this element must create a new block formatting context.
 * by default, we rely on "overflow:hidden", but if this creates an issue with your design, then apply to this element one of the following rules 
 * ez-oa
 * ez-dt 
 * ez-it
 * ez-tc
 * ez-ib
 */
#rightColumn {overflow: hidden;}

/*
 * rules to apply to the second column (#rightColumn) if the styling above (overflow:hidden) creates issues with your design
 */
.ez-oa {overflow: visible; overflow: auto;}
.ez-dt {overflow: visible; display: table;}
.ez-it {overflow: visible; display: inline-table;}
.ez-tc {overflow: visible; display: table-cell;}
.ez-ib {overflow: visible; display: inline-block;}
 
/* 
 * 1st column
 * the negative margin is to allow the border of the two columns to overlap
 */
#leftColumn {
	float: left;
	margin-right: -1px;
}

/* 
 * the following fixes the "3px jog bug"
 */
* html #leftColumn {margin-right: -4px;}

/**********************************************************************************
 ***   The above are core rules, there should be no need to edit any of them    ***
 **********************************************************************************/

#header {
    width: 780px;
    height: 242px;
    padding: 0 0 10px 0;
margin-left: 10px;
/*    border: 1px solid red;*/
position:relative;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    display:none;
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/**********************************************************************************
 *** BEGIN rules for image layout of #header
 **********************************************************************************/
.addBgColorLight { /* One type of fix for browser rounding errors visible when viewport's expanded */
    background-color: #560B76; /* Lighter purple/upper portion of header */
}
.addBgColorDark { /* One type of fix for browser rounding errors visible when viewport's expanded */
    background-color: #460968; /* Darker purple/lower portion of header */
}
.marginBump { /* Another type of fix for browser rounding errors visible on zoom */
    margin-left: -.5px;
}
div.index-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:779px;
	height:12px;
}

div.index-02_ {
	position:absolute;
	left:0px;
	top:12px;
	width:9px;
	height:230px;
}
div.header-01_ {
	position:absolute;
	left:9px;
	top:12px;
	width:760px;
	height:6px;
}
div.index-04_ {
	position:absolute;
	left:769px;
	top:12px;
	width:10px;
	height:230px;
}

div.index-05_ {
	position:absolute;
	left:9px;
	top:18px;
	width:24px;
	height:109px;
}
div.header-lighthouse_ {
	position:absolute;
	left:33px;
	top:18px;
	width:88px;
	height:124px;
}
div.index-07_ {
	position:absolute;
	left:121px;
	top:18px;
	width:308px;
	height:69px;
}
div.header-atm-title_ {
	position:absolute;
	left:429px;
	top:18px;
	width:340px;
	height:69px;
}

div.index-09_ {
	position:absolute;
	left:121px;
	top:87px;
	width:142px;
	height:40px;
}
div.header-nav-facil-1_ {
	position:absolute;
	left:263px;
	top:87px;
	width:172px;
	height:40px;
}
div.index-11_ {
	position:absolute;
	left:435px;
	top:87px;
	width:85px;
	height:40px;
}
div.header-nav-well-1_ {
	position:absolute;
	left:520px;
	top:87px;
	width:160px;
	height:49px;
}
div.index-13_ {
	position:absolute;
	left:680px;
	top:87px;
	width:89px;
	height:49px;
}

div.index-14_ {
	position:absolute;
	left:9px;
	top:127px;
	width:24px;
	height:15px;
}
div.index-15_ {
	position:absolute;
	left:121px;
	top:127px;
	width:35px;
	height:15px;
}
div.header-nav-coach_ {
	position:absolute;
	left:156px;
	top:127px;
	width:176px;
	height:77px;
}
div.header-nav-facil-2_ {
	position:absolute;
	left:332px;
	top:127px;
	width:97px;
	height:12px;
}
div.header-nav-inst-2_ {
	position:absolute;
	left:429px;
	top:127px;
	width:91px;
	height:77px;
/*margin-left: -.5px; /* Fix: browser rounding errors visible when viewport's expanded */
}
div.header-nav-well-2_ {
	position:absolute;
	left:520px;
	top:136px;
	width:22px;
	height:6px;
}
div.header-nav-well-3_ {
	position:absolute;
	left:542px;
	top:136px;
	width:113px;
	height:11px;
}
div.header-nav-tech-1_ {
	position:absolute;
	left:655px;
	top:136px;
	width:114px;
	height:64px;
}
div.index-22_ {
	position:absolute;
	left:332px;
	top:139px;
	width:19px;
	height:65px;
}
div.header-nav-inst-1_ {
	position:absolute;
	left:351px;
	top:139px;
	width:78px;
	height:65px;
}

div.index-24_ {
	position:absolute;
	left:9px;
	top:142px;
	width:4px;
	height:100px;
}
div.header-nav2-home_ {
	position:absolute;
	left:13px;
	top:142px;
	width:64px;
	height:17px;
}
div.header-nav2-contact_ {
	position:absolute;
	left:77px;
	top:142px;
	width:63px;
	height:17px;
}
div.index-27_ {
	position:absolute;
	left:140px;
	top:142px;
	width:16px;
	height:64px;
}
div.header-nav-inst-3_ {
	position:absolute;
	left:520px;
	top:142px;
	width:22px;
	height:62px;
}
div.index-29_ {
	position:absolute;
	left:542px;
	top:147px;
	width:28px;
	height:57px;
}
div.header-nav-tech-2_ {
	position:absolute;
	left:570px;
	top:147px;
	width:85px;
	height:57px;
}
div.header-nav2-about_ {
	position:absolute;
	left:13px;
	top:159px;
	width:64px;
	height:19px;
}
div.header-nav2-free_ {
	position:absolute;
	left:77px;
	top:159px;
	width:63px;
	height:19px;
}
div.header-nav2-calend_ {
	position:absolute;
	left:13px;
	top:178px;
	width:64px;
	height:19px;
}
div.header-nav2-insp_ {
	position:absolute;
	left:77px;
	top:178px;
	width:63px;
	height:19px;
}
div.header-nav2-site_ {
	position:absolute;
	left:13px;
	top:197px;
	width:64px;
	height:19px;
}
div.header-nav2-blank_ {
	position:absolute;
	left:77px;
	top:197px;
	width:63px;
	height:19px;
}
div.header-nav-tech-1080_ {
	position:absolute;
	left:655px;
	top:200px;
	width:110px;
	height:4px;
}
div.index-38_ {
	position:absolute;
	left:765px;
	top:197px;
	width:4px;
	height:42px;
}
div.header-subnav-area_ {
	position:absolute;
	left:156px;
	top:204px;
	width:609px;
	height:38px;
}
div.index-40_ {
	position:absolute;
	left:140px;
	top:203px;
	width:16px;
	height:36px;
}
div.header-nav2-search_ {
	position:absolute;
	left:12px;
	top:216px;
	width:166px; /* set so seach button will wrap to next line on text resizes=room for quote */
/*	width:12em; /* if want to scale along with text resizes */
    font-size: 80%;
	height:25px; /* for IE */
/*        background-color: #000000;*/
}
#quoteText {
	font-family:Papyrus, Georgia, "Times New Roman", Times, serif; 
	font-size:80%;
    letter-spacing:.065em;
	color: #FFFFFF;
/*    position:absolute; width:591px; height:42px; z-index:22; left:176px; top:219px;*/
    position:absolute; width:610px; z-index:22; left:160px; top:224px;
}
/**********************************************************************************
 *** END rules for image layout of #header
 **********************************************************************************/

a:link {
/*	color: #75546E;*/
/*    color: #CB5DCA;*/
/*    color: #DB6DDA;*/
/*    color: #EB7DEA;*/
	color: #BF84BE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-weight:500;*/
	text-decoration: none;
}
a:visited {
/*	color: #75546E;*/
	color: #BF84A0;
}
a:hover {
/*	color: #AD7DA3;*/
	color: #CD9DC3;
/*	color: #BF44AE;*/
	text-decoration: underline;
}
a:active {
	color: #FFFF00;
	text-decoration: underline;
}
#footer {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:80%;
}
#footerSearch {
    margin: 5px 0 0 0;
}
#credits {
    color: #A9A9A9;
    font-size:80%;
    letter-spacing: .04em;
}
h2, h4 {
    font-size: 95%;
    padding: 4px 0 0 30px;
}
h5 {
    font-size: 95%;
    padding: 4px 0 0 20px;
}
h2 a, h2 a:link, h2 a:visited { /* for links inside h2's */
    color: white;
}
h2 {
    background: url('../images/title_image_long.gif') left no-repeat;
/*    background: url('../images/title_images_long3.gif') left no-repeat;*/
}
h4 {
    background: url('../images/title_image_long2.gif') left no-repeat;
}
h5 {
    background: url('../images/title_image_short.gif') left no-repeat;
}
p {
    padding: 15px 10px 10px 15px;
    background-color: #000;
}
.blackBackground {
    background-color: #000;
}
#mainContent {
    padding-top: 5px;
}
#mainContent img {
    float: right;
    margin: 15px 0px 5px 10px;
}
#mainContent ul {
    padding: 0 5px 5px 0;
    margin-left: -15px;
    background-color: #000;
}
#mainContent ul li {list-style-type: circle;}
#mainContent .topParagraph {margin: 5px 5px 5px 0px;}
#mainContent p {margin-top: 0;}
#mainContent .moreLinkRight {
    float: right;
    margin: 5px 10px 0 0;
}
#mainContent select {
    margin-top: 5px;
    padding: 3px;
}
#upperRightQuadrant, #upperLeftQuadrant {
    padding-left: 10px;
    padding-bottom: 20px;
}
#upperRightSection, #middleRightSection {
    padding-bottom: 10px;
}
#lowerRightQuadrant {
    clear: right;
}
#centerColumn {
    margin: 30px auto 0 auto;
    padding-bottom: 15px;
}
.move20downRight {
    margin: 20px 0 0 20px;
}
.width50percent {
    width: 50%;
}
.width65percent {
    width: 65%;
}
.width75percent {
    width: 75%;
}
button {
    font-size: 1em;
}
.button {
    font-weight: 400;
}
.button:hover {
	color: #aF24aE; /* light purple */
    cursor: pointer;
}
.addBlackBorder { /* to allow rounded corners, need a border */
    border: 1px solid black;
    padding: 1px 2px;
}
.roundedCorners { /* CSS3 */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.multiColoredBorder { /* CSS3 */
    border: 8px solid #666;
    border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc;
    -moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc;
}
.singleSpace {
    padding-top: .5em;
    padding-bottom: .5em;
}
#techExamples {
    padding-bottom: 10px;
}