* {border:0; margin:0; padding:0; color: white; }

body{
   font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
   text-align: left;
   font-size: 9pt;
   background: #0e0e0e url(images/page-line.jpg) repeat-x;
}

#content h1, #content h2, #content h3, #content p, #content form, #content img {
   margin-left: 25px; margin-right: 25px; 
}
h1, h2, h3{ 
   margin-top: 1em; 
}

h1 { font-size: 200%;  }
h2 { font-size: 130%; font-style: italic; }
h3 { font-size: 125%; font-style: italic}

p {
   font-size: 110%;
   margin-top: .8em;
   line-height: 1.1em;
}

input, select, textarea{
   font-family: Georgia, "MS Serif", "New York", serif;	
   font-size: 120%;
   font-weight: bold;
   color: #2f2f2f;
   padding:1px;
   border: 1px solid gray;
   background-color: #EEEEEE;
   margin: 1px 1px 0 1px;
}

textarea#comments {
   width: 500px;
}


div#page {
   background-color: black;
   min-height: 510px;
   width: 770px; 
   margin-left: auto;
   margin-right: auto;
} 

div#scrn{
   height: 510px; /* -- -- set minimum page height here -- -- */
   float: right;
   width: 0px;
   background-color: black;
}

div#banner {
   position: relative;
   height: 91px; 
   background:  black url(images/ids-underline.jpg) repeat-x bottom left;
}

#banLeftTitle {
   position: absolute;
   top: 24px;
   left: 0;
}

#banRightTitle {
   position: absolute;
   top: 34px;
   right: 0;
   height: 90px;
   width: 200px;
   background-image:  url(images/boxesWText.jpg);
   background-repeat: no-repeat;
}

#banStar {
   position: absolute;
   top: 24px;
   left: 395px;
	height: 123px;
	width: 125px;
   background-image:  url(images/chapterYearStar.jpg);
   background-repeat: no-repeat;
}

ul#nav {
   float: left;
   margin-top: 2.7em;
   width: 200px;
   text-align: left;
   list-style: none;
   color: white;
}
#nav li ul {
   list-style: none;
}
#nav li {
   font-weight: bold;
   font-size: 115%;
   line-height: 1.5em;
   margin-left: 1.5em;
}

.nav_break {
   padding-top: 2em;
}

#nav a {
   text-decoration: none;
   color: white;
}

#nav_break_style {
   padding-top: 2em;
   font-style: italic;
   font-size: 50%;
}

#nav a:hover {
   background: black;
   color: gray;
}

#nav #current_page a {
   background: black;
   color: #d00000;
}

#nav #current_page a:hover {
   background: black;
   color: gray;
}


h1#welcome {
   color: #d0d0d0;
   text-align: center;
}

h1.grayHeading {
   color: #d0d0d0;
   text-align: left:
}

div#content {
   width: 550px;
   display: block;
   float: left;
}

.left { float: left; }
.right { float: right; }
.clearit{ clear: both; }

.calendar {
   width: 300px;
   height: 128px;
   background-image: url('images/calendar.jpg') ;
   background-repeat: no-repeat;
   margin-left: 15px;
   margin-top: 0px;
   margin-bottom: 15px;
   float: right;
}
#titles {
   width: 300px;
   height: 18px;
   margin-left: 35px;
   margin-top: 0px;
   margin-bottom: 0px;
   float: right;
}
.calendar tr  {
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 15px;
   margin-right: 15px;
}
#titles tr {
   margin: 0 35px 0 35px;
}
.calendar td , #titles td{
   font-weight: bold;
   font-size: 95%;
}
#titles td {
   text-align: center;
}

.calendar a, #titles a {
   text-decoration: none;
   color: white;
   margin-left: 15px;
   margin-right: 15px;
}
#titles #current_year a {
   background: black;
   color: red;
}
#titles #next_year a {
   background: black;
   color: white;
}

div#homePageFastLinks {
   width: 530px;
   height: 148px;
   margin: 25px 0 25px 0;
   background-image: url('images/homePageImage.jpg') ;
   background-repeat: no-repeat;
   margin-left: auto;
   margin-right: auto;
}

div#homePageFastLinks ul {
   float: left;
   margin-top: 1.4em;
   list-style: none;
}

#homePageFastLinks li {
   font-weight: bold;
   font-size: 115%;
   line-height: 1em;
   margin-left: 215px;
   margin-bottom: 25px;
}
#homePageFastLinks a {
   text-decoration: none;
   color: white;
}
#homePageFastLinks img {
   margin-left: 1em;
}


div#footer{
   display: block;
   text-align: center;
   clear: both;
   padding-top: 2em;
   margin-right: 2em;
   margin-left: 2em;
   height: 3em;
   font-size: 75%;
}

div#footer a{
   text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: gray;
}

div#footer a:link, div#footer a:visited {
	color: gray;
}

div#footer a:hover {
	color: gray;
	border-bottom-style: solid;
}

#design {
   width: 25%;
   text-align: left;
   float: left;
   display: block;
}

#copyright {
   width: 25%;
   float: right;
   text-align: right;
   display: block;
}

#address {
   float: left;
   text-align: center;
   display: block;
}

.noborder {
   border: 0;
   background-color: black;
}



ul#articleList {
   margin-top: 20px;
   margin-bottom: 10px;
   margin-left: 15px;
   margin-right: 15px;
   list-style: none;
}

#articleList li, #articleList p, #articleList a{
   margin-left: 15px;
}

#articleList li {
   line-height: 1em;
   margin-top: 1.3em;
   margin-left: 15px;
   border-top: 2px solid #555555;
}

#articleList a{
   line-height: 1em;
   font-weight: bold;
   text-decoration: none;
   font-style: italic;
   color: gray;
   margin-left: 0;
}

#articleList a:hover {
   background: black;
   color: #ffbc2f;
}

#articleList p{
   font-size: 110%;
   margin-left: 5px;
   line-height: .4em;
}

#articleList span {
   font-style: italic;
   font-size: 130%;
   margin-left: 0;
}


ul#eventList {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 0;
   margin-right: 15px;
   list-style: none;
}

#eventList li, #eventList p, #eventList a{
   margin-left: 10px;
}

#eventList li {
   line-height: 1em;
   margin-top: 1em;
   margin-left: 15px;
   margin-bottom: 1em;
}

#eventList a{
   font-weight: bold;
   text-decoration: none;
   font-style: italic;
   margin-left: 0;
   padding-left: 0;
   line-height: 1.3em;
}

#eventList a:hover {
   background: black;
   color: gray;
}

#eventList p{
   font-size: 110%;
}

#eventList strong {
   font-size: 115%;
}

#eventList p.hanging-indent {
   text-indent:-6.2em; 
   margin-left:7.0em;
}

p.centerBold {
   text-align: center;
   font-weight: bold;
}

#content span{
   font-weight: bold;
}

p#meetingTitle{
   font-size: 135%;
   font-weight: bold;
   font-style: italic;
   border-bottom: 2px solid #555555;
   line-height: 1.3em;
}

p#activityTitle{
   line-height: 1.3em;
}

p#activityTitle strong {
   font-size: 115%;
   font-style: italic;
   font-weight: bold;
}

p.description{
   padding-left: 45px;
   display: block;
}
ul.description{
   padding-left: 65px;
   display: block;
}

.guestPolicy a{
   margin: 0px;
   color: gray;
}

p.guestPolicy {
   font-style: italic;
}

.guestPolicy h3{
   padding-top: 5px;
}

#content a.guestPolicyLink {
   margin-top: 15px;
   margin-right: 15px;
   margin-bottom: 0px;
   text-align: left;
   width: 300px;
   margin-left: 0px;
   float: left;
   color: gray;
   font-size: 110%;
   font-weight: bold;
   text-decoration: none;
}

#content a.guestPolicyLink:hover {
   background: black;
   color: #ffbc2f;
}

#content a.membershipForm {
   margin-top: 15px;
   margin-right: 0px;
   margin-bottom: 0px;
   text-align: left;
   margin-left: 0px;
   color: gray;
   font-size: 110%;
   font-weight: bold;
   text-decoration: none;
}

#content a.membershipForm:hover {
   background: black;
   color: #ffbc2f;
}

ul.idsList {
   margin-top: 5px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 15px;
   list-style: none;
}

.idsList li {
   line-height: 1em;
   margin-left: 0px;
   margin-bottom: 35px;
}

.idsList a{
   font-weight: bold;
   text-decoration: none;
   font-style: italic;
   margin-left: 0;
   padding-left: 0;
   line-height: 1.3em;
}

.idsList a:hover {
   background: black;
   color: gray;
}

.idsList p{
   font-size: 110%;
   margin-left: 15px;
}

.idsList strong {
   font-size: 115%;
}

.idsList p.hanging-indent {
   text-indent:-6.1em; 
   margin-left:7.4em;
}

#findDesigner {
   width: 250px;
   height: 128px;
   background: url('images/findDesigner.jpg') no-repeat;
   margin: 25px 15px 15px 15px;
   float: right;
   font-weight: bold;
   font-size: 95%;
}

#findDesigner ul {
   margin-left: 3em;
   list-style: none;
}

#findDesigner li {
   margin-top: .3em;
}

#findDesigner a {
   text-decoration: none;
}

#findDesigner p {
   margin-top: 1.2em;
   margin-left: 1.5em;
   font-style: italic;
   font-size: 115%;
}


.no_pic {
   font-style: italic;
   position: absolute;
   bottom: 0;
   right: 0;
}

div.credits {
   padding: 0;
}
div.credits p {
   text-align: center;
   font-size: 75%;
}

div.credits img {
   width: 120px;
   margin-left: 50px;
}

div.officer {
   margin-top: 5px;
   height: 78px;
}

div.officer img {
   float: left;
}

p.officer_name {
   color: #d0d0d0;
   font-style: italic;
   font-weight: bold;
   margin:0;
}
p.officer_title {
   font-style: normal;
   font-weight: bold;
}

ul#ourBoard {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
   width: 100%;
   text-align: left;
   list-style: none;
   color: white;
}
#ourBoard li ul {
   list-style: none;
}
#ourBoard li {
   font-size: 115%;
   line-height: 1.3em;
   margin-left: 25px;
   color: #d0d0d0;
   font-style: italic;
   font-weight: bold;
}
#ourBoard span {
   font-size: 95%;
   font-style: normal;
   font-weight: bold;
}

.photocaption{
   font-size: 85%;
   font-style: italic;
   width: 100%;
   text-align: left;
}
.mission {
   color: #d0d0d0;
   font-size: 120%;
   font-style: italic;
   text-align: justify;
}
.quote {
   color: white;
   font-family: "monotype corsiva", "apple chancery", "URW Chancery L", Verdana, sans-serif;
   font-size: 165%;
   font-style: italic;
   text-align: justify;
   padding-bottom: 6px;
}

.quoteCenter {
   color: white;
   font-family: "monotype corsiva", "apple chancery", "URW Chancery L", Verdana, sans-serif;
   font-size: 165%;
   font-style: italic;
   text-align: justify;
   padding-bottom: 6px;
   padding-left: 30px;
   padding-right: 30px;
   text-align: center;
}

form#login {
   margin-top: 2em;
   margin-bottom: 2em;
}

form#login td {
   padding-bottom: .4em;
}

form label {
   font-weight: bold;
}

#contact_form td {
   padding-bottom: .2em;
}

.form_label {
   padding-right: .2em;
}

input {
   margin-left: .5em;
   margin-right: .3em;
}

.form_group {
   padding-top: 1em;
}

.error_color, .err_msg {
   color: red;
}

div.floathack { float:right;width:1px }

div#content:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul#hireList {
   margin-top: 20px;
   margin-bottom: 10px;
   margin-left: 40px;
   margin-right: 15px;
   list-style: disc;
   list-style-image: url(images/blk_raquo.jpg);
}


#hireList li {
   margin-top: 1.3em;
   margin-left: 20px;
   width: 400px;
}

#hireList a{
   line-height: 1em;
   font-weight: bold;
   text-decoration: none;
   font-style: italic;
   color: white;
   margin-left: 0;
}

p.weighted {
   font-style: italic;
   font-weight: bold;
   font-size: 120%;
   color: gray;
}

#hireList a:hover {
   background: black;
   color: #ffbc2f;
}

#hireList p{
   font-size: 110%;
   margin-left: 10px;
   line-height: 1.2em;
   color: gray;
   text-align: justify;
}
#hireList li.hanging-indent {
   text-indent:-.501em; 
   margin-left:1.70em;
}
#hireList li.hanging-indent p {
   margin:0;
   text-indent:0;
}

#hirelist .clearIndent{
   text-indent: 0;
   margin-left: 135px;
}

p.article {
   margin-top: 20px;
   margin-bottom: 10px;
   margin-left: 15px;
   margin-right: 15px;
   list-style: none;
}

p.article a{
   line-height: 1.4em;
   font-weight: bold;
   text-decoration: none;
   font-style: italic;
   color: gray;
   margin-left: 0;
}

p.article a:hover {
   background: black;
   color: #ffbc2f;
}


p.article span {
   font-style: italic;
   font-size: 130%;
   margin-left: 0;
}

.projectPhoto {
   width: 500px;
   margin-top: 20px;
   margin-left:25px;
}

.projectPhoto img{
   border: 1px solid gray;
}

#contact_form {
   margin-top: 3em;
}

div#joinPageFastLinks {
   width: 400px;
   height: 100px;
   background-image: url('images/joinBox.jpg') ;
   background-repeat: no-repeat;
   margin-top: 10px;
   margin-bottom: 15px;
   margin-right: 50px;
   margin-left: 50px;
   float: center;
}

div#joinPageFastLinks ul {
   width: 95%;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 5px;
   list-style: none;
   float: left;
}
#joinPageFastLinks li {
   font-weight: bold;
   width: 100%;
   font-size: 115%;
   line-height: .2em;
   margin-left: 30px;
   margin-bottom: 0px;
   margin-top: 5px;
}
#joinPageFastLinks a {
   text-decoration: none;
   color: white;
}

#joinPageFastLinks p {
   text-decoration: none;
   margin-left: 10px;
   color: white;
   font-family: "monotype corsiva", "apple chancery", "URW Chancery L", Verdana, sans-serif;
   font-size: 150%;
   font-style: italic;
}

ul.newsletterList {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 10;
   margin-right: 15px;
   list-style: none;
}


.newsletterList li {
   line-height: 1em;
   margin-top: 1em;
   margin-left: 25px;
   margin-bottom: 1em;
}

.newsletterList a{
   color: gray;
   font-weight: bold;
   text-decoration: none;
   font-style: italic;
   margin-left: 0;
   padding-left: 0;
   line-height: 1.3em;
}

.newsletterList a:hover {
   background: black;
   color: #ffbc2f;
}

.newsletterList p{
   font-size: 110%;
}

.newsletterList strong {
   font-size: 115%;
}

.newsletterList p.hanging-indent {
   text-indent:-6.1em; 
   margin-left:7.0em;
}

.floatLeft {
   float: left;
}

#newsletterImage {
   width: 155px; 
   float: right; 
   margin: 20px 25px 20px 0;
}

#content a.activitiesLink {
   margin-top: -15px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 15px;
   text-align: right;
   width: 200px;
   float: right;
   color: gray;
   font-size: 110%;
   font-weight: bold;
   text-decoration: none;
}

#content a.activitiesLink:hover {
   background: black;
   color: #ffbc2f;
}

#designer_hire { display: none; }
#ids_mean { display: none; }
#how_long { display: none; }
#change_mind { display: none; }
#afford_services { display: none; }
#about_ids { display: none; }

div#content, .clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html div#content, * html .clearfix {height: 1%;}
div#content, .clearfix {display: block;}
/* End hide from IE-mac */