/* CSS Document */

/* CSS Reset code block */
/* Remember to define focus styles! Tables still need 'cellspacing="0"' in the markup */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus { outline: 0; }
body { line-height: 1; color: black; background: #cccccc; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; }
blockquote, q {quotes: "" ""; }
/* End CSS reset */

div.ohana-content {padding:20px 10px 20px 20px !important;}

body {
	-background: url(http://www.icahdq.org/images/backgrnd_logo_emboss.png) repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

p {font-size:12px; color:#333; margin:10px 0px; line-height:1.2; }
strong {font-weight:bold;}
a {text-decoration:none; color:#006544;}
a:link { color:#006544;}
a:active {text-decoration:underline; color:#006544;}
a:hover {text-decoration:underline; color:#006544;}
a:visited { color:#006544;}

ul.bullets {list-style:disc; margin:0px 0px 0px 20px; }
.px2 > li {margin:2px 0px 2px 0px; line-height:1.2;}
.px3 > li {margin:3px 0px 3px 0px; line-height:1.2;}
.px5 > li {margin:5px 0px 5px 0px; line-height:1.2;}
.px8 > li {margin:8px 0px 8px 0px; line-height:1.2;}
.px10 > li {margin:10px 0px 10px 0px; line-height:1.2;}
ol.letters {list-style:lower-alpha; margin-left:20px;}
ol.numbers {list-style:decimal; margin-left:20px;}
ol.roman {list-style:upper-roman; margin-left:20px;}


h1, h2, h3, h4, h5 {font-weight:bold; color:#006544; margin:10px 0px; }
h1 {font-size:36px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:14px;}

#header {
	width:1000px;
	height:150px; 
	position:relative;
	margin:0px auto;	
	background:#FFF;
	border-bottom:solid 1px #000;
	z-index:90;	
}
#logoHeader {
	width:140px;
	height:150px;
	background:url(http://www.icahdq.org/images/logoHeader.png) no-repeat center center;	
	position:absolute;
	left:0px;
	top:0px;
}
#quickLinks {list-style:none; width:250px; height:40px; margin-bottom:10px; }
#quickLinks li { float:left; margin:0px 1px; background:url(http://www.icahdq.org/images/icons/iconBar.png) no-repeat; }
#quickLinks li a { display:block; height:40px; width:40px;}
#quickLinks li.a  { background-position:0px top; margin-left:0px; }
#quickLinks li.b  { background-position:-40px top; }
#quickLinks li.c  { background-position:-80px top; }
#quickLinks li.d  { background-position:-120px top; }
#quickLinks li.e  { background-position:-160px top; }
#quickLinks li.f  { background-position:-200px top; margin-right:0px; }
#quickLinks li.a:hover  { background-position:0px bottom;}
#quickLinks li.b:hover  { background-position:-40px bottom; }
#quickLinks li.c:hover  { background-position:-80px bottom; }
#quickLinks li.d:hover  { background-position:-120px bottom; }
#quickLinks li.e:hover  { background-position:-160px bottom; }
#quickLinks li.f:hover  { background-position:-200px bottom; }


#loginBox {position:absolute; right:10px; top:5px; width:240px;}
#loginBox form.loginForm ul {list-style:none;padding:0px;margin:0px;}
#loginBox form.loginForm span {float:left; width:110px; color:#006544; }
#loginBox form.loginForm li { width:120px; float:left; list-style:none; }
#loginBox form.loginForm input.password, #loginBox input.username {width:110px; border:solid 1px #006544; margin:2px 2px 2px 0px; padding:2px; font-size:12px; }
#loginBox form.loginForm li.submit{ float:right;}
#loginBox form.loginForm li.submit span{ display:none;}
#loginBox form.loginForm input.submit{ margin:2px auto; float:right;}
#loginBox div.logout { font-weight:bold;color:#006544; font-size:14px; text-align:right; padding-top:10px;}

/* Below styles are for non-Ohana login box.
#loginBox span {font-weight:bold; color:#006544;}
#loginBox a {font-size:10px; float:right;}
#UserName, #Password {width:110px; border:solid 1px #006544; margin:2px 2px 2px 0px; padding:2px; font-size:12px; }
#loginBox input.example {color:#999; }
#loginSubmit{ margin:2px auto; float:right;}
#loginBox span.loggedIn {font-size:16px; text-align:right;}
#loginBox span.logout {text-decoration:underline; cursor:pointer;}
*/

#greenBar {
	height:35px;
	width:860px;
	background:#006544;
	position:absolute;
	left:140px;
	bottom:0px;
}
#mainBody {
	width:1000px;
	min-height:500px;
	background:#FFF;
	margin:0px auto;
	position:relative;
	padding:0px;
}

div.columnLeft {width:730px;}
div.columnRight {width:250px; padding:20px 10px;}

#mainNavigation > ul {
	font-family:Arial, Helvetica, sans-serif;
	color:#006544;
	position:absolute;
	top:119px;
	left:140px;
	font-size:16px;
	width:858px;
	background:url(http://www.icahdq.org/images/nav_bkgrnd.png) repeat center top;
	border-top:solid 1px #006544;
	list-style:none;
	margin:0px;
	padding:0px;
}
#mainNavigation > ul > li {
	float:left;
	padding:7px 11px;
	position:relative;
}
#mainNavigation > ul a { text-decoration:none; color:inherit;}
#mainNavigation > ul > li > ul {
	display:none;
	position:absolute;
	left:0px;
	top:30px;
	font-size:12px;
	padding:7px 0px 15px 0px;
	background:url(http://www.icahdq.org/images/subNav-btm.png) no-repeat bottom center;
	list-style:none;
	margin:0px;

}
#mainNavigation > ul > li > ul > li {
	background:url(http://www.icahdq.org/images/subNav-mid.png) repeat-y center center;
	width:180px;
	padding:5px 10px;
	cursor:pointer;
}
#mainNavigation > ul > li > ul > li:hover {
	color:#003;
	text-decoration:underline;
}
#mainNavigation > ul > li > ul > li:first-child {
	background:url(http://www.icahdq.org/images/subNav-top.png) no-repeat top center;
	padding-top:8px;
}
#mainNavigation > ul > li:hover > ul {
	display:block;
}

#footer {
	width:100%;
	height:100px;
	background:url(http://www.icahdq.org/images/greenFooter_225px.png) repeat-x center center;
}
#footer a {color:#FFF;}
#footer a:visited {color:#DDD;}

#footerWrapper {
	width:1000px;
	height:70px;
	margin:0px auto;
	position:relative;
	padding-top:25px;
	background:url(http://www.icahdq.org/images/body_btm.png) no-repeat top center;
}
#footerWrapper div.disclaimer {clear:both; text-align:center; color:#FFF; width:100%; padding:14px 0px 0px 0px; font-size:11px; line-height:1.2 ;}

#footerNav {position:absolute;bottom:35px;left:80px;color:#FFF;list-style:disc;font-size:11px;}
#footerNav li {padding:2px 0px;cursor:pointer;}
#footerNav li:hover {color:#9CF;text-decoration:underline;}
#footerLinks {position:absolute;bottom:40px;right:0px;color:#FFF;font-size:11px;}
#footerLinks ul {list-style:disc;float:left;padding:0px 10px 0px 20px;}
#footerLinks ul li { padding:1px 0px; white-space:nowrap; cursor:pointer; }
#footerLinks ul li:hover {color:#9CF;text-decoration:underline;}

/* Dues Loading Popup */
span.duesrenew {color:#006544; cursor:pointer;}
span.duesrenew:hover {text-decoration:underline;}
.loading { height:250px;width:350px;position:fixed;left:50%;top:50%;margin-top:-125px;margin-left:-175px;background-color:#006600;background-image:url(/64/images/loading.gif); background-repeat:no-repeat; background-position:center center; z-index:9999;}
.loading p {text-align:center;color:#FFF;position:absolute;top:20px;width:100%; font-weight:bold; font-size:16px;}

div.myICALinks {width:100%; min-height:160px; position:relative;overflow:hidden;}
ul.memLinks {float:left; margin-left:5px; width:260px;}
div.memLinkBtns { overflow:hidden;}
div.memLinkBtns h3 {text-align:left; color:#006544; font-weight:bold; margin:0px 0px 8px 0px;}
ul.memLinkBtns {list-style:none; padding:0px; overflow:hidden;}
ul.memLinkBtns li {float:left; margin:2px; }
ul.memLinkBtns li a, ul.memLinkBtns li span { text-align:center; width:200px; height:25px; padding-top:15px; background:url(images/memLinksBtn.png) no-repeat top center; color:#FFF; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif; }
ul.memLinkBtns li a:hover, ul.memLinkBtns li span:hover { background-position: bottom center;}

#secChairList { list-style:none; margin:0px; overflow:hidden; padding:0px;}
#secChairList h5 { margin:3px 0px; padding:0px; font-weight:bold;}
#secChairList li { padding:5px; width:45%; float:left; padding:5px; float:left; min-height:105px;}
#secChairList p  { margin:3px 0px 0px 0px;}

.homeButtons80 {list-style:none; margin:0px; padding:0px;}
.homeButtons80 li { margin:0px 0px 10px 0px !important;}
.homeButtons80 li a {width:250px; display:block; text-align:center; font-size:24px; padding-top:30px; height:50px; color:#FFF; text-decoration:none; font-weight:bold; }
.homeButtons80 li a:hover {color:#DDD; }
.homeButtons80 li.a a { background:url(http://www.icahdq.org/images/homeButtons_80_alt3_01.png) no-repeat center center; }
.homeButtons80 li.b a { background:url(http://www.icahdq.org/images/homeButtons_80_alt3_02.png) no-repeat center center; }
.homeButtons80 li.c a { background:url(http://www.icahdq.org/images/homeButtons_80_alt3_05.png) no-repeat center center;  padding-top:15px; height:65px;}
.homeButtons80 li.d a { background:url(http://www.icahdq.org/images/homeButtons_80_alt3_04.png) no-repeat center center; }
a.donateToICA {
	font-size: 24px;
	font-weight:bold;
	text-align:center;
	background-image: url(http://www.icahdq.org/images/home/donateBar.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 38px;
	width: 250px;
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:12px 0px 0px 0px;
	margin-bottom:10px;
}
a.donateToICA:hover {background-position: center bottom;}

#socialNetwork {list-style:none; margin:0px 0px 10px 0px;padding:0px;}
#socialNetwork li {float:left; padding:0px 11px;}