/*  STRUCTURE.CSS for APWColorado.org ::  */

/* ----------------------------  BASELINE SETTINGS  ----------------------*/

body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, 
p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, th, var { 
font-style: normal; font-weight: normal; }

strong { font-weight: bold; font-size: 100%; }


ol, ul {  margin: 1em 0;  margin-left: 10px; padding-left: 0; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

caption, th {  text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* ------------------------ MASTER STRUCTURE SETTINGS  ----------------------*/

body { 
	margin: 0;  
	padding: 0;  
	background-color: #ffffff;
	position: relative; 
	min-height: 100%;        /* -- IE needs something different -- */
	font-size: 76%; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
div#container { 
	position: relative; 
	top:  0; 
	left: 0;
	width: auto; 
	height: auto;
	margin: 0; 
	padding: 0; 
	text-align: left; 
}
	
/* -------------------------  BRANDING BANNER ------------------------------*/

div#branding {          /* HOLDER for all HEADER ITEMS */   
	position: relative;
	top: 0; 
	left: 0; 
	right: 0;
	width: 105%;  min-width: 860px;  
	margin: 0; 
	padding: 0;
	height: 131px;  
}

div#banner { 
	position: absolute;
	top: 0; 
	left: 172px; 
	right: 0;
	width: 1280px; 
	margin: 0; 
	padding: 0;
	height: 131px;
	background-color: #976492;   /* lolly-deep */
	background-image: url(images-basic/branding.gif);
	background-position: top left;
	background-repeat: repeat-x;
}


div#bannermo { 
	position: absolute;
	top: 0; 
	left: 172px; 
	right: 0;
	width: 1280px; 
	margin: 0; 
	padding: 0;
	height: 131px;
	background-color: #7173bd;   /* cobalt-periwinkle */
	background-image: url(images-basic/branding-MO.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
.banner-success { background-color:#35868b; 
	padding:4px; 
	color:#ffffee; 
	margin-bottom:4px; }
	
div#logo { 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 172px; 
	height: 106px; 
	text-decoration: none;
	z-index: 900; 
}
	
div#logo a { text-decoration: none; }
div#logo img { margin: 0; border: none; } 

div#tagline {
	position: absolute; 
	z-index: 210;
	top: 0; 
	left: 172px;
	width: 457px; 
	height: 106px;
	padding: 0;
}

div#girl {
	position: absolute;
	z-index: 800;
	top: 0;
	left: 629px; 
	width: 155px;
	height: 106px;
	padding: 0;
}
/* -------------------------------------------
	BRANDING BAR LOG-IN BLANKS
----------------------------------------- */
div#login {
	position: absolute;  
	top: 10px;
	left: 845px;
	margin: 0;
	padding: 0;
	width: 300px;  
	height: 131px;
	z-index: 990;
}
div#login input {
	padding: 2px;
	background-color: #bfe1e1;       		/*  pale turquoise */
	color: #333333;	
	border-top:    2px solid #132f27;      /* dark turquoise */
	border-left:   2px solid #132f27;      /* dark turquoise */	
	
	border-right:  2px solid #bfe1e1;      /* pale turquoise */
	border-bottom: 2px solid #bfe1e1;      /* pale turquoise */
	}
	
div#login input.btn:link,
div#login input.btn:active {
	padding: 2px;
	border-top:    2px solid #bfe1e1;      /* pale turquoise */
	border-left:   2px solid #bfe1e1;      /* pale turquoise */
	
	border-right:  2px solid #132f27;      /* dark turquoise */ 
	border-bottom: 2px solid #132f27;      /* dark turquoise */ 
	background-color: #ffffff;            /*  white*/ 
	color: #333;
	font-style: normal;
	font-size: 9px;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;  
}
div#login input.btn:hover,
div#login input.btn:active { 
	padding: 2px;
	background-color: #bfe1e1;       /*   pale turquoise */
	color: #333;
	
	border-top:    2px solid #132f27;      /* dark turquoise */
	border-left:   2px solid #132f27;      /* dark turquoise */	
	
	border-right:  2px solid #bfe1e1;      /* pale turquoise */
	border-bottom: 2px solid #bfe1e1;      /* pale turquoise */
	font-size: 9px; 
}
div#login label { 
	margin-left: 10px;
	color: #000000;
	letter-spacing: .02em;
	font-size: 9px; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

div#login div.logout a {
	position: absolute;
	top: 20px;
	padding-top: 20px;
	letter-spacing: .02em;
	font-weight: bold;
	font-size: 9px; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
div.logout a:link, 
div.logout a:visited {
	color: #ffffff;                         /* white */
}
div.logout a:hover, 
div.logout a:active {
	color: #feb3ec;                         /* LITE hot pink  */  
}
/* ---------------------------- 
	SWIRLY DECOR 
--------------------------- */
div#swirly1 {
	position: absolute; 
	z-index: 510;
	top: 106px; 
	left: 0;
	width: 172px; 
	height: 25px;
	border-bottom: 1px solid #72366e;
	visibility: visible;
}

div#swirly2 {
	position: absolute; 
	text-align: right;
	z-index: 500;
	top: 106px; 
	left: 172px;
	width: 1280px; 
	height: 25px;
	background-image: url(images-basic/APW_swirly02.gif);
	background-position: top left;
	background-repeat: repeat-x; 
	border-bottom: 1px solid #72366e;
	visibility: visible;
}

div#swirly3 {      /* Members-Only Section */
	position: absolute; 
	z-index: 511;
	top: 106px; 
	left: 0;
	width: 172px; 
	height: 25px;
	border-bottom: 1px solid #5450b6;  /* cobalt blue */
	visibility: visible;
}

div#swirly4 {      /* Members-Only Section */
	position: absolute; 
	text-align: right;
	z-index: 501;
	top: 106px; 
	left: 172px;
	width: 1280px; 
	height: 25px;
	background-image: url(images-basic/APW_swirly04.gif);
	background-position: top left;
	background-repeat: repeat-x; 
	border-bottom: 1px solid #5450b6;  /* cobalt blue */
	visibility: visible;
}



/* ---------------------------- 
	MENU SECTION 
--------------------------- */

div#menu { 
	/* float: left;    WORKS to float left but not on IE */
	position: absolute;
	top: 131px;
	left: 0;
	margin: 0;
	padding: 0; 
	width: 172px;
	height: 100%; 
	min-height: 1250px;  /*   LENGTH */
	height: auto;
	background-color: #f0e2c8;  /* pale caramel  */
	background-image: url(images-basic/brocade_shadow.gif); 
	background-repeat: repeat-y;
	background-position: left top;
}

div#menu ul { list-style: none; padding-bottom: 1em; }

div#menu ul li { 
	padding-left: .2em; padding-right: 2em; padding-top: 1em;
	text-align: right;
	line-height: 1.5em;
	color: #3c234b;   /* dark purple  */
	font-size: .95em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
div#menu ul li a:link    { text-decoration: none; color: #6d276a; /* burgundy  */  }
div#menu ul li a:visited { text-decoration: none; color: #836182; /* greyed burgundy */  }
div#menu ul li a:hover, 
div#menu ul li a:active  { text-decoration: none; color: #b71db0;  /* bright pink */
	                          border-bottom: 1px solid #b71db0;  }

div#menu ul li a:focus { outline-style: none; } 
/* removes Firefox outline on links */

/*  IMAGES in MENU */
div#menu ul li img a:link, 
div#menu ul li img a:visited  { visibility: hidden; }

div#menu ul li img a:hover, 
div#menu ul li img a:active { visibility: visible; }

/* -------------------------------------------
	YOU ARE HERE NAVBAR LINKS: 
---------------------------------------------  */

#aboutpage #nav #about a:link, #aboutpage  #nav #about a:visited,

#adminpage #nav #admin a:link, #adminpage  #nav #admin a:visited,

#benefitspage #nav #benefits a:link, #benefitspage  #nav #benefits a:visited,

#boardpage #nav #board a:link, #boardpage  #nav #board a:visited,

#campexperiencepage #nav #campexperience a:link, #campexperiencepage #nav #campexperience a:visited,

#careerpage #nav #career a:link, #careerpage  #nav #career a:visited,

#committeespage #nav #committees a:link, #committeespage  #nav #committees a:visited,

#contactpage #nav #contact a:link, #contactpage #nav #contact a:visited, 
	
#corp_memberspage #nav #corp_members a:link, #corp_memberspage  #nav #corp_members a:visited,

#eventspage #nav #events a:link, #eventspage #nav #events a:visited,

#FAQpage #nav #FAQ a:link, #FAQpage #nav #FAQ a:visited,

#foundationpage #nav #foundation a:link, #foundation #nav #foundation a:visited,

#homepage #nav #home a:link, #homepage #nav #home a:visited,
	
#joinpage #nav #join a:link, #joinpage #nav #join a:visited,

#linkspage #nav #links a:link, #linkspage #nav #links a:visited,

#memberadspage #nav #ads a:link, #memberadspage #nav #ads a:visited,

#membersonlypage #nav #membersonly a:link, #membersonlypage  #nav #membersonly a:visited,

#memberspage #nav #members a:link, #memberspage #nav #members a:visited,

#moreinfopage #nav #moreinfo a:link, #moreinfopage #nav #moreinfo a:visited,

#newmemberspage #nav #newmembers a:link, #newmemberspage #nav #newmembers a:visited,	
	
#newsletterpage #nav #newsletter a:link, #newsletterpage  #nav #newsletter a:visited,

#policiespage #nav #policies a:link, #policiespage  #nav #policies a:visited,

#presspage #nav #press a:link, #presspage  #nav #press a:visited

	{ 
	color: #35868b;                          /* dark turquoise */
	font-size: 1.2em;  font-weight: bold;    /* larger BOLD font size */
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
#nav #credits {  color: #6d276a; /* burgundy  */ font-size: .95em; }
	
/* -------------------------------------------
	CONTENT SECTION 
----------------------------------------------*/
	 
div#content { 
	position: absolute; 
	top: 133px;
	left: 175px;
	width: 1280px;
	margin: 0;
	padding: 0;
	height: auto; 
	text-align: left;
	background: #ffffff;
}
	
div#content a  { 
	color: #6d276a; 
	line-height: 1.5em;
	font-size: 1em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
div#content a:link    { 
	text-decoration: underline; color: #6d276a; /* burgundy  */  }
div#content a:visited { 
	text-decoration: underline; color: #836182; /* greyed burgundy */  }
div#content a:hover   { 
	text-decoration: underline; color: #b71db0; /* bright pink */   }
div#content a:active  { 
	text-decoration: underline; color: #b71db0; /* bright pink */   }

div#content a:focus { outline-style: none; } 
/* removes Firefox outline on links */


div#backgroundswirlies {  /* functions as holder for background image */        
	position: absolute;   
	top: 0;
	margin: 0;
	padding: 0;
	 width: 1280px;  
	height: 1200px;     /* LENGTH */
	background-color: #ffffff;
	background-image: url(images-basic/SWIRLY-background.jpg); 
	background-repeat: repeat;
	background-position: left top;
	border-top: 1px solid  #ffffff;  /* keeps content aligned with top !? */
}

/* -------------------------  PRIMARY SECTION   ------------------------------*/ 

div#primary {  
	position: absolute; 
	top: 0;
	left: 0;
	width: 620px;  min-width: 500px;
	
	height: auto; height: 100%;
	
	margin: 10px; 
	padding: 1em 3em 1em 1em;
	background-color: transparent;
	text-align: left;
	color: #333333;
	line-height: 1.5em;
	font-size: 1em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}	

div#primarywide {   
	position: absolute; 
	top: 0;
	left: 0;
	width: 720px;
	
	height: auto; height: 100%;
	
	margin: 10px; 
	padding: 1em;
	background-color: transparent;
	text-align: left;
	color: #333333;
	line-height: 1.5em;
	font-size: 1em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

div#primary img { float: right; border: 1px solid #000000; margin: 0.65em 0 0 1em; padding: 0; }

div#primary img a { float: none; border: 0;  }

div#primarywide .corp { background-color: transparent; width: 720px; }
div#primarywide img { float: right; border: 0;  }
div#primarywide img a { border: 0;  }
div#primarywide li { padding-bottom: 1em; }

div#orderby {   
	position: absolute; 
	z-index: 850;
	top: 0;
	left: 457px;
	width: 300px;
	height: 28px; 
	margin: 0; 
	padding: 0.5em;
	background-color: transparent;
	text-align: left;
	text-decoration: underline;
	color: #333333;
	line-height: 1.5em;
	font-size: 1em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

div#note {  float: left;
	top: .5em; 
	left: 0;
	background-color: transparent;
	width: auto; 
	margin: 0; 
	padding: 10px 20px 10px 10px;	
	text-align: left; 
	color: #6d276a;           /* dark burgundy */
	line-height: 1.5em;
	font-size: .92em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif; 
	font-style: normal;
}
	
/* ------------------------------------------ 
	SECONDARY  
---------------------------------------------*/ 

div#secondary { 
	position: absolute;
	top: 0; 
	left: 660px;
	background-color: transparent;
	width: 254px; 
	height: auto;
	margin: 10px; 
	padding: 1em;	
	text-align: left; 
	color: #333333;
	line-height: 1.5em;
	font-size: 1em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

/* -------------------------------------------
	HEADERS   
----------------------------------------------*/ 
	
h1   { 
	color: #35868b;              /* dark turquoise */
	padding-bottom: .5em;
	line-height: 1.1em;
	font-size: 1.3em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
h2   { 
	color: #35868b;               /* dark turquoise */ 
	padding-top: 1em;
	padding-bottom: .5em;
	line-height: 1.1em;
	font-size: 1.25em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
h3   { 
	color: #35868b;               /* dark turquoise */  
	padding-bottom: .5em;
	line-height: 1.1em;
	font-size: 1.05em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
h4 { 
	color: #6d276a;           /* burgundy  */ 
	padding-bottom: .3em;
	line-height: 1.1em;
	font-size: .98em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

.subh { font-size: 110%; font-weight: bold; }

/* -------------------------  MISCELLANEOUS   ------------------------------*/

p { line-height: 1.5em; padding-bottom: .5em; }

em, .ital, .caption { font-style: italic; }

.byline { font-style: italic; 
	color: #6d276a;
	padding-left: 1.6em;
	line-height: 1.6em;
	font-size: .9em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif; 
}

.intro { 
	color: #333333; 
	background-color: transparent; 
	margin: 0;
	padding: 0 2em .5em 0;
	font-weight: bold;
	line-height: 1.4em; 
	font-size: 1.2em; 
	font-family: Arial, sans-serif;
}

.intro ul { 
	list-style: none; 
}

.intro li { 
	font-style: italic;
	font-weight: bold;
	background: url(images-basic/icondot.gif) 0 20% no-repeat; 
	padding: 0 10px 0 15px; 
	line-height: 1.8em;
}

.benefittext  { 
	color: #333333; 
	background-color: transparent; 
	margin: 0;
	padding: 0 2em 1em 0;
	font-weight: normal;
	line-height: 1.4em; 
	font-size: 1em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

.benefittext ul { 
	list-style: none; 
} 

.benefittext li { 
	font-style: normal;
	background: url(images-basic/icondot.gif)  0 10% no-repeat;
	padding: 0 10px 0 15px; 
	line-height: 1.6em;
	padding-bottom: .5em;  border-bottom: 1px solid #eaddc3;
}

/*  ------------- EVENT LIST / MEMBER LIST ---------------- */

.eventlist, .memberlist { 
	background-color: transparent; 
	margin: 0 1em 0 0;
	padding: 0 0 1em 1em;
	line-height: 1.4em; 
	font-size: .95em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

.memberlist p { line-height: 1.8em; }


.eventlist { width: 35em; float: left; }

.eventlist h1 { color: #35868b;           /* dark turquoise */  
	padding-bottom: .5em;
	border: none;
	font-weight: bold;
	line-height: 1.1em;
	font-size: 1.5em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

.eventlist h2 { color: #35868b;           /* dark turquoise */ 
	padding-top: .5em;
	font-weight: bold;
	line-height: 1.6em;
	font-size: 1.2em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

.eventlist h3 { color: #333333;           /* dark grey  */ 
	padding-top: .5em;
	font-weight: bold;
	line-height: 1.6em;
	font-size: 1.1em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

.eventlist p { padding-bottom: 1em;  border-bottom: 1px solid #eaddc3; }

div#content .eventlist a:link, 
div#content .eventlist a:visited { 
	font-weight: bold; text-decoration: underline; color: #6d276a; /* burgundy  */  }

.eventlist strong { 
	
	font-weight: bold;
	line-height: 1.6em;
	font-size: 1.1em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif; }

.ads { padding-top: .5em; }

#content .alarm a { 
	font-size: 1.2em;  font-weight: bold;    /* larger BOLD font size */
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	font-style: italic; }
	
.larger { font-size: 110%; }
.smaller { font-size: 85%; }
.smallish { font-size: 92%; }
.caption { width: 500px; padding: 1em 1em 1em 0; }
.italic { font-style: italic; }
.blue  { color: #7777aa; }
.bolder { font-weight: bold; font-size: 106%; }

.loginas { font-weight: bold; color: #333333; font-size: 1.2em; 
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;  }

.turquoise { color: #35868b; }
.burgundy  { color: #6d276a; }

/* ------------- SPECIAL ANNOUNCEMENT BLOCK ----------------------*/

div#specialannouncement {  /* holder for SignUpBtn.jpg */
	position: relative; 
	top: 0; 
	left: .5em;
	width: 300px;
	height: auto;
	margin: 0;
} 

/* FORMS -------------------------------------------*/

fieldset { 
	border: none;
	padding: 0;
	margin: 4px 0 0 0; }
	
fieldset div {
	width: 600px;  /* was 550px; */
	}
	
label {  
	padding: .2em;
	color: #330066;
	font-size: .85em;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;  
}
	
input, textarea  {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em; 
	padding: 2px; 
	border-top:    1px solid #35868b;      /* dark turquoise */
	border-right:  1px solid #ffffff;      /* white */
	border-bottom: 1px solid #ffffff;      /* white */
	border-left:   1px solid #35868b;      /* dark turquoise */ 
	background-color: #f0f2f8;            /*  pale lite blue */ 
	color: #222222;              /* dk grey */   /* was #6d276a; burgundy  */ 
	font-style: normal;
	line-height: 120%;
	font-size: 10px;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;  
}

div.choices input { 
	position: relative;
	top: 1em;
	margin-left: 1em;  
}
div.choices  {  
	width: 600px;
	padding-bottom: 1em; 
	border-bottom: 1px solid #35868b;
	margin-bottom: 1em;
	padding-top: .1em; 
	border-top: 1px solid #35868b;
	margin-top: 1em;
}

div.details  {  
	width: 540px;
	padding-bottom: 1em; 
	border-bottom: 1px solid #35868b;
	margin-bottom: 1em; 
	padding-top: .1em; 
	margin-top: 1em;
}

div.tiny { 
	clear: both; 
	padding: 5px 0 0 0;
	margin: .2em 0 0 0;
	position: relative;
	width: 340px;
}
div.tiny input {
	position: absolute;
	top: 2px;
	left: 0;
}
div.tiny label {
	width: 350px;
	margin-left: 3.5em;
	margin-bottom: 0;
	text-align: left;
}
/*div#submit {        FIX : can't have both an id and class of "submit" ! 
	clear: both;
	float: right;
}*/

td .submit {       /* FIX : can't have both an id and class of "submit" ! */
	float: right;
}

.btn { 
	padding: 2px 2px 2px 4px;
	border-top:    1px solid #bfe1e1;      /* pale turquoise */
	border-left:   1px solid #bfe1e1;      /* pale turquoise */	
	border-right:  1px solid #132f27;      /* dark turquoise */ 
	border-bottom: 1px solid #132f27;      /* dark turquoise */ 
	background-color: #eaddc3;            /*  lt tan*/ 
	color: #6d276a; /* burgundy  */ 
}
.btn:hover,
.btn:active {
	background-color: #aa4477;           /* burgundy  */ 
	color: #fff;
	border: 1px solid #000000;
	padding: 2px 2px 2px 4px;
}

fieldset div#submit input.btn, 
fieldset div#submit input.resetbtn {
	color: #336699;   
	background-color:  #ded2dd;    /* pale lilac */
	border-top:    1px solid #7777aa;  
	border-left:   1px solid #7777aa; 
	border-right:  1px solid #7777aa; 
	border-bottom: 1px solid #7777aa;  	
	margin: 15px 0 2px 2px;
	width: 90px;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
	font-size: 10px;
}
fieldset div#submit input.resetbtn {
	margin-left: 15px;
	padding: 2px 2px 2px 4px;
	width: 90px;
}

fieldset div#submit input.btn:hover, 
fieldset div#submit input.resetbtn:hover,
fieldset div#submit input.btn:active, 
fieldset div#submit input.resetbtn:active {
	background-color: #aa4477;           /* burgundy  */ 
	color: #fff;
	border: 1px solid #000000;
	padding: 2px 2px 2px 4px;
}

textarea div.fieldstyle { width: 600px; height: 400px;  }


/* ---------------------------------------
	 BRANDING LOG-IN and GO BUTTON 
-----------------------------------------*/ 

table#topright { width: 300px; z-index: 999;}

table#topright td.passwrd, 
table#topright td.usernm { width: 96px; }

table#topright td.go {  
	width: 45px; 
	padding-top: 2px; 
	padding-left: 4px; 
	text-align: left;  
}
/*table#topright td.go input.btn {   
	padding: 4px;
	width: 45px;
	height: auto;
	margin: 0;
	border-top:    1px solid #bfe1e1;  
	border-left:   1px solid #bfe1e1;   
	border-right:  2px solid #132f27;   
	border-bottom: 2px solid #132f27;  
	background-color:  #eaddc3;   
	color: #6d276a;            
	font-weight: normal; 
	text-decoration: underline;
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
table#topright td.go input.btn:hover, 
table#topright td.go input.btn:active { 
	background-color: #bfe1e1;  
	color: #333333;
	border: 1px solid #000000;
	padding: 4px;
	font-size: 9px; 
	
}
*/

table#topright td.forgotpswd { padding-left: 4px; }

table#topright td.forgotpswd a { 
	color: #eaddc3;   /* pale tan */
	font-size: 11px; 
	font-weight: bold;
	font-style: italic; 
	line-height: 140%;
}
table#topright td.forgotpswd a:hover,
table#topright td.forgotpswd a:active { 
	color: #bfe1e1;      /* pale turquoise */ 
	font-size: 11px; 
	font-weight: bold; 
	font-style: italic; 
	line-height: 140%;
}

table.eventdata td.category { width: 200px; }

/*  HIDDEN INFORMATION FOR PRINT ONLY -----------------------*/

#importantinfo { 
	 display: none; visibility: hidden; height: 1px; overflow: hidden; }

/* methods of clearing bottom ----------------------------*/

*.clear {
	clear: both; 
	display: block; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px; 
}
	
	div#bottom { 
	display: block;
	height: 10px;
}

/*   GIRLS -----------------------------------------------*/

	#aboutpage div#girl { 
background-image: url(images-basic/girl02.jpg); 
}
	#adminpage div#girl { 
background-image: url(images-basic/girl08.jpg); 
} 
	#benefitspage div#girl { 
background-image: url(images-basic/girl07.jpg);
}
	#boardpage div#girl { 
background-image: url(images-basic/girl10.jpg); 
}
	#eventspage div#girl { 
background-image: url(images-basic/girl04.jpg); 
}
	#committeespage div#girl { 
background-image: url(images-basic/girl08.jpg); 
}
	#contactpage div#girl { 
background-image: url(images-basic/girl04.jpg); 
}
	#corp_memberspage div#girl { 
background-image: url(images-basic/girl11.jpg); 
}
	#FAQpage div#girl { 
background-image: url(images-basic/girl06.jpg); 
}
	#homepage div#girl { 
background-image: url(images-basic/girl01.jpg); 
}
	#joinpage div#girl { 
background-image: url(images-basic/girl11.jpg); 
}
	#linkspage div#girl { 
background-image: url(images-basic/girl09.jpg); 
}
	#memberadspage div#girl { 
background-image: url(images-basic/girl06.jpg); 
}
	#memberspage div#girl { 
background-image: url(images-basic/girl05.jpg); 
}
	#membersonlypage div#girl { 
background-image: url(images-basic/girl06.jpg); 
}
	#moreinfopage div#girl { 
background-image: url(images-basic/girl10.jpg); 
}
	#newmemberspage div#girl { 
background-image: url(images-basic/girl03.jpg); 
}
	#newsletterpage div#girl { 
background-image: url(images-basic/girl02.jpg); 
}
	#policiespage div#girl { 
background-image: url(images-basic/girl09.jpg); 
}
	#presspage div#girl { 
background-image: url(images-basic/girl07.jpg); 
}
span.picture_alts { font-size: 10px; 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #555555;
	line-height: 125%;
	font-weight: normal; 
}	

ul#communication_links {
	border: 1px solid #6d276a; 
	padding: 6px;
	width: 300px;
	list-style-type: none;
	font-family: Trebuchet MS; 
	font-size: 11px; 
	line-height: 14px;
}

ul#communication_links  li { 
	margin-bottom: 4px;
	display: block;
}