@import url(../StyleSheet.css);

html {background: #99efd5 url(Canvas/BodyBg.gif) 21px 0; }
body {background: url(Canvas/BodyBgTopSync.gif) top repeat-x; margin: 0 0 50px 0;}
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.fundedPrograms { zoom: 1; background: url(Content/HeartIcon.gif) 0 2px no-repeat; padding-left: 15px; }
.fundedPrograms a { text-decoration: none; color: #e77698; font-size: 13px; font-family: Georgia, Times New Roman; }
.indent { padding: 0 10px; }

/**** Set up canvas ********************************************/
#canvas { width: 960px; margin: 0 auto; background: url(Canvas/MainBodySync.gif) top center repeat-y; }
#wrapper { background: url(Header/TopBg.gif) top center no-repeat; width: 960px; min-height: 580px; height: auto !important; height: 580px; }

/**** Header ****************************************************/
#header { width: 900px; margin: 0 auto; position: relative; z-index: 1000; }
#headerLogo 
{
    float: left;
    width: 140px;
    position: relative;
    height: 60px;
    z-index: 1000;
}
#headerLogo a { position: absolute; left: -30px; top: 3px; }
#header fieldset#searchForm { position: absolute; top: 10px; right: 0; width: 140px; }
#header fieldset#searchForm input { float: left; }
#header fieldset#searchForm input.text { width: 100px; border: 0; padding: 3px; font-size: 12px; }

/**** Footer ***************************************************/
#footer 
{
    background: url(Footer/FooterBg.gif) bottom center no-repeat;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
#footer ul.links, #footer ul.links li, #footer .partners ul, #footer .partners li { list-style: none; margin: 0; padding: 0; text-transform: lowercase; }
#footer .partners h3 
{
    background: url(Footer/PartnersBg.gif) top left no-repeat;
    width: 86px;
    height: 55px;
    padding: 6px 8px;
    margin-left: 5px;
    color: #fff;
    font-family: Georgia;
    font-weight: bold;
    font-size: 17px;
    line-height: 14px;
    float: left;
}
#footer .partners 
{
    height: 79px;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
    width: 100%;
    overflow: hidden;
}
#footer .partners ul { padding: 10px 0 0 0; }
#footer .partners li { float: left; text-align: center; background: none; }
#footer ul.links { padding: 0 0 0 20px; margin: 0 0 22px 0; }
#footer ul.links li { background: none; display: inline; border-left: 1px solid #fff; margin-left: 5px; padding-left: 5px; }
#footer ul.links li.first { border: 0; }
#footer ul.links li a { color: #fff; text-decoration: none; }
#footer .bottom , #footer .bottom a {color: #55a58d;}
#footer .bottom 
{
    width: 900px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 10px 0;
}
#footer .bottom p { margin: 0; width: 45%; }
#footer .bottom p.copyright { float: left;  }
#footer .bottom p.author { float: right; text-align: right; }

#partnerScrollContainer { height: 79px; position: relative; overflow: hidden; margin-left: 10px; }
#partnerScroller {  }

/**** Main Navigation ******************************************/
ul#mainNav, ul#mainNav li { margin: 0; padding: 0; list-style-type: none; }
ul#mainNav { padding: 10px 0 0 0; }
ul#mainNav li { display: inline; margin-left: 15px; background: none; }
ul#mainNav li a { color: #df4f7b; text-transform: lowercase; text-decoration: none; font-size: 15px; line-height: 17px; font-family: Georgia; font-weight: bold;}
ul#mainNav li.selected a { color: #e67195; }
ul#mainNav li a:hover { color: #c2345f; }

/**** header Tags ******************************************/
h3 { position: relative; zoom: 1; font-size: 18px; font-weight: bold; font-family: Georgia; margin: 0 0 10px 0; }
.addCorner { position: relative; }
h3.lightPink {background: #f0b7c8 url(Content/LightPink.gif); }
h3.darkPink {background: #de698c url(Content/DarkPink.gif); } 
h3.medPink {background: #ed90ab url(Content/MedPink.gif); }
h3.lightPink, h3.lightPink a { color: #df4f7b; }
h3.darkPink, h3.darkPink a { color: #fff; } 
h3.medPink, h3.medPink a { color: #fce0ea; }
h3 span.corner, .addCorner span.corner
{
    position: absolute;
    display: block;
    bottom: -19px;
    width: 29px;
    height: 19px;
}
h3 a.toggleArrow { background-position: right 8px; background-repeat: no-repeat; }
h3.darkPink a.toggleArrow { background-image: url(Content/DarkPinkArrow.gif); }
h3.lightPink a.toggleArrow { background-image: url(Content/LightPinkArrow.gif); }
h3.medPink a.toggleArrow { background-image: url(Content/MedPinkArrow.gif); }
h3 a.toggleActive { background-position: right -176px; }

* html span.corner { bottom: -22px; }
.leftSide span.corner { left: 1px; background: transparent url(Content/HeaderCornerLeft.gif) top left no-repeat; }
.rightSide span.corner { right: 1px; background: transparent url(Content/HeaderCornerRight.gif) top right no-repeat; }
.rightSide .shortEdge { margin-right: 20px; }
.leftSide .shortEdge { margin-left: 20px; }
.shortEdge span.corner { width: 9px; }
.rightSide .mediumEdge { margin-right: 10px; }
.leftSide .mediumEdge { margin-left: 10px; }
.mediumEdge span.corner { width: 19px; }

/**** Toggle Header *******************************************/
h3.toggleHeader a
{
    display: block;
    text-decoration: none;
    padding: 7px;
}

/**** Social Links ********************************************/
ul.socialLinks li { padding-left: 33px; padding-bottom: 4px; background-position: 0 1px; }
ul.socialLinks li a { text-decoration: none; }
ul.socialLinks li a:hover { text-decoration: underline; }
ul.socialLinks li.supportBill { background-image: url(Icons/SupportBill.gif); }
ul.socialLinks li.supportBill a { color: #df4f7b; }
ul.socialLinks li.newsletterSignup { background-image: url(Icons/Newsletter.gif); }
ul.socialLinks li.newsletterSignup a { color: #df4f7b; }
ul.socialLinks li.facebook { background-image: url(Icons/Facebook.gif); }
ul.socialLinks li.facebook a { color: #4161ad; }
ul.socialLinks li.twitter { background-image: url(Icons/Twitter.gif); }
ul.socialLinks li.twitter a { color: #00b3d8; }

/**** Forms ********************************************/
.commandPane { margin: 0 0 10px 0; }
.commandPane input {
    border: 1px solid #a1d0c0;
    padding: 2px 8px;
    color: #5dac95;
    font-weight: bold;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    background: #99F1D8 url(Command/InputBg.gif) top left repeat-x;
    text-transform: lowercase;
    text-shadow: 1px 1px 1px #ddfaf5;

}
.engineTable tr td {
	padding: 0 0 5px 0;
}
.engineTable tr > td {
	padding: 0 10px 5px 0;
}

span.error { color: #cc0000; font-weight: bold; }

/*==== Image Border =========================================================*/
.imageBorder {
    display: -moz-inline-box;
    display: inline-block;
    border: 3px solid #f7e5eb;
    background: #ead4db;
    padding: 1px;
}