body {
background-color: #304155;
margin-top: 0em;
min-height:741px;/* for good browsers*/
min-width:720px;/* for good browsers*/ }

/* --------- centering css -----------*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 741px;
} 

#inner {
width: 720px;
height: 741px;
text-align: center;
margin-left:auto;
margin-right:auto;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
background-color: #ffffff;
background-image: url(../sense_imgs/verticalRepeat.jpg);
background-repeat: repeat-y; }

#topBorder {
width: 720px;
height: 30px;
margin: 0em;
padding-left: 0em;
background-image: url(../sense_imgs/topBg.jpg);
background-repeat: no-repeat;
float: left; }

#topLeft {
width: 36px;
height: 30px;
float: left;
background-image: url(../sense_imgs/topLeftCorner.jpg);
margin: 0em;
padding-left: 0em; }

#topCentre {
background-image: url(../sense_imgs/topRepeat.jpg);
background-repeat: repeat-x;
width: 648px;
height: 30px;
float: left;
margin: 0em;
padding-left: 0em; }

#topRight {
width: 36px;
height: 30px;
float: left;
background-image: url(../sense_imgs/topRightcorner.jpg);
background-repeat: no-repeat;
padding: 0em;
margin: 0em; }

#header {
width: 720px;
height: 55px;
float: left;
background-image: url(../sense_imgs/senseLogo.jpg);
background-repeat: no-repeat;
background-position: 26px; }

#graphicBar {
width: 688px;
height: 136px;
padding-left: 16px;
padding-right: 16px;
padding-top: 0em;
padding-bottom: 0em;
margin: 0em;
float: left; }

#content {
width: 720px;
height: 450px;
float: left; }

#leftcolumn {
float: left;
margin-left: 16px;
width: 180px;
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
height: 438px;
border-right: 1px #c5cace dotted; }

#rightColumn {
float: left;
height: 438px;
padding-top: 10px;
padding-left: 8px;
padding-right: 8px;
width: 474px;
overflow: auto;
text-align: left;
line-height: 1.6em;
color: #2a3c50;
font-size: 0.6em;
 }

#rightColumn a{
text-decoration: none;
color: #5a95ca; }

#rightColumn a:hover{
text-decoration: underline; }

#footer {
width: 720px;
height: 44px;
background-image: url(../sense_imgs/footerBg.jpg);
float: left;
 }

#footerText {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
padding-top: 5px;
float: right;
padding-right: 30px;
color: #2a3c50; }

#footerText a {
text-decoration: none;
color: #2a3c50;
font-weight: bold; }

#footerText a:hover {
text-decoration: underline; }


/* --------- navigation css -----------*/

#navigation {
width: 720px;
background-color: #6699cc;
height: 26px;
padding: 0em;
top: 0em;
background-image: url(../sense_imgs/navBg.jpg);
background-repeat: repeat-y;
float: left; }

#navi {
width: 600px;
float: left;
margin-left: 16px; }

#navi a {
border-bottom: 5px #cccccc solid;
border-right: 1px solid #ffffff;
color: #ffffff;
display: block;
float: left;
line-height: 21px;
text-decoration: none; 
font-variant:normal; 
font-size: 9px; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
padding-left:9px; 
padding-right:9px; 
padding-top:0; 
padding-bottom:0;
font-weight: bold; }

#navi a:hover {
background-position: center bottom; 
background-repeat: no-repeat; 
border-bottom: 5px #66cccc solid;
}

#navi .current {
background-position: center bottom; 
background-repeat: no-repeat; 
border-bottom: 5px #304155 solid;
}

/* --------- side column -----------*/

#sideHeader {
background-image: url(../sense_imgs/sideHeader.jpg);
width: 156px;
height: 21px;
float: left;
display: block;
background-repeat: no-repeat;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
padding-top: 5px;
font-weight: bold; }

#sideContent {
width: 156px;
background-color: #ece9ef;
float: left;
color: #575757;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
padding-top: 5px;
padding-bottom: 5px; }

#sideContent a {
width: 142px;
float: left;
height: 12px;
display: block;
padding-left: 14px;
padding-top: 6px;
padding-bottom: 6px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
color: #2a3c50;
border-bottom: 1px #b0b0b0 dotted; }

#sideContent a:hover {
text-decoration: underline; }

#sideFooter {
width: 156px;
height: 23px;
float: left;
background-repeat: no-repeat;
background-image: url(../sense_imgs/sideFooter.jpg); }


/* --------- text styling -----------*/

.paleBackground {
background-color: #b7d2e8; }

.boldBody {
font-weight: bold; }

.bodyCopy {
padding-left: 15px;
padding-right: 15px;
padding-top: 10px; }

h1 {
font-weight: bold;
font-size: 1.1em;
color: #2a3c50; }

h2 {
font-size: 0.8em;
font-weight: bold; 
color: #2a3c50;}

/* --------- title images -----------*/

.homepage {
background-image: url(../sense_imgs/homeBg.jpg);
background-repeat: no-repeat;
}

.benefits {
background-image: url(../sense_imgs/benefitsBg.jpg);
background-repeat: no-repeat;
}

.apply {
background-image: url(../sense_imgs/applyBg.jpg);
background-repeat: no-repeat;
}

.cover {
background-image: url(../sense_imgs/coverBg.jpg);
background-repeat: no-repeat;
}

.links {
background-image: url(../sense_imgs/linksBg.jpg);
background-repeat: no-repeat;
}

.contactBg {
background-image: url(../sense_imgs/contactBg.jpg);
background-repeat: no-repeat;
}

.stethBg {
background-image: url(../sense_imgs/stethBg.jpg);
background-repeat: no-repeat;
background-position: 320px bottom; }

.scalesBg {
background-image: url(../sense_imgs/scalesBg.gif);
background-repeat: no-repeat;
background-position: 320px bottom; }

.microBg {
background-image: url(../sense_imgs/microscopeBg.gif);
background-repeat: no-repeat;
background-position: 320px bottom; }