/* clearing */
.stretch,
.clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 1px;
	line-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

* html .clearfix {
	height: 1px;
}
/* end clearing */

/* general styles */
.accessibility {
	position: absolute;
	text-indent: -1000px;
}
div#entry {
	width: 590px;
	background-color: #FFFFFF;
}
div#entry h3,
div#entry p, 
div#entry form div {
	padding: 0px 40px 30px 20px;
	margin: 0px;
	font-size: 1.5em;
	line-height: 1.2em;
}
/* end general styles */

/* headlines */
div#entry h2.ir,
div#entry h3.ir,
div#entry a.ir {
  /* IR stuff */
  display: block;
  
  width:590px;
  height:71px;
  
  padding: 0px;
  margin: 0px 0px 30px 0px;
  text-indent: -1000px;

  /* Style for text when visible*/
  color: #000;
  font-size: 2em;
}

div#entry h2#membership {
	background: #fff url(/membership/i4/header_about.jpg) no-repeat;
}

div#entry h2#registration {
	background: #fff url(/membership/i4/header_registration.jpg) no-repeat;
}

div#entry h2#renew {
	background: #fff url(/membership/i4/header_renew.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}

div#entry h2#new {
	background: #fff url(/membership/i4/header_new.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}
div#entry h2#access {
	background: #fff url(/membership/i4/header_accessing_benefits.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}
div#entry h2#details {
	background: #fff url(/membership/i4/header_change_details.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}
div#entry h2#benefits {
	background: #fff url(/headers/header_index.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}
div#entry h2#directory {
	background: #fff url(/membership/i4/header_members_directory.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}
div#entry h2#regional {
	background: #fff url(/membership/i4/header_northwest.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}
div#entry h2#forgotten {
	background: #fff url(/membership/i4/header_forgotten_pw.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}

div#entry h2#main_membership {
	width: 153px;
	height: 56px;
	padding: 0px;
	background-color: transparent;
	background-image: url(../membership/i4/2007_8/title_line1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

div#entry h2#membership_area {
	background: #fff url(/membership/i4/header_membership.jpg) no-repeat;
	margin: 0px 0px 15px 0px;
}
/* headlines */

/* ABOUT */
div#entry h3 {
	padding: 0px 40px 0px 20px;
	font-weight: bold;
}

div#entry p.last {
	padding: 0px 40px 0px 20px;
}
/* REGISTRATION */
div#entry form div, 
div#entry form p {
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 10px 20px;
	/* Hide from IE Mac \*/
	margin: 0px;
	/* */
}

div#entry form div label {
	display: inline;
	float: left;
	width: 12em;
	padding: 0px;
	margin: 0px;
}

div#entry form div input {
	display: inline;
	float: left;
	width: 215px;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
}

div#entry form {
	padding: 0px 0px 20px 0px;
}

/* RENEW MEMBERSHIP*/
div#entry p.renew {
	padding: 0px 40px 15px 20px;
}

div#entry div.membership_wrapper {
	background: #fff url(/membership/i4/main_bg2.jpg) no-repeat;
	height: 377px;
	position: relative;
}

div#entry ul.renew,
div#entry ul.new {
	list-style: none outside;
	padding: 0px;
	margin: 0px;
}

div#entry ul.renew li,
div#entry ul.new li {
	position: absolute;
	display: block;
}


div#entry ul.renew li#new-creative {
	top: 95px;
	left: 344px;
}

div#entry ul.renew li#member {
	top: 199px;
	left: 28px;
}

div#entry ul.renew li#elected-associate {
	top: 196px;
	left: 210px;
}

div#entry ul.renew li#student {
	top: 309px;
	left: 290px;
}

div#entry ul.renew li#associate {
	top: 282px;
	left: 488px;
}

/* JOIN MEMBERSHIP */
div#entry ul.new li#new-creative {
	top: 95px;
	left: 344px;
}

div#entry ul.new li#member {
	top: 199px;
	left: 28px;
}

div#entry ul.new li#elected-associate {
	top: 193px;
	left: 210px;
}

div#entry ul.new li#student {
	top: 309px;
	left: 290px;
}

div#entry ul.new li#associate {
	top: 282px;
	left: 488px;
}

/* MAIN */
div#entry div.main_wrapper {
	height: 532px;
	position: relative;
	background-image: url(/membership/i4/2007_8/main_bg.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
}

div#entry h3#existing_members {
	background: transparent url(/membership/i4/header_existing_members.gif) no-repeat;
	width: 95px;
	height: 33px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

div#entry h3#new_members {
	background: transparent url(/membership/i4/header_new_members.gif) no-repeat;
	width: 99px;
	height: 29px;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

div#entry a#link_apply {
	background: transparent url(/membership/i4/link_apply.gif) no-repeat;
	width: 95px;
	height: 33px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	/* Hide from IE Mac \*/
	overflow: hidden;
	/* */
}

div#entry a#link_join {
	background: transparent url(/membership/i4/link_join_us.gif) no-repeat;
	width: 97px;
	height: 32px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	/* Hide from IE Mac \*/
	overflow: hidden;
	/* */
}

div#entry h3#main_login {
	background: transparent url(/membership/i4/header_login.gif) no-repeat;
	width: 75px;
	height: 17px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
form#membership_login {
	position: absolute;
	top: 310px;
	left: 20px;
	width: 5em;
	/* Hide from IE Mac \*/
	width: auto;
	/* */
}

form#membership_login label,
form#membership_login input {
	float: none;
	display: block;
	
	width: 115px;
	/* Hide from IE Mac \*/
	font-size: 1em;
	
	font-size: 0.9em;
	/* */
	line-height: 1em;
	padding: 0px;
	margin: 0px;
}

form#membership_login label {
	padding: 5px 0px 0px 0px;
}

form#membership_login input.submit,
form#password_registration input.submit { 
	width: 3em;
	padding: 1px 5px 1px 5px;
	/* Hide from IE Mac \*/
	display: inline;
	width: auto;
	/* */
	margin: 10px 0px 5px 0px;
	background: #FAC500;
	border-width: 0px 1px 1px 0px;
}

* html form#membership_login input.submit,
* html form#password_registration input.submit {
	/* Hide from IE Mac \*/
	padding: 3px 3px 1px 3px;
	margin: 8px 0px 5px 0px;
	/* */
}

form#membership_login a,
form#membership_login a:hover,
form#membership_login a:active,
form#membership_login a:visited {
	color: #FAC500;
	font-weight: bold;
	display: block;
	width: 115px;
	margin-top: 30px;
}

* html form#membership_login a {
	/* Hide from IE Mac \*/
	padding-top: 30px;
	/* */
}

form#membership_login div.submit_wrapper {
	width: 3em;
	padding-left: 0px; 
	margin-left: 0px; 
	position: absolute;
}

/* MEMBERSHIP AREA */
div#entry div#bottom_boxes {
	width: 598px;
	height: 185px;
}
div#entry div#bottom_boxes div{
	float: left;
	display: inline;
	width: 128px;
	height: 178px;
	margin: 0px 3px 0px 0px;
	padding: 3px;
	background: #FAC500;
}
div#entry div#bottom_boxes div.renew{
	width: 138px;
	padding: 0px;
}

div#entry div#bottom_boxes div img{
	border: 3px solid white;
	margin: 0px 0px 5px 0px;
}

div#entry div#bottom_boxes div.renew img{
	border: 0px;
	margin: 0px;
}

div#entry div#bottom_boxes p {
	font-size: 1em;
	/* Hide from IE Mac \*/
	font-size: 0.9em;
	/* */
	line-height: 1em;
	margin: 0px;
	padding: 3px;
}

div#entry div#bottom_boxes div.noticeboard h3{
	background: #fff;
	display: block;
	margin: 0px 0px 3px 0px;
	font-size: 1.1em;
	line-height: 1em;
	padding: 3px;
	font-weight: bold;
}

div#entry div#bottom_boxes div.noticeboard p{
	display: block;
	background: #fff;
	margin: 3px 0px 0px 0px;
}

div#entry div#bottom_boxes div.noticeboard p.notice{
	height: 133px;
	margin: 0px;
}

.tools {
	overflow: visble;
	float: right;
	width: 120px;
	text-align: right;
	margin-top: -4px;
	position: absolute;
	/*
	margin-left: 10px;
*/
	clear: left;
	right: 12px;
}
html>body div.tools {
  right: 0px;;
} 
div.long-text {
	font-size: 0.8em;
}

div#entry ul,
div#entry ol {
	margin: 20px;
		font-size: 1.2em;

}

img.sponsor-head {
	margin-top: 20px;
}

a.logo + img.sponsor-head {
	margin-top: 20px;
}

img.logo + img.sponsor-head {
	margin-top: 20px;
}


div#entry div.membernav ul{
	padding: 0 0 20px 00px;
	width: 557px;
}
div#entry div.membernav ul li{
	display: inline;
	float: left;
	margin: 0px;
	padding: 0 14px 0 14px;
	background: #fff url(/i/membernav_bg.gif) no-repeat;
	/* Hide from IE Mac \*/
	padding: 0 14px 0 0;
	background: none;
	/* */
}
div#entry div.membernav ul li.logout{
	float: right;
}
div#entry div.membernav ul li a{
	padding: 0;
	margin: 0;
	/* Hide from IE Mac \*/
	display: block;
	padding: 0 0 0 14px;
	background: #fff url(/i/membernav_bg.gif) no-repeat;
	/* */
}
div#entry div.membernav ul li.logout a{
	background: none;
}


div#entry p,
div#entry div.content div,
div#entry div.content {
	width: 90%;
	
}
div#film_contents {
	width: 150px;
}
div#film_holder {
	width: 480px;
}

