@import url("CFHCstyles-test.css");
body {
	background: #F3F4F5; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; 
	margin: 0px; 
	padding: 0px;
	text-align: center; 
}


* html body { text-align: center; font-size: small; }

a { color: #4A4B84; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #797ab3; } 


/* --- Adds Icons to Links --- */
/* PDF document links */
a[href$='.pdf'] {
background:transparent url(images/icons/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

/* Excel Documents links */
a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] {
background:transparent url(images/icons/excel.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

/* PowerPoint Documents links */
a[href$='.pps'], a[href$='.ppt'] {
background:transparent url(images/icons/powerpoint.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}
 
/* Word Document Links */
a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] {
background:transparent url(images/icons/word.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}
 
/* mailto: links */
a[href^="mailto:"] {
background:transparent url(images/icons/mailto.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:15px;
}

h1 a:visited, h2 a:visited, h3 a:visited { color: #4A4B84; }
h1, h2, h3, h4 { font-family: "Times New Roman", Times, serif; color: #4A4B84; }
h1 { font-size: 175%; }
h2 { font-size: 150%; border-bottom: 2px #4A4B84 solid; }
h2.articleHeader { font-size: 125%; }
h3 { font-size: 125%; }
h2 a, h3 a { text-decoration: none; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin-bottom: -10px; font-weight: bold; }

.clear { clear: both; display: block; }
ul.nobullets { list-style: none; }
.divText li { margin-bottom: 5px; } 
blockquote { border: 1px solid #4A4B84; padding: 3px 10px; background: #F3F4F5; }
blockquote h3 { margin-top: 10px; }
.center { text-align:center; } 

/* Float */
.floatLeft { float: left; width: 50%; }
.floatRight { float: right; width: 50%; }

/* --------------Hide----------------*/
li#liFootContent, 
li#liTopContent
	{ position: absolute; left: -1600px; } 

body.hide h3.hidethis, 
body.hide p.hidethis 
 { display: none; visibility: hidden; position: absolute; left: 0px; top: 0px; }

img { border: none; }

p.backtotop { font-size: 80%; text-align: right; }
#PDFRequired, #WMVRequired { font-size: 80%; }

table#tblBoardMembers { padding: 0px; margin: 0px; }
table#tblBoardMembers td { border-bottom: solid thin #CCCCCC; }

/* ==================Content====================*/
.divContent { background: #FFFFFF; padding: 0; margin: 0 auto; text-align: left; width: 770px; }
* html .divContent { text-align: left; }

/* ==================Top Menu====================*/
.Menu { font-size: 80%; margin: 0px; padding: 0px; padding-left: 20px; margin-top: 5px; width: 750px; }
.Menu li { display: inline; list-style-type: none; }

#HeadMenu ul{ background: #FFFFFF; float: left; padding: 0px; margin: 0px; font: bold 12px Verdana; text-align: left; }
#HeadMenu li { margin: 0px; }
#HeadMenu li a { display: block; float: left; font-weight: bold; padding: 5px 0px 0px 0px; text-align: center; text-decoration: none; width: 107px; height: 20px; color: #2d2b2b; background: #ffffff; border-bottom: 1px solid #2d2b2b; }
#HeadMenu li a:visited { color: #636; }
#HeadMenu li a:hover { background-image:  url("images/Menu/bluetabactive.gif"); background-color: #F3F4F5; text-decoration: underline; color: #2d2b2b; }
#HeadMenu li.selected{ }
#HeadMenu li.selected a { /*selected main tab style */ background-image:  url("images/Menu/bluetabactive.gif"); }
#HeadMenu li.selected a:hover { /*selected main tab style */ text-decoration: none; }

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_b { position: absolute; left: 0px; top: 0px; z-index: 100; visibility: hidden; font: normal 12px Verdana; line-height: 18px; background-color: #F3F4F5; width: 200px; }
.dropmenudiv_b a { font-size: 80%; width: auto; display: block; padding: 5px; margin: 0px; text-decoration: none; color: black; border-bottom: 1px solid #E8E7EF; }
* html .dropmenudiv_b a { IE only hack width: 100%; }
.dropmenudiv_b a:hover { background-color: #E8E7EF; }

/* ==================Top Menu Mini List====================*/
#TopMenuAlt { clear: both; font-size: 80%; margin: 10px 0px; padding: 10px 0px; text-align: center; width: 100%; }
ul#TopMenuAlt li { padding: 0px 10px; }

/* ==================Banner====================*/
.divBanner { background: #4A4B84 url("images/cfhcbanner-top.jpg") repeat-y; float: left; margin: 0px; padding: 0px; width: 100%; height: 70px; }
.divBanner img { padding: 0px 20px 0px 20px; }
.divBanner p.cfhcHeader {
	color: #FFFFFF;
	margin: 0px;
	margin-top: 30px; 
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	font-weight: bold;
	display: block;
	width: 625px;
}

/* ==================Content > MainBody====================*/

.divMainBody { border-left: 1px solid #4A4B84; float: right; font-size: 110%; margin: 0px; padding: 10px 30px; width: 470px; }
.divMainBody ul li { margin-bottom: 7px; }

/* ==================Content > Teaser====================*/
.divTeaser { background: none; padding: 0px; margin: 0px; width: 100%;}
.divTeaser h2 { color: #4A4B84; }
.divTeaser h3 { color: #4A4B84; margin: 0px; }
.divTeaser p { font-size: 110%; }
.divTeaser strong { font-size: 110%; }
.divTeaser a { color: #4A4B84; }

/* ==================Content > Highlights====================*/
.divHighlights { float: right; font-size: 90%; margin: 0px; margin-right: 10px; padding: 0px; text-align: left; width: 220px; }
.divHighlights p.img { border: none; margin: 0px; padding: 0px; }
.divHighlights p.img img { text-align: center; padding: 10px; width: 200px; }

/* ==================Content > Highlights > More====================*/
.divMore { margin: 0; padding: 0; width: 100%; }

.divMore h2, .divMore a { color: #4A4B84; }
.divMore h2, .divMore h3, .divMore h4 { clear: both; display: block; }
.divMore img { padding: 2px; }
.divMore h3 { margin: 0; padding: 0; }
.divMore h3 a { text-decoration: none; }

div#News ul { list-style-image:  url("images/arw4A4B84.gif"); margin-left: 20px; padding: 0; }
div#News li { padding-bottom: 10px; }
div#News li a { text-decoration: none; }
div#News li a:hover { text-decoration: underline; }
div#News li a:visited { color: #797ab3; }

div#Buttons { padding-top: 10px; }

.quick { clear: both; float: left; padding: 1%; width: 100%; } 

/* ==================Content > Footer====================*/
.divFooter { clear: both; font-size: 80%; margin: 0px; padding: 0px; text-align: center; width: 100%; }
.divFooter ul, .divFooter p { padding: 0px; margin: 0px; }
.divFooter ul.Menu li { padding: 0px 10px; }

/* ==================Special===================*/
/*Pro EC Video Lists*/
#PatedProecCommunity .Text ul { list-style: none; }

a.button { background: #4A4B84; color: #FFFFFF; font-size: 80%; padding: 5px; border: #CCCCCC 3px solid; }

/*Google Search Box*/
.cse-branding-bottom { background-color:#FFFFFF; color:#000000; border: #4A4B84 1px solid; padding: 5px; text-align: center; width: 200px; }
table#TbResults td { border-bottom: #CCCCCC 1px solid; }

/*Movable Type Blog List*/
div#News ul.module-list li.module-list-item { padding-bottom: 0px; }
h2.module-header { border-bottom: thin #4A4B84 solid; font-size: 125%; margin: 0; padding: 0; }
h2.date-header { font-size: 125%; }
h3.entry-header { font-size: 150%; border-bottom: 2px #4A4B84 solid; }


/* Block navigation on Board Members section */
body.Board ul#HeadMenu,
body.Board ul#TopMenuAlt,
body.Board div.divFooter,
body.Board div.cse-branding-bottom { display: none; visibility: hidden; position: absolute; left: 0px; top: 0px; }
/* FAQ definition list */
dt { font-weight: bold; }
dd { padding-bottom: 15px; margin-left: 0px; margin-top: 5px; } 

/* --- home page floating boxes --- */
.frontBox { float:left; width:45%; padding: 1%; margin-left: 2%; }
.frontBox h3 a { text-decoration: underline; }