/* ground rules */

* {margin: 0;
padding: 0;} /*you might want to get rid of this since it will zero all the margins */

body {
font: normal 0.75em arial;
color: #333;
background: #08466f;
}

#home {color: #222;}
img {
border: 0;
}

.floatL {
float: left;
display: inline;
}
.floatR {
float: right;
display: inline;
}

#navbar {height: 35px; }

a {color: #008dd1;}
a:hover {text-decoration: none; color: #008dd1;}

.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
    }
.handheld {
display: none;
}

#home #body-left strong {color: #a1bf2f;}

/*building blocks*/

#container {
margin: 0 auto; 
width: 980px; /*total width of the design*/
text-align: left;
background-color: #fff;
line-height: 18px;
}
#header {
background: url(../imgs/layout/bluebarheader.png) no-repeat bottom; height: 121px; position: relative;
}
#header img.left {float: left; display: inline; margin-top: 35px; margin-left: 38px;}
#header .right {position: absolute; top: 0; right: 0; }/*{float: left; display: inline;  margin-left: 306px; height: 112px;  overflow: hidden; margin-top: -5px;  }*/
#flash-holder{
background: url(../imgs/home/flash_holder.jpg); width: 980px; height: 263px;
}
#content-container {background: url(../imgs/layout/containerbg.png) repeat-y #fff; }
#body-left{
float: left;
display: inline;
width: 200px;
padding: 25px;
}
#body-left a.ceo {background: url(../imgs/home/ceo.gif); width: 91px; height: 27px; display: block; margin-left: 41px;}
#body-left a:hover.ceo {background: url(../imgs/home/ceo_over.gif); }
#body-left a.more {background: url(../imgs/home/more_events.gif); width: 91px; height: 27px; display: block; margin-left: 41px;}
#body-left a:hover.more {background: url(../imgs/home/more_events_over.gif); }
#body-left h2 {color: #2992d0; font-size: 11pt; margin-bottom: 12px;}
#body-left h3 {color: #822984; font-size: 100%;} 
#body-left p {margin: 0 0 15px 0;}
#body-right div#left a.more {background: url(../imgs/home/learn_more.gif); width: 91px; height: 27px; display: block; margin-top: 13px; margin-left: 160px;} 
#body-right div#left a:hover.more {background: url(../imgs/home/learn_more_over.gif);}
#body-right div#left h2 {color: #2992d0; font-size: 108.3%; margin-bottom: 15px;}
#home #body-right div#left ul{font-size: 108.3%;}
#body-right div#left ul {margin-left: 0px; padding-left: 0; list-style-type: none;}
#body-right div#left ul li{padding-bottom: 15px;}
#body-right div#right a.more {background: url(../imgs/home/treatment_options.gif); width: 192px; height: 35px; display: block; margin-top: 25px; } 
#body-right div#right a.support{background: url(../imgs/home/find_support.gif); width: 192px; height: 35px; display: block; margin-top: 10px;} 
#body-right div#right a.about{background: url(../imgs/home/about_cesium.gif); width: 192px; height: 35px; display: block; margin-top: 10px;} 
#body-right div#right a:hover.more {background: url(../imgs/home/treatment_options_over.gif);} 
#body-right div#right a:hover.support{background: url(../imgs/home/find_support_over.gif);} 
#body-right div#right a:hover.about{background: url(../imgs/home/about_cesium_over.gif);} 
#body-right {
float: right;
display: inline;
width: 675px;
padding: 25px;
}
#home #body-right {font-size: 108.3%;}
#body-right div#left {width: 425px; float: left; display: inline; padding-right: 57px; }
#body-right div#right {width: 193px; float: left; display: inline; }
#right h2 { color: #2992d0; font-size: 11pt!important; margin-bottom: 15px; }
#footer, #footer-ci {
background: url(../imgs/layout/footerbg.png) no-repeat top #08466f; height: 135px; padding: 72px 15px 0 15px; color:#a1bf2f; font-size: 90%
}
#footer a, #footer-ci a {
color: #a1bf2f;
text-decoration: none;
}
#footer a:hover, #footer-ci a:hover {
color: #fff;
}
/*HACKS*/
/*try to avoid hacks. If you must use hacks, use a seperate stylesheet if possible*/
/*use ie6.css and ie7.css for IE hacks*/

/* Firefox only example hack, works in ff3*/
@-moz-document url-prefix()
{
h1 { text-decoration: underline;}
}

/* Safari only example hack */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
#safari { display: block; }
}

#home #body-left h2 {margin-bottom: 4px;}
#home #body-left p {margin-top: 0px; margin-bottom: 5px;  }