/* Reset common tags ************************************************/
html,body,div,span,applet,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}

/* Redefine common tags *********************************************/
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; } 
h1 { font-size:1.4em; font-weight: bold; color: #000; } 
h2 { font-weight: bold; } 
h3 { font-weight: bold; } 
h1,h2,h3, h4 { margin:0 0 1em 0; } 
abbr,acronym { border-bottom:1px dotted #000; }  
@media screen { abbr,acronym { cursor:help; } }
em { font-style:italic; } 
blockquote,ul,ol,dl { margin:1em; } 
ol,ul,dl { margin-left:2em; } 
ol li { list-style: decimal outside; margin: 0 0 .7em; } 
ul li { list-style: disc outside; margin: 0 0 .7em; } 
dl dd { margin-left:1em; } 
th { font-weight:bold; text-align:center; } 
th.selected { font-weight:bold; text-align:left; } 
th.alternate { font-weight:bold; text-align:left; } 
caption { margin-bottom:.5em; text-align:center; } 
p,fieldset,table { margin-bottom:1em; }
sup { font-size:xx-small; vertical-align:top; }
sub {font-size:xx-small; vertical-align:bottom;} 

/*** Redefine form elements *****************************************/
input[type="text"], input[type="password"], textarea, select 
{
    border-color: #cecece;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333;
}
input[type="text"], input[type="password"], textarea { padding: 3px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus 
{
    border-color: #333 #999 #999 #333;
    background-color: #fefefe;
}
/**** Clear Fix *****************************************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }

/**** noscript warning **********************************************/
.noscriptWarning
{
    padding: 10px;
    background: #ffe;
    border-bottom: 1px solid #776;
    color: #900;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 1.1em;
}

/*==== Set up global common elements for site and sms editor =================*/
body, pre {	
	background-image:url(../images/newbackground.jpg);
    font-family: Tahoma,Arial,Verdana,Sans-Serif; 
    font-size: 12px; 
    line-height: 1.3em; 
    color: #444; 	
}

a  { color: #c00; }
h1 { font-size: 21px; color: #c00; }
h2 { font-size: 18px; color: #c00; font-weight: normal; }
h3 { font-size: 15px; color: #000; font-weight: normal; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }

img
{border:0;}

blockquote {}

/*==== Set canvas width ======================================================*/
#canvas { width: 800px; 
margin: 20px auto 20px auto; 
background-color:#FFF; 
text-align:left; 
border: 1px solid #000;
}


/*==== Footer Area ===========================================================*/
#footer { 
    text-align: center; 
    background: url(images/footer-divider.gif) 0 5px no-repeat; 
    padding: 15px;
    width: 800px;
}

/*==== Header Area ===========================================================*/
#headerLogo { float: left; width: 200px; }
#headerBanner { float: right; width: 530px; height: 135px; }

/*==== Main Navigation =======================================================*/
ul#mainNav, ul#mainNav li { margin: 0; padding: 0; list-style-type: none; }
ul#mainNav { background: #ca0b10; clear: both; }
ul#mainNav li { padding: 5px 5px 5px 0; float: left; width: 16%; background: url(images/main-nav-divider.gif) right 11px no-repeat; }
ul#mainNav li a, ul#mainNav li a span { display: block; }
ul#mainNav li a { 
    margin-left: 3px; 
    color: #fff; 
    text-decoration: none;
    padding-left: 4px;
}
ul#mainNav li a span {
    padding: 1px 3px 4px 0px;
}
ul#mainNav li.last { background: none; }
ul#mainNav li a:hover { text-decoration: underline; }

/* set selected menu item -- can also be done by applying the .selected class to the main nav 'li' tag */
ul#mainNav li.selected a, ul#mainNav li.selected a span,
body.campaign ul#mainNav li.campaign a,
body.campaign ul#mainNav li.campaign a span,
body.health-assessment ul#mainNav li.health-assessment a,
body.health-assessment ul#mainNav li.health-assessment a span,
body.heart-care ul#mainNav li.heart-care a,
body.heart-care ul#mainNav li.heart-care a span,
body.news-events ul#mainNav li.news-events a,
body.news-events ul#mainNav li.news-events a span,
body.sponsors ul#mainNav li.sponsors a,
body.sponsors ul#mainNav li.sponsors a span,
body.resources ul#mainNav li.resources a,
body.resources ul#mainNav li.resources a span {
 background: url(images/main-nav-selected.gif) top left no-repeat; 
}
ul#mainNav li.selected a span,
body.campaign ul#mainNav li.campaign a span,
body.health-assessment ul#mainNav li.health-assessment a span,
body.heart-care ul#mainNav li.heart-care a span,
body.news-events ul#mainNav li.news-events a span,
body.sponsors ul#mainNav li.sponsors a span,
body.resources ul#mainNav li.resources a span {
 background-position: top right;
}

/*==== Interior Left Side ====================================================*/
#leftSide { width: 135px; float: left; padding: 10px; text-align: center; }
#leftSide ul.links, #leftSide ul.links li { margin: 0; padding: 0; list-style-type: none; }
#leftSide ul.links { margin: 0 0 20px; text-align: left; }
#leftSide ul.links li { margin: 0 0 15px; padding: 0 0 0 15px; width: 120px; }
#leftSide ul.links li a { text-decoration: none; font-size: 12px; }
#leftSide ul.links li a:hover { text-decoration: underline; }
#leftSide ul.links li.selected { background: url(images/appt-icon.gif) 0 1px no-repeat; }

/*==== Interior Content Area =================================================*/
#mainContent { width: 610px; float: right; padding: 15px 20px 20px 0;   }

/*==== Home Page Columns ======================================================*/
#page { background: url(images/column-sync.gif) top left repeat-y; width: 800px; }
#page.homePage { background-image: url(images/home-columns.gif); margin-top: 7px; }
#page.homePage .homePageWrapper { background: url(images/home-columns-top.gif) top left no-repeat; }
#page.homePage .homePageWrapper .homePageWrapper { background: url(images/home-columns-bot.gif) bottom left no-repeat; }
#page.homePage #rightSide { width: 190px; float: right; padding: 10px 15px 0 0; }
#page.homePage #mainContent { width: 550px; float: left; padding: 10px 0 10px 15px; }

/*==== Tiles on Home Page ====================================================*/
ul#bottomTiles, ul#bottomTiles li { margin: 0; padding: 0; list-style-type: none; }
ul#bottomTiles { text-align: center; padding: 10px 0 0; margin-left: -20px; }
ul#bottomTiles li { display: inline; margin-left: 20px; }