﻿/*
################ Main Layout Styles ################
*/
body {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:76%; color:#333333; margin:0; padding:0;}

.centeringContainer {position:relative; font-size:1.0em; top:0; width:987px; text-align:left; padding:0; margin:0 auto 0 auto;}

/* ------ top bar ------ */
.topBar {position:relative; width:987px; height:270px;}

    .topNav {position:absolute; top:122px; left:190px; z-index:10;}
        .topNavEnd {display:block; float:left;}
        
        a.topNavItem {display:block; float:left; height:22px; font-weight:bold; color:White; text-decoration:none; background-image:url('/images/generic/topNavBG.png'); padding:10px 10px 12px 0;}
        a:hover.topNavItem {color:#da5199;}
        
        a.topNavItemSelected {display:block; float:left; height:22px; font-weight:bold; color:#da5199; text-decoration:none; background-image:url('/images/generic/topNavBG.png'); padding:10px 10px 12px 0;}
        a:hover.topNavItemSelected {color:White;}
    
    
	.logoImgLeft {display:block; position:absolute; top:0; left:0; z-index:5;}
	.logoImgRight {display:block; position:absolute; top:0; left:218px; z-index:3;}
    
	.topBarLeft {position:relative; display:block; float:left; margin-top:120px; z-index:5;}
	.topBarRight {position:relative; display:block; float:right; margin-top:120px; z-index:5;}


/* ------ page content ------ */
.leftContent {float:left; width:650px;}
.leftImg {display:block; float:left; width:240px; margin-right:10px;}
.leftText {float:left; width:400px;}
.pageContent {position:relative; width:957px; padding:15px;}

.keyFacts {width:257px; float:right; font-size:0.9em; line-height:1.6em;}
.keyFactsHeader {display:block;}

/* ------ bottom bar ------ */
.bottomBar {position:relative; width:987px; height:164px; background-image:url('/images/generic/bottomBarBG.gif'); background-repeat:no-repeat;}
    .address {position:absolute; top:75px; left:20px; color:White;}
    .bottomLinks {position:absolute; top:36px; left:490px; color:White;}
    a.bottomLink {font-size:0.9em; font-weight:bold; color:White; text-decoration:none;}

	
/* ------ cleaners ------ */
.clearBoth {clear:both; display:block; height:0; border:none; margin:0; padding:0; background:transparent;}
.clearLeft {clear:left; display:block; height:0; border:none; margin:0; padding:0; background:transparent;}
.clearRight {clear:right; display:block; height:0; border:none; margin:0; padding:0; background:transparent;}


/*
################ Form Items ################
*/
.inputMed {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:250px; border:solid 1px #2f2e7b; padding:2px;}

.inputText {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:400px; height:100px; border:solid 1px #2f2e7b; padding:2px;}

/*
################ Generic Items ################
*/
img {border:0px none; padding:0}

h1 {font-size:1.6em; color:#da5199; padding:0; margin:0 0 10px 0;}
h2 {font-size:1.2em; color:#da5199; padding:0; margin:0 0 10px 0;}

.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding20 {padding:20px;}
