/* @group html */

body
{
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-family: Lucida Grande, Lucida, Verdana, sans-serif;
font-size: small;
margin:0;
background:#FFF url(/images/bg-page-content.jpg)  repeat-x;
}


a img, a img.btn {
border:0;
}

p, blockquote, li
{
	font-size: 95%;
	font-size: 100%;
	line-height: 1.5em;
	text-align: left;
	
}

p {
margin-top: 0;
}

p.posted {
	margin: 0;
	margin-bottom: 0.5em;
	font-size: 90%;
}

p.file {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-weight: normal;
}

strong {
color: #333;
}

a:link, 
a:active, 
a:visited
{
color:#006699;
}



h3 a:hover,
li a:hover,
p a:hover
 {
color:#000;
text-decoration:underline;
}

h1
{
font-family: Georgia, Times, Serif;
font-weight: normal;
padding:0;
margin:0 0 20px 0;	
font-size: 200%;
color:#800210;
color:#CE5000;
}

h1 span.date {
	font-size: 50%;
}

h2 {
font-family: Georgia, Times, Serif;
font-weight: normal;
margin-bottom:10px;	
font-size: 1.5em;
color:#800210;
color:#CE5000;
}


h1,h2,h3,h4 {
	font-family: Lucida Grande, Lucida, Verdana, sans-serif;
}

h3 {
margin-top: 0;
font-weight: normal;
color:#336699;
font-size: 135%;
}

h3.entry-title {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}


h3.blue-bar , #left h3{
	font-weight: bold;
	font-size: 90%;
	padding: 4px 5px;
	margin: 10px 0;
	color: #FFF;
	background:url(/images/bg-blue-bar.gif)  repeat-x;
	border: 0px solid #2364A1;
	border-bottom-color: #03325E;
}

h4  {
color:#336699;
font-size: 90%;
margin-bottom: 20px;
letter-spacing: 1px;
text-transform: uppercase;
background: #D3E4F5;
background: #F7E1B0;
/*display: inline;*/
padding:2px 5px;
}


h5 {
color:#336699;
font-size: 90%;	
margin: 0;
}

sup {
 font-size: 0.5em;
}

ul.checkbox li {
	list-style-type: none;
	padding-left: 30px;
	padding-bottom: 10px;
	background: url(/images/check.gif) 0 -0.3em  no-repeat;
}

/* @group images */

div.img-left {
float: left;
margin: 3px 20px 10px 0;
}

div.img-right {
float: right;
margin: 3px 0 10px 10px;
clear: right;
}

p.caption
 {
font-size: 0.8em;
font-style: italic;
margin: 0;
}

/* @end */

.image-left {
	float: left;
	margin: 0 10px 5px 0;
}

.image-right {
	float: right;
	margin: 0 0 5px 10px;
}

/* @group tables in articles */

td.r {
	color:#CE5000;
	font-weight: bold;
	
}

div.article table {
	border-collapse: collapse;
	background: #FDF7D5;
	background-color: #E7F1F7;
	margin-bottom: 15px;
	font-size:95% ;
	line-height: 1.5em;
	width: 100%;
}

div.article table th, 
div.article table td {
	padding: 0.1em 1em;
}

div.article table th {
	font-size: 12px;
	color: #336699;
	text-align: left;
}

div.article td.white {
background:#FFF;
}

div.article input {
	margin: 3px 0;
}


/* @end */

div#subnav {
	margin-top: 20px;
}

div#subnav ul {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#subnav li {
	font-size: 100%;
	padding-bottom: 10px;
	padding-left: 15px;
	background: url(/images/bullet.gif) 0 0.3em  no-repeat;
}

div#subnav a {
	text-decoration: none;
	font-weight: bold;
}


div.article {
	margin: 0 20px 20px 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbd7e8;
	/*background: url(/images/hibiscus.gif) bottom right  no-repeat;*/
}




div.article-landing {
	margin: 0 20px 20px 20px;
}

div.article-landing h3 {
	font-size: 145%;
}

div.article-landing p {
	color: #336699;
	font-weight: bold;
	font-family: Lucida Grande, Lucida, Verdana, sans-serif;
}


body#home div.article {
	padding: 0;
}

/* @end */

/* @group layout */


table.white {
	background: #FFF;
}


#left div.box {
	background-color: #E7F1F7;
	border: 2px solid #9DC2D9;
	padding: 7px;
}

#left div.box p {
	margin: 0;
}

/* @group home */


div {
	/*border: 1px solid #333;*/
}

body#home  {
background:#FFF url(/images/bg-page-home.jpg)  repeat-x;	
}


#content-wrap
{
	background: url(/images/bg-home-bottom.jpg) bottom left repeat-x;
	background-color: transparent;
	width: 960px;
float: left;
clear: both;

}

#content-inner {
background: url(/images/bg-hibiscus.jpg) top right no-repeat;
width: 960px;
float: left;
}

body#home #message, body#home #events, body#home #welcome {
	width: 280px;
	
	/*height: 400px;*/
	margin-top: 30px;
	float: left;
	display: inline;

	margin-left: 30px;
}


img.border {
padding: 5px;
	background: #FFF;
	border: 1px solid #ccc;
}


#sidebar {
	width: 280px;
    margin-top: 30px;
	float: left;
	display: inline;
    margin-left: 30px;
}

#home-left {
	width: 560px;
	margin-top: 30px;
	float: left;
	display: inline;
    margin-left: 30px;
}


#home-bottom {
	width: 900px;
	margin: 10px 30px;
	clear: both;
}

#home-bottom img {
	float: left;
	margin-right: 20px;
}

/* @end */

#container
{
width: 960px;
margin-left: auto;
margin-right: auto;
}
 
#header
{
width:960px;
float: left;
}



#banner-top {
	float: right;
	margin: 0;
}

body#home #header
{
float: left;
height: 166px;
width:960px;
background:#FFF url(/images/bg-header-home.jpg) top right no-repeat;
}

#left {
width: 170px;
float: left;
clear: left;
margin:0;
padding:0;
display:inline; /* IE margin bug */
}

#right
{
font-size: 0.9em;
margin:0px;
margin-top: 10px;
padding:0;
float: right;
width: 160px;
/*height: 300px;
border:1px solid #666666;*/
display:inline; /* IE margin bug */
/*background:#FFF;*/
}

#content
{
margin:0 0 0 180px;
width:600px;
min-height:500px;
height: auto !important;
height: 500px;
background: #FFF url(/images/bg-page-content-inner.jpg) no-repeat;
}

#content .pad {
	padding: 25px;
}


#footer
{
color: #FFF;
font-size:0.9em;
border-top:0px solid #B5BD5F;
float: left;
display: inline;
clear: both;
margin-top: 40px;
width:960px;
background:url(/images/bg-footer.jpg)  repeat-x;
}

body#home #footer {
	margin: 0;
}

#footer p {
	padding: 10px;
margin: 0;
}


/* @end */

/* @group navigation */

/* @group top */



div#navtop {
width:960px;
height: 33px;
/*background: #EAB133 url(/images/bg-nav-top.jpg) top left repeat-x;*/	
float: left;
padding:0;
margin:0;
list-style: none;
}

#navtop-bottom {
width: 960px;
height: 40px;
background: #FFF url(/images/bg-nav-bottom.jpg) top left repeat-x;	
}

#navtop ul {
    margin: 0;
	padding-top: 5px;
	list-style: none;
	/*height: 20px;*/
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	}
#navtop li {
	float: left;
	margin: 0;
	padding: 0;
	}
#navtop li a {
	
	font-size:13px;
	float: left;
	margin: 0 1px 0 0;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color:#336699;
border-right: 1px solid #EAB133;

	}
	

	#navtop li a:hover {
	background:#F8E6BD;
}

body#home a.home,
body#blog a.blog,	
body#hicc a.hicc,
body#membership a.membership,
body#events a.events,
body#hawaii a.hawaii,
body#directory a.directory,
body#committees a.committees
 {
	background:#F8E6BD;
}

/* @end */

/* @group header */

#nav-header {
	float: right;
	margin-top: 10px;
	/*margin-right: 20px;*/
	margin-bottom:20px;

}

#nav-header ul
 {
	list-style: none;
	margin: 0;
	padding: 0;
}


#nav-header li {
display: inline;
list-style: none;

}

#nav-header  a {
font-weight: normal;
border-left: 1px solid #336699;
padding-left: 5px;	
}



/* @end */

/* @end */

/* @group thumbpop */

.rssThumbFloat {
    float: left;
    width: 150px;
    border: 1px solid #999;
    margin: 0 15px 15px 0;
    padding: 5px;
    text-align: center;
    font-size: .85em;
    background: #FFF;
}

ul#rssThumbNav {
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #666;
}

	

ul#rssThumbNav li a { display: block; width: 5em; color: #FFF; background-color: #036; padding: .2em 0; text-align: center; text-decoration: none; }


	

ul#rssThumbNav li a:hover { color: #FFF; background-color: #69C; }


	

ul#rssThumbNav .left { float: left; } ul#rssThumbNav .right { float: right; } 

/* @end */

/* @group calendar */

p.date {
	line-height: 2em;
	background: url(/images/calendar.png) 0 50%  no-repeat;
	padding: 5px;
	padding-left: 30px;
}

p.date span{
	line-height: 2em;
	margin-left: 10px;
	padding: 5px;
	padding-left: 30px;
	background: url(/images/time.png) 0 50%  no-repeat;
}

h3.zem_event_name {
	font-weight: bold;
	margin: 0;
	font-size: 110%;
}

#sidebar div.event-list {
	margin-bottom: 5px;
	padding-bottom: 0px;
	/*border-bottom: 1px solid #98bfd7;*/
}

#sidebar div.event-list p {
	margin: 0;
}

#sidebar .zem_event_name {
	font-weight: normal;
}

#sidebar .event-list a p.zem_event_name {
	text-decoration: underline;
}


div.event-list {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #98bfd7;
}




#left p.date {
	line-height: 1.4em;
	background: none;
	padding: 0;
	
}

#left p.date span{
	line-height: 1.4em;
	margin-left: 10px;
	padding:0;
	
	background: none;
}

#left .event-list p {
	margin: 0;
}

/* @end */

/* @group blog */

h5.rss {
	font-size: 95%;
	background: url(/images/rss.png) no-repeat;
	padding-left: 20px;
}

.white-box {
	background: #FFF;
	margin: 0 0 20px 0;
}

.white-box h4 {
	margin: 0;
}

/*h1#blog {
font-family: Georgia, Times, serif;
font-weight: normal;
margin-bottom:20px;	
margin-top:0;
font-size: 1.5em;
color:#7E7E1C;
background: #ECECC5;
padding: 2px 5px;
text-align: center;
}*/


p.published {
	font-size: 85%;
	margin-top: 0;
	color: #666;
}

.recent h4 {
	background: #F7E1B0;
	padding: 2px 4px;
}

div.recent {
	margin-top: 10px;
}

div.white-box ul {
	margin: 0;
	padding: 5px ;
	list-style: none;
}

div.white-box li {
	
	margin: 0;
	padding: 0;
	list-style: none;
}

div.tags div{
	padding: 5px;
}

ul#subscribe {
	margin: 5px 5px 5px 15px;
	padding: 0;
}

ul#subscribe li{
	display: inline;
	padding: 0 5px;
}

div.white-box li.recent {
	line-height: 1.2em;
	padding-bottom: 4px;
}

li.recent span {
	font-size: 85%;
	color: #666;
}

div.recent a {
	text-decoration: none;
}

div.recent a:hover {
	text-decoration: underline;
}

div#comments-form {
	margin: 20px 0;
}

div#comments-form fieldset {
	border: none;
	background-color: #FFF;
}

div#comments-form legend {
	color: #666;
	line-height: 1;
	padding: 4px 0 5px 0px;
	margin-bottom: 10px;
	/*margin-left: -20px;*/
	font-weight: bold;
}

div.entry {
	margin-bottom: 20px;
	border-bottom: 1px solid #ECECC5;
}


ol.comments {
	margin: 20px 0;
}

ol.comments li {
	background-color: #FFF;
}


ul.recent_comments {
	margin: 0 0 10px 0;
	padding-left: 15px;
}

ul.recent_comments li {
	margin: 0;
	padding: 0;
}


/* @end */

/* @group comments */



.comment {padding-left:18px; background:url(../img/comment.gif) 0 50% no-repeat;}


/* COMMENTS  */
.comments_error {color: #000;background-color: #fff4f4 }
ul.comments_error {padding : 0.3em;list-style-type: circle; list-style-position: inside; border: 2px solid #fdd;}

#comment {padding-top:20px;}
#comment h3 {border-bottom:1px dotted; font-weight:normal;color:#666;}
#comment ol.comments {width:100%; margin:0; padding:0;}
#comment ol.comments li {margin:15px 0 0 0; padding:0; background:#fcf4c5 url(../img/comment-top.gif) 0 0 no-repeat; font-size:95%; list-style:none;}
#comment ol.comments div {margin:0; padding:0; padding-bottom:10px; background:url(../img/comment-bot.gif) 0 100% no-repeat; }
#comment ol.comments span.comment_number {float:right; font-size:140%;   margin:5px 10px; color:#cecc95; }
#comment ol.comments span.comment_number a {color:#cecc95; font-size:200%; text-decoration:none;}
#comment ol.comments span.comment_number a:hover {color:#DC8907;}
#comment ol.comments p.head_comment {height:23px; line-height:27px; padding:0 0 0 20px; margin:0 0 0 0;background-color: #fae88a;}
#comment ol.comments p.head_comment a {color:#1F1F1F; text-decoration:none; font-weight:bold;}
#comment ol.comments p.head_comment a:hover {text-decoration:underline;}
#comment ol.comments div p {margin:0; padding:15px 15px 5px 15px;}
#cpreview ol.comments span.comment_number a {color:#FFA800; }

form#txpCommentInputForm {width:100%; background:#fcf4c5 url(../img/addcomment-top.gif) 0 0 no-repeat; margin:25px 0 0 0; padding:0;}
#txpCommentInputForm legend {line-height:26px; padding:0 0 10px 30px; margin:0;}
#txpCommentInputForm fieldset {border-left:1px solid #93D30D; border-right:1px solid #93D30D;}
#txpCommentInputForm input {width:320px; margin-bottom:5px;}
#txpCommentInputForm textarea {overflow:auto; height:100px;margin-bottom:5px;width: 320px;}
#txpCommentInputForm a {color:#000000;}
#txpCommentInputForm .comments-wrapper {padding-bottom:10px; background: url(../img/addcomment-bot.gif) 0 100% no-repeat;}
#txpCommentInputForm .comments-wrapper div {width:320px; padding-bottom:20px; }
#txpCommentInputForm input.button {margin:5px; width:auto;}
#txpCommentInputForm input.checkbox {width:auto; margin:0; padding:0;}


/* @end */


div.links {
	margin-bottom: 20px;
}

div.links h4{
	margin: 0;
}