/* CSS Document */
* { padding: 0; margin: 0; }

body {
 background-image: url(images/pageGradientBg.gif);
 background-repeat: repeat-x;
 background-position: top;
 font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;
 text-align: center;
}
#wrapper { 
 margin: 0 auto;
 width: 716px;
}

#topLogo { 
 margin: 0 auto;
 width: 716px;
 background-image: url(images/logo.gif);
 background-repeat: no-repeat;
 background-position: top left;
 float: left;
}

#navigation { 
 margin: 0 auto;
 width: 716px;
 height: 24px;
 background-image: url(images/navBg.gif);
 background-repeat: no-repeat;
 background-position: top;
 float: left;
}

#contentWrapper { 
 margin: 0 auto;
 width: 716px;
 background-image: url(images/pageBg.gif);
 background-repeat: repeat-y;
 background-position: top;
 float: left;
}

/*LEFT COLUMN AND ITS DIVS*/
#leftColumn { 
 margin: 0 auto;
 width: 205px;
 float: left;
 text-align: left;
}

#appsLinks {
 margin: 0 auto;
 width: 205px;
 height: 80px;
 background-image: url(images/applicationsBg.gif);
 background-repeat: repeat-y;
 float: left;
 text-align: left;
}

#appsLeft {
 margin: 0 auto;
 position: absolute;
 width: 103px;
 height: 80px;
 float: left;
 padding-left: 10px;
 text-align: left;
}
#appsRight {
 margin-left: 103px;
 position: absolute;
 width: 102px;
 height: 80px;
 float: left;
 text-align: left;
}

#calcLinks {
 margin: 0 auto;
 width: 205px;
 height: 80px;
 background-image: url(images/calculatorsBg.gif);
 background-repeat: repeat-y;
 float: left;
 text-align: left;
}

#calcLeft {
 margin: 0 auto;
 position: absolute;
 width: 115px;
 height: 80px;
 float: left;
 padding-left: 10px;
 text-align: left;
}
#calcRight {
 margin-left: 115px;
 position: absolute;
 width: 90px;
 height: 80px;
 float: left;
 text-align: left;
}


/*RIGHT COLUMN AND ITS DIVS*/
#rightColumn {
 width: 511px;
/* height: 450px;*/
 background-image: url(images/contentGradient.gif);
 background-repeat: no-repeat;
 background-position: top;
 text-align: center;
 float: right;
}
#rightColumnContent {
 width: 501px;
 float: inherit;
 text-align: left;
}
#bottomWrapper {
 margin: 0 auto;
 width: 716px;
/* height: 35px;*/
 text-align: right;
}

#bsbArea {
 margin: 0 auto;
 width: 716px;
 text-align: center;
 background-color: #FFFFFF;
 font-size: 10px;
}

.clear { float: left; width: 1px; }

.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 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}