/*********************************************************************CSS Reset*****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

em {font-style: italic;}

strong {font-weight: bold;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
a:hover, a:active {outline: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/***********************************************************************END Reset********************************************************************************/
html {height: 100%;}

body {background: #b6b8a8 url(../images/sce/body_repeat1.png) repeat-x top left; font: normal 62.5%/1.6em Arial, Helvetica, sans-serif; color: #6c6f5d; position: relative; float: left; width: 100%; text-align: center;}

#bg2 {background: url(../images/sce/body_repeat2.png) repeat-x top left; position: absolute; top: 0; right: 0; width: 49.5%; height: 100%; margin: 0 0 0 -50%;}

#top_bar {background: url(../images/sce/top_bar_repeat.png) repeat-x top left; position: absolute; top: 0; left: 0; width: 100%; height: 30px; z-index: 1000;}

#top_bar_content {position: relative; margin: 0 auto; width: 790px;}

#top_bar_content h4 {font-size: 1.4em; font-weight: bold; line-height: 26px; color: #ffffff; float: left;}

#top_links {position: absolute; top: 5px; right: -5px;}

#top_links li {display: inline; border-left: 1px solid #ffffff;}

#top_links li:first-child {border: none;}

#top_links li a {font-size: 1.4em; font-weight: bold; color: #ffffff; padding: 0 5px 0 7px;}

#top_links li a:hover {color: #4d7c2b; text-decoration: none;} 

#bottom_bar {background: url(../images/sce/bottom_repeat.png) repeat-x top left; position: absolute; bottom: 0; left: 0; width: 100%; height: 83px;}

#centered {position: relative; width: 798px; margin: 0 auto; overflow: visible;}

#container {background: url(../images/sce/container_repeat.png) repeat-y top left; position: relative; float: left; width: 790px; height: auto !important; height: 700px; min-height: 700px; padding: 0 4px 0 4px;}

/*********************************************************HEADER Styles*****************************************************************/
#header {background: url(../images/sce/header_bg.jpg) no-repeat top left; position: relative; width: 790px; height: 445px; z-index: 500;}

#header h1 {position: relative; float: right; clear: right; top: 34px; right: 5px; width: 518px; height: 120px;}

#header h1 a {background: url(../images/sce/logo.gif) no-repeat top left; width: 100%; height: 100%; display: block; text-indent: -9999px;}

#site_search {position: absolute; top: 45px; left: 10px; width: 300px; text-align: left;}

#site_search input, #site_search button {vertical-align: middle;}

#site_search #keywords {background: url(../images/sce/search_bg.png) no-repeat top left; position: relative; top: 2px; width: 133px; height: 19px; padding: 4px 4px 10px 35px; border: none;}

#site_search button {width: 30px;}

/*********************************************************CONTENT Styles*****************************************************************/
#content {float: left; width: 100%;}

#main_content {position: relative; float: right; clear: right; width: 460px; height: auto !important; height: 300px; min-height: 300px; padding: 0 15px 50px; 0; text-align: left;}

#main_content p {font-size: 1.2em; line-height: 1.5em; margin: 0 0 10px 0; text-align: left;}

#main_content a {font-weight: bold; color: #7fa33f; text-decoration: underline;}

#main_content a:hover {color: #8b9465; text-decoration: none;}

#main_content h2, #main_content h3, #main_content h4, #main_content h5 {font-weight: bold; line-height: 1.2em; letter-spacing: -1px;}

#main_content h2, #main_content h3 {color: #4d7c2b; margin: 0 0 10px 0;}

#main_content h4, #main_content h5 {color: #35372d; margin: 0 0 5px 0;}

#main_content h2 {font-size: 2.4em;}

#main_content h3 {font-size: 2em;}

#main_content h4 {font-size: 1.6em;}

#main_content h5 {font-size: 1.4em;}

#main_content ul {margin: 0 0 10px 20px; padding: 0 0 0 20px; list-style: disc;}

#main_content ul li {font-size: 1.2em; font-style: italic; line-height: 1.4em; color: #35372d; margin: 0 0 5px 0;} 

#main_content table {margin: 0 0 10px 0;}

#main_content td {font-size: 12px; padding: 5px; border: 1px solid #8b9465;}

#sidebar_bg {background: url(../images/sce/sidebar_repeat.png) repeat-y top left; position: absolute; float: left; bottom: 0; left: 11px; width: 295px; height: 100%;} 

#sidebar {background: url(../images/sce/sidebar_repeat.png) repeat-y top left; position: relative; float: left; clear: left; left: 7px; width: 267px; height: auto !important; height: 300px; min-height: 300px; padding: 0 14px 0 14px; text-align: left; z-index: 600;}

#sidebar a {color: #e1ea91;}

#main_nav {position: relative; float: left; clear: both; margin: -70px 0 20px; 0; z-index: 700;}

#main_nav h2 {background: url(../images/sce/main_menu_heading.png) no-repeat top left; position: relative; width: 94px; height: 16px; margin: 0 0 10px 0; text-indent: -9999px;}

#latest_news {position: relative; float: left; clear: both; width: 100%; margin: 0 0 10px 0;}

#latest_news h2 {background: url(../images/sce/latest_news_heading.png) no-repeat top left; position: relative; width: 107px; height: 16px; margin: 0 0 10px 0; text-indent: -9999px;}

#sidebar .VolNewsHeadline {color: #ffffff;}

.VolNewsHeadline {font-size: 12px; margin: 0 0 10px 0;}

.VolNewsDetail {font-size: 12px; float: left; clear: both; margin: 0 0 20px 0;}

.VolNewsDetail .news_title {font-size: 20px; font-weight: bold; line-height: 1.2em; letter-spacing: -1px; color: #4d7c2b; position: relative; clear: both; width: 100%; margin: 0 0 10px 0;}

.VolNewsDetail .news_article {float: left; clear: both; width: 100%;}

#latest_news .news_date {padding: 0 5px 0 0;}

#stress_test {background: url(../images/sce/stress_test_bg.png) no-repeat top left; position: relative; float: left; clear: both; left: -10px; width: 267px; height: 158px; padding: 20px 10px 10px 10px;}

#stress_test h2 {background: url(../images/sce/stress_test_heading.png) no-repeat top left; position: relative; width: 230px; height: 17px; margin: 0 0 10px 0; text-indent: -9999px;}

#stress_test p {font-size: 1.4em; line-height: 1.4em; color: #2a4d15; width: 90%; margin: 0 0 15px 0;}

#stress_test h4 {float: right; clear: both; width: 93px; height: 29px;}

#stress_test h4 a {background: url(../images/sce/stress_test_button.png) no-repeat top left; width: 100%; height: 100%; display: block; text-indent: -9999px;}

/*********************************************************FOOTER Styles*****************************************************************/
#footer {background: url(../images/sce/footer_bg.png) no-repeat top left; color: #ffffff; position: relative; float: left; clear: both; width: 790px; height: 106px; margin: -45px 0 0 0; z-index: 800;}

#footer_info {width: 100%; padding: 58px 0 0 0;}

#footer_info li {font-size: 1em; font-weight: bold; line-height: 1.3em; display: block;}

#social_links {position: absolute; top: 59px; left: 10px;}

#social_links li {display: inline; margin: 0 10px 0 0;}

#copyright {padding: 5px 0 0 0;}

#ngm_link {font-size: 1em; position: absolute; top: 47px; right: 10px; width: 180px; text-align: right;}



div#fireworks_image {
        background: url(http://www.cambrianpharmacy.com/images/sce/fireworks.gif) no-repeat top left;
        width: 400px;
        height: 358px;
        position: absolute;
        z-index: -1;
        margin: 1em 0 0 12em;
} 
img {border: none;}

div#newsletter_signup {
        position: absolute;
        left: 3.2em;
        top: 15em;
        width: 180px;
        z-index: 10;
        display: none;
}
div#newsletter_signup h4 {
        font-size: 14px;
}

div#newsletter_signup #contactform .form_element {
        text-align: left;
}
div#newsletter_signup #contactform .indent {
        margin: 10px 0 10px 0;
}

.SiteSearch_result_item {font-size: 12px; margin: 0 0 15px 0;}