/* Site by Keystone Click, LLC

 * (c) The Association for Women in Communications -- http://www.awcmilwaukee.org/

 * 

 */

 

body {
background: #e8e6c1 url(../images/shared/back_color.jpg) top left repeat-x;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 19px;
color: #333; } 

img { border: 0; }	

div { border: 0px dashed red; }
    
div.spacer {
clear: both;
margin: 0px;
padding: 0px; }
    
a { 
color:#ab1d2e;
text-decoration: underline; }

a:visited{
color:#666666;
text-decoration: underline; }

a:hover{
color:#4dbcf0;
text-decoration: none; }

p {
margin-bottom: 25px; }


/* ---------  structure --------- */

#full_container {
margin: auto;
width: 976px; }

#container { 
background: url(../images/shared/top_graphics.jpg) no-repeat; 
width: 976px;
height: 80px; }

#container_home { 
background: url(../images/shared/home_top.jpg) no-repeat; 
overflow: hidden;
width: 976px;
height: 80px; }

#container_body { 
overflow: hidden;
width: 976px;
background: url(../images/shared/3d_back.jpg) no-repeat; }

#container_body_home { 
width: 976px;
height: 541px;
background: url(../images/shared/homepg.jpg) top left no-repeat; }

#container_paper { 
float: left;
width: 570px;
overflow: hidden;  }


#repeating_paper { 
padding: 0px 50px 10px 80px;
background: url(../images/shared/repeating_paper.gif) top left repeat-y; }

#repeating_paper p.description { margin: 3px 0px 10px 0px; padding: 0px; }

#repeating_paper p.disclosure { color:#666666; margin: 4px 0px 35px 0px; padding: 0px; }

#repeating_paper p.date { color: #1f5fb3; font-weight: normal; margin-top: 20px; margin-bottom: 5px; padding: 0px; }

#repeating_paper p.caption { color: #999; font-size: 75%; font-weight: normal; margin-top: 2px; margin-bottom: 15px; padding: 0px; }

#intro p.date { color: #1f5fb3; font-weight: normal; margin-top: 20px; margin-bottom: 5px; padding: 0px; }

.calendar_title a:link { display: block; font-weight: bold; font-size: 120%; margin-bottom: 4px; padding: 0px; }

.calendar_title a:visited { color:#ab1d2e; display: block; font-weight: bold; font-size: 120%; margin-bottom: 4px; padding: 0px; }

.register_btn a:link, .register_btn a:visited { 
display: block;
width: 100px;
height: 25px;
margin-bottom: 20px;
text-indent: -5000px;
background: url(../images/events/register.gif); }

.register_btn_lg a:link, .register_btn_lg a:visited { 
display: block;
width: 152px;
height: 32px;
margin: 15px 0px 20px 0px;
text-indent: -5000px;
background: url(../images/events/register_now.gif); }

.member_btn a:link, .member_btn a:visited { 
display: block;
width: 250px;
height: 32px;
margin: 15px 0px 20px 0px;
text-indent: -5000px;
background: url(../images/members/become_member_btn.gif) no-repeat; }

#becomemember_btn_home a, #becomemember_btn_home a:link { 
display: block;
width: 174px;
height: 53px;
margin: 2px 0px 0px 10px;
text-indent: -5000px;
background: url(../images/home/become_member.gif) no-repeat; }

#intro {
width: 440px;
margin: 25px 80px 33px 80px; }


/* ---------  h tags --------- */

h1 { 
float: left;
display: block; 
width: 256px;
height: 35px;
margin: 0px;
padding-top: 20px; }

h1 a { 
display: block;
width: 256px;
height: 35px;
text-decoration: none;
text-indent: -5000px;
background: transparent url(../images/shared/logo.gif) no-repeat; }   

h2 { 
display: block;
text-indent: -5000px;
margin: 45px 0px 0px 80px;
width: 400px;
height: 56px; }

h2.aboutus { background: url(../images/hdrs/about_us_title.gif) no-repeat; }
h2.board_members { background: url(../images/hdrs/board_members.gif) bottom left no-repeat; }
h2.outreach { background: url(../images/hdrs/outreach.gif) bottom left no-repeat; height: 52px; }
h2.events { background: url(../images/hdrs/events.gif) bottom left no-repeat; }
h2.register_for_events { background: url(../images/hdrs/register.gif) bottom left no-repeat; }
h2.contact_us { background: url(../images/hdrs/contact_us.gif) bottom left no-repeat; }
h2.past_events { background: url(../images/hdrs/past_events.gif) bottom left no-repeat; }
h2.membership { background: url(../images/hdrs/membership.gif) bottom left no-repeat; }
h2.become_a_member { background: url(../images/hdrs/become_a_member.gif) bottom left no-repeat; }
h2.get_involved { background: url(../images/hdrs/get_involved.gif) bottom left no-repeat; }
h2.member_login { background: url(../images/hdrs/member_login.gif) bottom left no-repeat; }
h2.job_postings { background: url(../images/hdrs/job_postings.gif) bottom left no-repeat; }
h2.member_directory { background: url(../images/hdrs/member_directory.gif) bottom left no-repeat; }
h2.member_blog { background: url(../images/hdrs/member_blog.gif) bottom left no-repeat; }
h2.welcome { 
background: url(../images/hdrs/home_get_involved.gif) bottom left no-repeat; 
margin: 45px 0px 0px 20px; 
width: 200px; }
h2.privacy { background:url(../images/hdrs/privacy.gif) bottom left no-repeat; height: 70px; }
h2.terms { background:url(../images/hdrs/terms.gif) bottom left no-repeat; height: 70px; }

h3 { font-weight: bold; line-height: 1px; }

h4 { color: #1f5fb3; font-weight: bold; line-height: 1px; margin-top: 6px; padding: 0px; }

h5 { color: #999; font-weight: normal; font-size: 85%; line-height: 1px; }

/* --------- home page build --------- */

#events_column {
float: left;
padding-right: 25px;
width: 127px; }

#postit_column {
float: left;
width: 329px; }

#postit_column p.newsletter a {
display: block;
text-indent: -5000px;
background:url(../images/home/newsletters.gif);
width: 115px;
height: 91px;
margin: 115px 0px 0px 130px;
}

#postit_column p.laundry {
display: block;
background: url(../images/home/laundry.gif);
width: 78px;
height: 41px;
margin: 50px 0px 0px 210px;
}

#postit_column p.sponsor a {
display: block;
text-indent: -5000px;
background: url(../images/home/sponsor.gif);
width: 114px;
height: 33px;
margin: 50px 0px 0px 100px;
}

#welcome_column {
float: left;
width: 245px; }

#welcome_column p {
margin: 8px 0px 0px 20px;
width: 220px; }





/* ---------  member login --------- */

#member_login a {
background:url(../images/shared/login_arrow.gif) top right no-repeat;
width: 80px;
margin: 3px 70px 0px 0px;
text-decoration: none;
font-size: 85%;
display: block;
color:#c9edfe;
float: right; }

#member_login a:hover { text-decoration: underline; }

/* ---------  main navigation --------- */

#main_nav {
float: left;
margin-top: 0px;
width: 600px; }

#main_nav ul {
margin: 0px; }

#main_nav li {
float: left;
padding-right: 1px;
display: inline;}
 
#main_nav li.home, #main_nav li.home a, #main_nav li.home a:link {
display: block;
background: url(../images/nav/home_off.gif) no-repeat;
text-indent: -5000px;
width: 53px;
height: 27px; }

#main_nav li.home a:hover, #main_nav li.home a.current { background: url(../images/nav/home_on.gif) no-repeat; }

#main_nav li.about, #main_nav li.about a, #main_nav li.about a:link {
display: block;
background: url(../images/nav/about_off.gif) no-repeat;
text-indent: -5000px;
width: 86px;
height: 27px; }

#main_nav li.about a:hover, #main_nav li.about a.current { background: url(../images/nav/about_on.gif) no-repeat; }

#main_nav li.events, #main_nav li.events a, #main_nav li.events a:link {
display: block;
background: url(../images/nav/events_off.gif) no-repeat;
text-indent: -5000px;
width: 57px;
height: 27px; }

#main_nav li.events a:hover, #main_nav li.events a.current { background: url(../images/nav/events_on.gif) no-repeat; }

#main_nav li.membership, #main_nav li.membership a, #main_nav li.membership a:link {
display: block;
background: url(../images/nav/membership_off.gif) no-repeat;
text-indent: -5000px;
width: 94px;
height: 27px; }

#main_nav li.membership a:hover, #main_nav li.membership a.current { background: url(../images/nav/membership_on.gif) no-repeat; }

#main_nav li.involved, #main_nav li.involved a, #main_nav li.involved a:link {
display: block;
background: url(../images/nav/getinvolved_off.gif) no-repeat;
text-indent: -5000px;
width: 94px;
height: 27px; }

#main_nav li.involved a:hover, #main_nav li.involved a.current { background: url(../images/nav/getinvolved_on.gif) no-repeat; }

#main_nav li.contact, #main_nav li.contact a, #main_nav li.contact a:link {
display: block;
background: url(../images/nav/contact_off.gif) no-repeat;
text-indent: -5000px;
width: 82px;
height: 27px; }

#main_nav li.contact a:hover, #main_nav li.contact a.current { background: url(../images/nav/contact_on.gif) no-repeat; }


/* ---------  secondary navigation --------- */

#secondary_nav {
float: left;
padding: 0px;
font: 11px Arial, Helvetica, sans-serif;
margin-top: 56px;
width: 145px; }

#secondary_nav ul {
padding: 15px 0px 8px 12px;
height: 204px;
margin: 0px; }

#secondary_nav li {
background: url(../images/sub_nav/sub_nav_dots.gif) bottom repeat-x;
list-style: none;
margin: 0px; }

#secondary_nav li a, #secondary_nav li a:link, #secondary_nav li a:visited {
display: block;
color:#ab1d2e;
padding: 7px 0px 7px 11px;
margin: 0px;
text-decoration: none; }

#secondary_nav li a:hover, #secondary_nav li a.current {
color:#ab1d2e;
text-decoration: underline;
background: url(../images/sub_nav/arrow.gif) top left no-repeat; }

#secondary_nav li a.current {
color:#ab1d2e;
font-weight: bold;
text-decoration: none;
background: url(../images/sub_nav/arrow.gif) top left no-repeat; }


/* ---------  hr rule --------- */

#handline {
display: block;
height: 15px;
margin: 0px 0px 35px 0px;
background:url(../images/shared/hr.gif) top left no-repeat; 
overflow: hidden; }

#dottedline {
display: block;
height: 5px;
margin: 0px 0px 20px 0px;
background: url(../images/sub_nav/white_dots.gif) repeat-x;
overflow: hidden; }


/* ---------  ad blocks --------- */

#ad { 
margin: 0px;
padding: 0px;
overflow: hidden; }

#ad ul {
padding: 0px;
margin: 0px; }

#ad li {
display: block;
float: left;
margin: 0px;
padding: 0px;
text-indent: -5000px;
display: inline;}
 
#ad li.newsletters, #ad li.newsletters a, #ad li.newsletters a:link {
display: block;
width: 145px;
height: 85px;
background: url(../images/adblocks/download_newsletter.gif) top left no-repeat; }

#ad li.sponsor, #ad li.sponsor a, #ad li.sponsor a:link {
display: block;
width: 145px;
height: 85px;
background: url(../images/adblocks/become_sponsor.gif) top left no-repeat; }

#ad li.membership, #ad li.membership a, #ad li.membership a:link {
display: block;
width: 145px;
height: 85px;
background: url(../images/adblocks/become_member.gif) top left no-repeat; }


/* ---------  board members --------- */

#photo { 
float: left;
margin-right: 15px;
border: 1px solid #ccc;
background-color: #FFFFFF;
padding: 5px; }

#boardinfo { 
width: 300px; 
float: left; 
margin: auto; 
overflow: hidden; }


/* ---------  bullet list --------- */

#bullet {
margin: 10px 0px 25px 20px;
padding-bottom: 0px; }

#bullet ul { 
margin: 0px;
padding: 0px;
}

#bullet li { 
color: #AB1D2E;
margin: 0px;
padding-bottom: 5px;
margin: 0px;
/*background-image:url(../images/shared/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;*/
padding-left: 1.1em; }
#bullet li span {
	color: black;
}

#bullet li a, .bullet li a:link { 
color: #adaa25;
text-decoration: underline;}

#bullet li a:visited { 
color: #999;
text-decoration: underline;}

#bullet li a:hover { 
color: #333300;
text-decoration: underline;}


/* --------- footer --------- */

#footer_nav_home { 
width: 976px;
margin: auto;
padding: 50px 0px 33px 0px;
background: url(../images/shared/home_bottom.jpg) top right no-repeat; } 

#footer_nav { 
width: 976px;
margin: auto;
padding: 161px 0px 33px 0px;
background: url(../images/shared/business_card.jpg) top left no-repeat; }

#footer_nav ul, #footer_nav_home ul {
text-align: center; }

#footer_nav li, #footer_nav_home li {
display: block;
border-right: 1px solid #ccc;
list-style: none;
padding: 0px 8px 0px 8px;
margin: 0px;
display: inline; }

#footer_nav li, #footer_nav li a, #footer_nav li a:link, #footer_nav_home li, #footer_nav_home li a, #footer_nav_home li a:link { color: #139ccc; text-decoration: none; }
#footer_nav li a:hover, #footer_nav_home li a:hover { text-decoration: underline; }
#footer_nav li.last, #footer_nav_home li.last { border-right: 0px solid #333333; }

#footer_nav p, #footer_nav_home p { text-align: center; font-size: 80%; margin-left: 100px; }





/* Basic Form Elements 
--------------------------------------------------- */
form strong { font-weight: normal; color: #CC0000; }

fieldset {
position:relative; 
padding:0;
margin:0;}

fieldset legend {
text-indent:-300em;
padding:0;
margin:0;}

input.text, 
textarea.text {
background:#fff;
border: 1px solid #8fadc5;
width: 161px;
padding:2px 4px 2px;
font-family:Arial, Helvetica, sans-serif;
color:#333;}

input.submit { margin:0.8em 0 0}

input.browse_btn { border: 1px dashed red; margin-top: 5px; }

select {
background:#fff;
width: 170px;
font-size: 85%;
border:1px solid #8fadc5;
color:#333;}

select option {
margin:0 0px;
padding:2px;}

select.library {
background:#fff;
width: 130px;
font-size: 85%;
margin: 30px 0px 0px 10px;
border: 1px solid #8fadc5;
color: #333;}

select.career_search_drop {
background:#fff;
width: 160px;
font-size: 85%;
margin: 5px 0px 0px 0px;
border: 1px solid #8fadc5;
color: #333;}

select.jobs {
background:#fff;
width: 150px;
font-size: 85%;
margin: 30px 0px 0px 0px;
border: 1px solid #8fadc5;
color: #333;}

select option.library {
margin:0 0px;
padding:2px; }

input.library { 
background:#fff;
width: 105px;
height: 17px;
font-size: 85%;
margin: 29px 0px 0px 10px;
border: 1px solid #8fadc5;
color: #333; }

input.resulty { 
background:#fff;
width: 160px;
height: 17px;
font-size: 85%;
margin: 2px 0px 10px 0px;
border: 1px solid #8fadc5;
color: #333; }

input.rfp { 
background:#fff;
width: 160px;
height: 17px;
font-size: 85%;
margin: 0px 7px 0px 0px;
border: 1px solid #8fadc5;
color: #333; }

select.resulty { width: 162px; font-size: 85%; }

textarea.resulty { width: 340px; height: 70px; margin: 2px 0px 0px 0px; border: 1px solid #8fadc5; }

div.required em {padding-left:3px; font-weight:normal; font-size:95%; color:#b44;}
div.required .warning {display:none; font-weight:normal; font-size:95%; color:#b44;}
label.hiddenLabel {display:none;}




/* tables
---------------------------------------------------------- */

#mytable {
width: 126px;
padding: 0;
margin: 0px 0px 0px 0px; }

#mytable th {
font-size: 9px;
color: #000;
text-transform: uppercase;
text-align: center;
width: 15px;
height: 15px; 
background: #ffffff; }


#mytable td {
font-size: 9px;
text-transform: uppercase;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #cdedfc;
text-align: center;
width: 15px;
height: 15px;
color: #454545; }


#mytable td.grey {
background: #e4e3e3;
color: #9e9e9e; }

#mytable td.blue a {
display: block;
text-decoration: none;
background: #0d9dd0;
color: #fff; }

#mytable td.blue a:hover {
background: #ab1d2e; }

#member_directory table {
	width: 300px;
	text-align: center;
}

#member_directory table th {
font-size: 9px;
color: #000;
text-transform: uppercase;
text-align: center;
width: 15px;
height: 15px; }

#member_directory table td {
font-size: 9px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #cdedfc;
text-align: center;
width: 15px;
height: 15px;
color: #454545; }

#member_profile table {
	width: 450px;
}

#member_profile .label {
font-size: 9px;
color: #000;
text-transform: uppercase;
background: #c0e0fe;
text-align: center;
width: 15px;
height: 15px; }

#member_profile table td {
font-size: 9px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #cdedfc;
text-align: center;
width: 15px;
height: 15px;
color: #454545; }


/* Contact Form
---------------------------------------------------------- */
#contactform label 
{
display: block;
color: #333;
margin-top: 10px;
margin-bottom: .3em;
font-size: 85%;
font-weight: normal; }

#contactform label.loud {
float: left;  
width: 200px;
margin: 0 1em 0 0;
color: #333;
padding-top: .3em;
padding-bottom: .3em;
font-size: 85%;
font-weight: bold; }

#contactform input.float  {float: left; height: 16px; padding: 0; margin: .5em 0 .3em 0; width: 161px; font-size: 85%; }
#contactform select.float {float: left; margin: .5em 0 .3em 0; width: 165px; font-size: 85%; }

#contactform ol { background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px; }

#contactform li { clear: left; background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px !important; }

#contactform textarea  {
width: 100%;
width: 373px; }

#contactform input.largerCheckbox { clear: left; color: #333; margin: 12px 3px 0px 0px; }

#contactform p { font-size: 85%; color: #333; margin: 5px 0px 0px 0px !important; padding: 5px 0px 0px 0px; }

#contactform em { float: left; margin: 9px 0px 0px 5px; color:#CC0000; font-weight: bold; font-size: 110%; }
#contactform strong { float: left; margin: 5px 0px 0px 4px; color:#CC0000; font-weight: normal; font-size: 85%; }

#iframe_cal {
	margin: 303px 0px 0px 26px; }