/* Hawaii Immunization Coalition © 2006 */

body { 
margin: 0 auto;
text-align: center;
background-image:url(../images/bkgd-back3.gif);
background-repeat: repeat;
background-color:#99CCFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #333333;
}

img {
	border: 0;
}

/**********  MAIN CONTAINERS  ************/

#outerskin {
width: 770px;
height: auto;
margin: 0 auto;
padding: 0;
background-color: #FFFAD7;
vertical-align: top;
border-left: 1px solid #86D2F6;
border-right: 1px solid #86D2F6;
border-bottom: 1px solid #86D2F6;
}

#header-home {
	width: 770px;
	height: 201px;
	margin: 0;
 	padding: 0;
	background-color: #FFFAD7;
	vertical-align: top;
}

#body-main{
	width: 740px;
	height: auto;
	margin: 0 0 15px 0;
 	padding: 15px;
	background-color: #FFFAD7;
	vertical-align: top;
}

/**********  MAIN NAVIGATION  ************/

#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
width: 200px;
/* to display the list horizontaly */
margin: 0;
padding: 0;
border-top: 1px #89080C solid;
border-left: 1px #89080C solid;
border-right: 1px #89080C solid;
font-family: Georgia, "Times New Roman", Times, serif;
color: #89080C;
font-size: 14px;
}

#navlist a
{
width: 200px;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #FFF6A9;
border-bottom: 1px #89080C solid;
text-align: center;
text-decoration: none;
font-weight: normal;
color: #89080C;
padding: 8px 0 8px 0;
}

#navlist a:hover { background-color: #FDFAE0; font-weight: normal; }
#navlist a:visited { color: color: #89080C; }

/**********  SUB-NAVIGATION  ************/

#whiteblocksubnav {
width: 503px;
margin: 0 0 30px 0;
padding: 4px;
background-color: #FFFCEA;
border: 1px solid #DADADA;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #333333;
text-align: center;
}

#whiteblocksubnav a:link { color: #89080C; }
#whiteblocksubnav a:visited { color: #89080C; }
#whiteblocksubnav a:hover { color: #640000; text-decoration: underline; font-weight: bold; }

/**********  LEFT COLUMN  ************/

#body-leftcol {
	position: relative;
	width: 212px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #FFFAD7;
	vertical-align: top;
}

.whiteblock-left {
width: auto;
margin: 0 0 15px 0;
padding: 4px;
background-color: #FFFFFF;
border: 1px solid #DADADA;
vertical-align: top;
}

/**********  MIDDLE COLUMN  ************/

#body-midcol {
	position: relative;
	width: 268px;
	height: auto;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	background-color: #FFFAD7;
	vertical-align: top;
}

.news {
border-top: 1px dotted #89080C;
border-bottom: 1px dotted #89080C;
background-color: #FFFFFF;
padding: 5px;
margin: 0 0 15px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 16px;
letter-spacing: 1px;
color: #333333;
}

/**********  RIGHT COLUMN  ************/

#body-rightcol {
	position: relative;
	width: 230px;
	height: auto;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	background-color: #FFFAD7;
	vertical-align: top;
}

#body-rightcolfull {
	position: relative;
	width: 513px;
	height: auto;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	background-color: #FFFAD7;
	vertical-align: top;
}

.whiteblock {
width: auto;
margin: 0 0 15px 0;
padding: 4px;
background-color: #FFFFFF;
border: 1px solid #DADADA;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #333333;
}

.greenblock {
margin: 0;
padding: 0;
background-color: #E2F2D4;
}

.blueblock {
margin: 0;
padding: 0;
background-color: #DBEFF5;
}

.textblock {
margin: 0;
padding: 10px;
}

/**********  FOOTER  ************/

#footer {
	margin: 0 auto;
	padding: 15px;
	width: 740px;
	clear: both;
	background-color: #FFFCEA;
	border-top: 1px dotted #89080C;
	text-align: center;
	color: #363636;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

/**********  TEXT STYLES  ************/

h1.home {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	font-size: 17px;
	line-height: 25px;
	color: #89080C;
	font-weight: normal;
	text-align: center;
}

h1.pageheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-size: 17px;
	line-height: 25px;
	color: #89080C;
	font-weight: normal;
	border-bottom: 1px dotted #89080C;
	text-align: center;
}

.subheadteal {
font-family: Georgia, "Times New Roman", Times, serif;
color: #01567E;
font-weight: normal;
font-size: 15px;
}

.subheadred {
font-family: Georgia, "Times New Roman", Times, serif;
color: #89080C;
font-weight: normal;
font-size: 15px;
}

.subheadteal-sm {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
font-size: 11px;
}


/**********  LINK STYLES  ************/

a:link { color: #89080C; text-decoration: underline; }
a:visited { color: #89080C; text-decoration: underline; }
a:hover { color: #640000; text-decoration: underline; font-weight: bold; }



/**********  BOARD MEMBERS  ************/

.boardpic { margin: 0 0 0 0; float: left; background-color: #fff; border: 1px solid #666666; padding: 1px; }

.board-left { width: 25%; height: auto; text-align: left; float: left; }

.board-right { width: 75%; height: auto; text-align: left; float: left; }

.board-close { width: 100%; height: 10%; clear: both; }




/**********  IMMUNIZATION RESOURCES  ************/

 #ir-navlist
 {
 padding-left: 0;
 margin-left: 0;
 width: 100%;
 }

 #ir-navlist li
 {
 list-style: none;
 margin: 0;
 padding-top: 10px; padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
 }

 #ir-navlist li a { text-decoration: none; }
 /****************************Classes***********************/
.matter  { text-align: left; vertical-align: middle; background-color: #FFFAD7; font-size: 12px; color: #333333;  }
.errormsg  { text-align: left; vertical-align: middle; background-color: #FFFAD7; font-size: 12px; color: red; font-weight: bold; }

.heading { vertical-align: middle; background-color: #FFFAD7 ; font-size: 15px; color: #333333; font-weight: bold; }
/**********  CALENDAR PAGE  ************/

.calendar-event { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted  #CCCCCC; text-align: left; }
h3.calendar-eventtitle { font-family: Georgia, "Times New Roman", Times, serif; margin: 3px 0; padding: 0; font-size: 15px; color: #89080C; font-weight: normal; text-align: left; }
.calendar-date { font-weight: bold; }
.calendar-time {  }
.calendar-place { }
.calendar-description { }
.calendar-link { }


h2.calendar-month {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-size: 15px;
	line-height: 25px;
	color: #89080C;
	font-weight: normal;
	border-bottom: 1px dotted #CCCCCC;
	text-align: left;
}


#calendarblock {
width: 493px;
margin: 0 0 20px 0;
padding: 10px;
background-color: #FFFCEA;
border: 1px solid #DADADA;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 22px;
color: #333333;
text-align: center;
}
#calendarlinks { width: auto; height: auto; margin: 0; padding: 0; }
#calendarlinks ul { margin: 0px; padding: 0; text-align: center; list-style: none; display: inline; }
#calendarlinks li { list-style: none; display: inline; padding: 0 1px; margin: 0; }
#calendarlinks a:link { color: #89080C; text-decoration: underline; }
#calendarlinks a:hover { color: #89080C;text-decoration: underline;font-weight:bold;  }
#calendarlinks a:visited {color: #000000;text-decoration: none;font-weight:bold;}


 
 
 
/**********  NEWS UPDATES PAGE  ************/


.news-event { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted  #CCCCCC; text-align: left;}
h3.news-eventtitle {font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; font-size: 15px; line-height: 25px; color: #89080C; font-weight: normal; text-align: left; }
.news-date { font-weight: bold;text-align: left; }
.news-description {text-align: left; }
.news-link { font-weight: bold;text-align: left;  }

#newslinks { width: auto; height: auto; margin: 0; padding: 0; text-align: center; }
#newslinks ul { margin: 0px; padding: 0; text-align: center; list-style: none; display: inline; }
#newslinks li { list-style: none; display: inline; padding: 0 1px; margin: 0; }
#newslinks a:link, #newslinks a:visited { color: #89080C; text-decoration: underline; }
#newslinks a:hover { color: #CC0000; text-decoration: underline;  }