/* @override http://shrmhi.affiniscape.com/associations/9340/files/stylesheets/shrmhi_styles.css */

body {
	margin: 0;
	background: #666666;
}

body#nobackground { background: #fff; }

body,
td,
p {
	color: #003366;
	font: 12px Tahoma, Arial, Helvetica, Geneva, sans-serif;
}

a:link, 
a:active, 
a:visited,
#maincontentcell a:link, 
#maincontentcell a:active, 
#maincontentcell a:visited{
	color: #003366;
	text-decoration: underline;
}

a:hover,
#maincontentcell a:hover { text-decoration: none; }

hr {
	color: #000066;
	background-color: #000066;
}


/* Global Navigation
----------------------------------------*/
#navtop1 li ul,
#navtop2 li ul {
	background: transparent;
	width: 138px;
	border: 1px solid #091563;
	border-top: none;
}

ul#navtop1 li li a,
ul#navtop2 li li a {
	color: #000066;
	background: #00a1b1;
	font: bold 12px/12px Tahoma, Arial, Helvetica, Geneva, sans-serif;
	z-index: 999;
	padding: 10px 5px;
	width: 128px;
	text-align: left;
	border-top: 1px solid #091563;
}

ul#navtop1 li li a:hover, 
ul#navtop2 li li a:hover {
	color: #fff;
	font: bold 12px/12px Tahoma, Arial, Helvetica, Geneva, sans-serif;
}

ul#navtop1 li li a:hover,
ul#navtop2 li li a:hover { background: #336699; }

* html ul#navtop1 li li a,
* html ul#navtop1 li li a:hover,
* html ul#navtop2 li li a,
* html ul#navtop2 li li a:hover { width: 138px; }

#navtop1 li ul li,
#navtop2 li ul li { border: none; }

/* Global Nav - Below Banner */
ul#navtop2 { background: #ccc url(/images/assnimg1222/imgs/bak_navtop2.png) no-repeat left bottom; }

ul#navtop2 li { margin-bottom: 4px; }

ul#navtop2 li li { margin: 0; }


/* System Messages
----------------------------------------*/
#returnlinktable,
div.infomessage,
div.errormessage,
div.loginmessage {
	background: #fff none;
	padding: 4px;
	color: #004990;
}

td#pageheadercell {
	text-align: center;
	background: #024a91;
}

/* Main Content
----------------------------------------*/
#maincontenttable {
	background: #eff7fd url(/images/assnimg1222/imgs/bak_maincontenttable.png) no-repeat top left;
}

#maincontentcell {
	background: transparent;
	padding: 0;
}


/* Sub Content
----------------------------------------*/
#maincontentsubcell p { 
	line-height: 1.2em; 
	margin: 12px 5px;
}

#maincontentsubcell p font { line-height: 1.1em; }

p#homeimg {
	margin-top: 5px;
}


/* Client-side Left Navigation
----------------------------------------*/
td#leftnavcell {
	background: transparent url(/images/assnimg1222/imgs/bak_leftnavcell.png) repeat-y;
}

td#leftnavcell p { 
	line-height: 1.2em; 
	margin: 12px 5px;
}

/* Buttons
-------------------*/
/* Hawaii Programs */
div#hprograms {
	width: 189px;
}

div#hprograms a {
	display: block;
	width: 189px;
	height: 30px;
	background: url(/associations/9340/files/btn_hprograms.png) no-repeat top left;

}

div#hprograms a:hover {
	background: url(/associations/9340/files/btn_hprograms_over.png) no-repeat bottom left;
}

div#hprograms a em {
	position: absolute;
	left: -999em;
}

/* Kauai Programs */
div#kprograms {
	width: 189px;
}

div#kprograms a {
	display: block;
	width: 189px;
	height: 30px;
	background: url(/associations/9340/files/btn_kprograms.png) no-repeat top left;

}

div#kprograms a:hover {
	background: url(/associations/9340/files/btn_kprograms_over.png) no-repeat bottom left;
}

div#kprograms a em {
	position: absolute;
	left: -999em;
}

/* Maui Programs */
div#mprograms {
	width: 189px;
}

div#mprograms a {
	display: block;
	width: 189px;
	height: 30px;
	background: url(/associations/9340/files/btn_mprograms.png) no-repeat top left;

}

div#mprograms a:hover {
	background: url(/associations/9340/files/btn_mprograms_over.png) no-repeat bottom left;
}

div#mprograms a em {
	position: absolute;
	left: -999em;
}

/* Oahu Programs */
div#oprograms {
	width: 189px;
}

div#oprograms a {
	display: block;
	width: 189px;
	height: 30px;
	background: url(/associations/9340/files/btn_oprograms.png) no-repeat top left;

}

div#oprograms a:hover {
	background: url(/associations/9340/files/btn_oprograms_over.png) no-repeat bottom left;
}

div#oprograms a em {
	position: absolute;
	left: -999em;
}

/* Workplace Excellence */
div#workplace {
	width: 189px;
}

div#workplace a {
	display: block;
	width: 189px;
	height: 30px;
	background: url(/associations/9340/files/btn_workplace.png) no-repeat top left;

}

div#workplace a:hover {
	background: url(/associations/9340/files/btn_workplace_over.png) no-repeat bottom left;
}

div#workplace a em {
	position: absolute;
	left: -999em;
}

/* Job Seekers */
div#seekers {
	width: 189px;
}

div#seekers a {
	display: block;
	width: 189px;
	height: 32px;
	background: url(/associations/9340/files/btn_seekers.png) no-repeat top left;

}

div#seekers a:hover {
	background: url(/associations/9340/files/btn_seekers_over.png) no-repeat bottom left;
}

div#seekers a em {
	position: absolute;
	left: -999em;
}

/* Login Widget
----------*/
.rightnav_td, #rightnav_usernamelabel, #rightnav_passwordlabel, #rightnav_list { 
	font-size: 15px; 
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif; 
	margin: 0; 
	color: #004990;
}

#rightnav_welcome {
	margin: 9px 0;
	text-transform: capitalize;
	font-style: italic;
	border-bottom: solid 1px #091563;
	padding: 0 0 5px 0;
	font-size: 10px;
	color: #004990;
}

#rightnav_welcome strong { 
	font-style: normal; 
	margin-left: 3px; 
	color: #091563;
}

#rightnav_td1, #rightnav_td2, #rightnav_td3 { width: 15px;}

#quicklogin { padding: 0; }

#rightnav_usernameinput, #rightnav_passwordinput {
	width: 164px;
	height: 20px;
	border: none;
	margin: 3px 0 2px 0;
	background: #fff;
	color: #003366;
	font: 12px Tahoma, Arial, Helvetica, Geneva, sans-serif;
}

div#quicklogin a:link { 
	text-decoration: none; 
	color: #004990;
}

#rightnav_forgotlink {
	float: left;
	width: 120px;
	margin: 8px 0 0 0;
}
a#rightnav_forgotlink { 
	font: 14px Tahoma, Arial, Helvetica, Geneva, sans-serif; 		
	text-decoration: none; 
	margin-bottom: 10px;
	color: #004990;
}
a:hover#rightnav_forgotlink { text-decoration: none; }

#rightnav_loginbutton {
	float: right;
	width: 40px;
	height: 27px;
	border: 0;
	margin: 0 14px 0 0;
	background: transparent url(/images/assnimg1222/imgs/btn_login.png) no-repeat left 0px;
	cursor: pointer;
}
#rightnav_loginbuttonimg { visibility: hidden; }

#login {
	background-color: transparent;
}

#login td {
	padding: 8px;
}

h5#loginheader {
	color: #004990;
	font: 15px Tahoma, Arial, Helvetica, Geneva, sans-serif; 
	margin: 0;
	text-transform: uppercase;
}

span#loginform ul {
	margin: 13px 0;
	padding: 0 0 0 17px;
}

span#loginform ul li {
	padding: 3px 0;
}


/* Client-side Right Navigation
----------------------------------------*/
td#rightnavcell {
	background: #eef4e9 url(/images/assnimg1222/imgs/bak_rightnavcell.png) no-repeat;
	padding: 5px 16px;
	border-left: 3px solid #7496b6;
}

td#rightnavcell p {
	text-align: center;
	line-height: 1.2em;
	margin: 12px 0;
}


/* Footer
----------------------------------------*/
#footertable {
	background: #fff url(/images/assnimg1222/imgs/bak_footertablecell.png) repeat-y;
}

#footertable table {
	background: transparent url(/images/assnimg1222/imgs/bak_footer_table.png) no-repeat top;
	padding: 6px;
}

#footertablecell{
	background: transparent url(/images/assnimg1222/imgs/bak_footertable_td.png) no-repeat bottom left;
}

#footertable p {
	font: 10px/1.2em "Myriad Pro Cond", Tahoma, Arial, Helvetica, Geneva, sans-serif; 
}

#footertable a:link {
	margin: 0 0 0 15px;
	text-decoration: none;
}

td#left {
	padding-left: 7px;
}

td#right {
	padding-right: 7px;
}


/* Home Link
-----------------------------------*/
div#homelink {
	width: 750px;
	margin: auto;
	_text-align: left;
}

div#homelink a {
	position: absolute;
	z-index: 999;
	background: transparent url(/images/msmimg1040/trans1.gif) no-repeat left top;
}

div#homelink a em {
	position: absolute;
	left: -999em;
}

#home {
	top: 64px;
	right: 50%;
	display: block;
	width: 175px;
	height: 65px;
	margin: 0 178px 0 0;
}	

* html #home {
	margin: 0 178px 0 0;
}


/* Custom Styles
-----------------------------------*/
td#leftnavcell div a.buttons {
	display: block;
	margin: 0;
	width: 145px;
	height: 26px;
	background: transparent url(/images/assnimg1222/imgs/bak_button.png) no-repeat top left;
	padding-top: 4px;
	padding-left: 44px;
	color: #fff;
}

* html td#leftnavcell div a.buttons {
	width: 189px;
	height: 30px;
}

td#leftnavcell div a:link.buttons ,
td#leftnavcell div a:active.buttons ,
td#leftnavcell div a:visited.buttons  {
	color: #fff;
	text-decoration: none;
}

td#leftnavcell div a:hover.buttons  {
	color: #091563;
}


/* Site Search
-----------------------------------*/
div#search {
	position: absolute;
	left: 50%;
	top: 80px;
	z-index: 999999;
	margin: 0 0 0 220px;
}


/* Custom Styles
-----------------------------------*/
table#maincontenttable.module td#maincontentcell { padding: 21px; }


