@import url("/apps/js/polls/polls-pack.css");
body {
	color: #000;
	font: 12px "Arial", Times, serif;
	background: #003371;	
	width:900px;
	margin:0 auto
}

.content h3{
font-size:16px;
font-weight:bold;
letter-spacing:1px;
}

.HPDirectory  {
	padding: 5px 5px 10px 5px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	width:100%;
}

.HPOutreach  {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	width:100%;
}

.HPOutreach #r  {
	padding-right: 15px;
}


.HPNews {
	font: 11px Arial, Helvetica, sans-serif;
	color: #444444;
	width:100%;
}	
.HPMemoirs {
	padding: 5px 5px 5px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #444444;
	padding:0 0 10px 0;
}	
 .HPBBMessages
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #444444;
	width:100%;
}	

.HPEvents {
	padding: 5px 15px 5px 5px;
	font: 11px "Arial", Times, serif;
	color: #444444;
	width:100%;
	}		

.HPLinks {
	padding: 5px 15px 5px 5px;
	font: 11px "Arial", Times, serif;
	color: #444444;
	width:100%;
	margin:0 0 0 8px;
	background:url(/pics/news_bg.gif) left top repeat-y;
	}	

.HPEvents a, .HPEvents a:link, .HPEvents a:visited{color: #AF0909;  }
.HPEvents a:hover, .HPEvents a:active { color: #AF0909; text-decoration:none }

.HPLinks a, .HPLinks a:link, .HPLinks a:visited {color: #AF0909;  }
.HPLinks a:hover, .HPLinks a:active { color: #AF0909; text-decoration:none }


.HPNews a, .HPNews a:link, .HPNews a:visited {color: #AF0909;  }
 .HPNews a:hover, .HPNews a:active  {color: #AF0909;  }

.HPOutreach a, .HPOutreach a:link, .HPOutreach a:visited {color: #AF0909; }
.HPOutreach a:hover, .HPOutreach a:active {color: #AF0909; }


 
.HPBBMessages a, .HPBBMessages a:link, .HPBBMessages a:visited {color: #AF0909;  }
.HPBBMessages a:hover, .HPBBMessages a:active{ color: #AF0909; text-decoration:none }

.HPMemoirs a, .HPMemoirs a:link, .HPMemoirs a:visited  { color: #AF0909;  }
.HPMemoirs a:hover, .HPMemoirs a:active { color: #AF0909;  text-decoration:none}

.HPDirectory a, .HPDirectory a:link, .HPDirectory a:visited{ color: #AF0909;  }
.HPDirectory a:hover, .HPDirectory a:active{ color: #AF0909; text-decoration:none  }

.neutral, table {
	font: 12px "Arial", Times, serif;
	color: #000;
	}
img {
padding:0;
margin:0;
border:0;
}
.qlinks {

}

.qlinks a {
display:block;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #415B86 }
.neutral a:hover, .neutral a:active { color: #415B86; text-decoration:none }

table td
{
vertical-align:top;
}

.contentIndex {
	padding: 0px 0px 0px 0px;
	font: 12px "Arial", Times, serif;
	color: #701127;
	background: #fff;
	width:900px;
}







.esp a {
color:#fff;
padding:0 15px 0 0;
}

.content {
	padding: 10px 10px 40px 10px;
	height: 300px;
	font: 12px "Arial", Times, serif;
	color: #000;
	background: #FFFFFF;
	margin:0 0 0 0;
	width: 880px;
}

/* Parent Club & Alumnae Directory */
.specialindex {
	padding: 0;
	margin: 0;
	width: 900px;
}

.specialindex {
	background: url(/pics/parentclub_bg.png) top left repeat-y;
}
.specialindex .HPNews, .specialindex .HPDirectory, .specialindex .HPMemoirs {
	font-size: 12px;
	margin-bottom: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}

.specialindex #l {
	padding-top: .45em;
}
.specialindex #l img {
	border: 0 !important;
}
.specialindex p {
	margin: 0;
	padding: 0;
	margin-bottom: .8em;
}
.specialindex h3 {
	padding: 0;
	margin: 0;
	margin-bottom: .8em;
	letter-spacing: 0;
	
}
#leftColumn, #middleColumn, #rightColumn {
	float: left;
	margin: 0;
	padding: 0;
}

.specialindex #leftColumn img, .specialindex #middleColumn img, .specialindex #rightColumn img {
	display: block;
	margin: 0 auto;
	border: 4px solid #285188;
	margin-bottom: .5em;
}

.specialindex table td img {
	border-width: 0 !important;
	margin-bottom: 0 !important;
}
.specialindex #leftColumn {
	width: 280px;
	padding: 10px;
}
.specialindex #middleColumn {
	padding: 10px;
	width: 352px;
}
.specialindex #rightColumn {
	padding: 10px;
	width: 208px;
}

.specialindex #heading {
	background-color: #dec57b;
	width: 100%;
	padding: 1em 0;
	
}

.specialindex h2 {
	color: #fff;
	line-height: 30px;
	padding: 0 0 0 10px;
	text-transform: none;
	margin: 0 0 0 15px;
}

.specialindex #quicklinks {
	margin-bottom: 1.4em !important;
}
.specialindex #quicklinks, .specialindex #quicklinks li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.specialindex #quicklinks li a {
	display: block;
	height: 21px;
	width: 200px;
	margin: 0 auto 1px auto;
	background: url(/pics/quicklinks_bg.png) top left repeat-x;
	line-height: 21px;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	padding: 0 3px 0 5px;
	font-weight: normal;
	text-decoration: none;
	
}
.specialindex #quicklinks li a:hover {
	background-position: 0 -21px;
}


a, a:link, a:visited { font-weight: bold; color: #3E3E3E; }
a:hover, a:active { color: #CF000D; text-decoration:none;}

.light {
	font: 11px Verdana, Arial, Helvetica, sans-seriff;
	color: #000;
	background: #D1D8DF;
}
.light  a, .light a:link, .light a:visited { color: #17365F; }
.light a:hover, .light a:active { color: #4171AF; text-decoration:none }

.dark {
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #285188;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #fff; }

.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	padding: 7px 0px 7px 5px;
	margin-bottom: 10px;
	font: bold 12pt "Arial", Times, serif;
	color: #fff;
	text-transform:uppercase;
	background:url(../pics/page_title.gif) left top no-repeat;
}

#topNav {
	position: relative;
	height:28px;
	z-index: 999999;
}
#topNavButtons {
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 900px;
	padding:0 0 0 35px;
}

#topNavButtons img {
margin:0 5px 0 0;
}

#menuCloser {
	position: absolute;
	visibility: hidden;
	left: 20px;
	top: -50px;
	z-index: 999;
	height:500px;
	width:100%;
}
#topNav .subNav {
	position: absolute;
	visibility: hidden;
	top: 34px;
	margin: -6px 4px 0 0;
	z-index: 999999;
}
#topNav2Sub {left: 91px;}
#topNav3Sub {left: 192px;}
#topNav4Sub {left: 280px;}
#topNav5Sub {left: 368px;}
#topNav10Sub {left: 437px;}
#topNav6Sub {left: 530px;}
#topNav7Sub {left: 622px;}
#topNav8Sub {left: 701px;}
#topNav9Sub {left: 740px;}
#topNav .list {
	position: absolute;
	z-index: 99999;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Tahoma, Verdana,Geneva, sans-serif;
}

#topNav ul , #topNav ul.list li {
	background-color: #D5252F;
	width: 160px;
	line-height: 20px;
padding:0px;
margin:0px;

}

#topNav .list a {
	display: block;
	width: auto!important;
	width: 100%;
	padding:0;
	margin:0;
	padding: 0px 5px 0px 13px;
	color: #fff;
	text-decoration: none;
	z-index: 99999;
	
}
#topNav .list a:hover {
	background: #9C0006;
	color:#fff;
padding:0;
margin:0;
	padding: 0px 5px 0px 13px;
}

#rightNav {
	font-size:12px;
	background-color: #fff;
	width:180px;
	border:1px solid #0021A3;
	margin-bottom:-2px!important;
	margin-bottom:2px;
	margin-left:0px;
	padding-bottom: 10px;
}

#rightNav a:link, #rightNav a:visited, #rightNav a:active, #rightNav #noLink {
	display:list-item;
	color:#000000;
	margin-left:23px;
	padding:5px 2px 5px 5px;
}

#rightNav a:hover {
/*	margin-left:0px;
	padding-left:0px;*/
	background-color:#3F3F3F;
	color:#fff;
}

#rightNav .header {
	background-color: #333333;
	color:#FFFFFF;
	margin-bottom:-6px;
	padding-bottom:7px;
	font-size:12px;
}




.content ul li, .content ol li{
margin-bottom:5px;
list-style-image:url('/pic/ul_bullet.gif');
}

.content hr {
display: block;
width: 100%;
background: url('/pics/hr.gif') #BFBFBF;
color: #BFBFBF;
background-repeat: no-repeat;
height: 3px;
border:none;
}

.content tfoot{
font-size:10px;
font-style:italic;
}


/* ##### CUSTOM FORM START ##### */
form.customForm .message { margin: 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
form.customForm .message p { margin: 0; }
form.customForm .message p em { color: #C00; font-style: normal; font-weight: bold; }

form.customForm {
	margin: 0;
	padding: 0 10px 10px 10px;
	background: #eee;
	border: #ddd 1px solid;
	}
	
form.customForm p {
	padding: 0;
	margin: 13px 0;
	}

form.customForm fieldset {
	background: #eee;
	border: #999 1px solid;
	_padding: 4px 5px 8px 9px;
	color: #000;
	}

form.customForm fieldset legend {
	color: #00;
	text-transform: uppercase;
	font-weight: bold;
	_margin: 0 0 3px -4px;
	}

form.customForm input,
form.customForm textarea {
	border: 1px solid #DDD;
	margin: 0 10px 0 0;
	}
form.customForm select {
	border: 1px solid #DDD;
	}

form.customForm input#submit {
	background: #FFC;
	margin: 3px 0 0 246px;
	border: 1px solid #DDD;
	}

form.customForm input:focus,
form.customForm textarea:focus,
form.customForm select:focus {
	background-color: #FFC;
	border-color: #FC6;
	}

form.customForm fieldset textarea {
	overflow: auto;
	height: 60px;
	width: 63%;
	}

form.customForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	font-variant: small-caps;
	text-align: right;
	margin-right: 3px;
	}

form.customForm ol {
	margin: 0;
	padding: 0;
	}
	
form.customForm li {
	list-style: none;
	padding: 1px;
	margin: 0;
	}
	
form.customForm fieldset fieldset {
	border: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 246px;
	}
	
form.customForm fieldset fieldset legend {
	color: #000;
	padding: 0;
	margin: 3px 0 0 -246px;
	_margin: 3px 0 0 -254px;
	font-size: 12px;
	text-transform: none;;
	font-variant: small-caps;
	font-weight: normal;
	}

form.customForm fieldset fieldset label {
	width: auto;
	text-align: left;
	margin-right: 3px;
	}

form.customForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}
	
form.customForm div.note {
	margin: 3px 0 0 248px;
	font-variant: small-caps;
	}

form.customForm fieldset label#firstField { width: 240px;  } /* Width of first label */
form.customForm fieldset fieldset label#firstField { width: 210px;  } /* Width of labels in a secondary fieldset */
form.customForm fieldset fieldset label#secondField { margin-left: 20px;  }
form.customForm fieldset fieldset input { margin-right: 5px; }

form.customForm	td {
		line-height:1.75;
	}
form.customForm td input.quantity {
		width: 50px;
		text-align: center;
	}

/*\*//*/ form.customForm legend { display: inline-block; } /* IE Mac legend fix */
/* ##### CUSTOM END START ##### */































/* ##### CUSTOM FORM START ##### */
form.customForm {
	margin: 0;
	padding: 0 10px 10px 10px;
	background: #eee;
	border: #ddd 1px solid;
	}
	
form.customForm p {
	padding: 0;
	margin: 13px 0;
	}

form.customForm fieldset {
	background: #eee;
	border: #999 1px solid;
	_padding: 4px 5px 8px 9px;
	color: #000;
	}

form.customForm fieldset legend {
	color: #00;
	text-transform: uppercase;
	font-weight: bold;
	_margin: 0 0 3px -4px;
	}

form.customForm fieldset input,
form.customForm fieldset textarea {
	border: 1px solid #DDD;
	margin: 0 10px 0 0;
	}

form.customForm fieldset input:focus,
form.customForm fieldset textarea:focus {
	background-color: #FFC;
	border-color: #FC6;
	}

form.customForm fieldset textarea {
	overflow: auto;
	height: 60px;
	width: 64%;
	}

form.customForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	font-variant: small-caps;
	text-align: right;
	margin-right: 3px;
	}

form.customForm ol {
	margin: 0;
	padding: 0;
	}
	
form.customForm li {
	list-style: none;
	padding: 1px;
	margin: 0;
	}

form.customForm fieldset fieldset label {
	width: auto;
	text-align: left;
	margin-right: 3px;
	}

form.customForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.customForm fieldset fieldset legend {
	color: #000;
	padding: 0;
	margin: 3px 0 0 -231px;
	_margin: 3px 0 0 -239px;
	font-size: 12px;
	text-transform: none;;
	font-variant: small-caps;
	font-weight: normal;
	}

form.customForm fieldset fieldset {
	border: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 233px;
	}
	
form.customForm div.note {
	margin: 3px 0 0 233px;
	font-variant: small-caps;
	}
	
form.customForm input#submit {
	background: #FFC;
	margin: 3px 0 0 233px;
	border: none;
	}
	
form.customForm fieldset label#firstField { width: 225px;  } /* Width of first label */
form.customForm fieldset fieldset label#firstField { width: 350px; } /* Width of first label in a secondary fieldset, use for multiple columns */
form.customForm fieldset fieldset input { margin-right: 5px; }
form.customForm fieldset fieldset p { margin: 0 0 0 30px; padding: 0; }

form.customForm input[type='text'] { width: 200px; }
form.customForm input { _width: 200px; }

/*\*//*/ form.customForm legend { display: inline-block; } /* IE Mac legend fix */
/* ##### CUSTOM END START ##### */



table#pageNav {background:#275087; border:dashed 1px #003;}

table#pageNav li {list-style:none; color:#eee;}

table#pageNav a {color:#fff;}
table#pageNav a:hover{color:ffc;}


#donorlist-demo { height:30px; padding-left:20px;padding-top:20px;} 
#donorlist { width:300px; }  
#donorlist ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; font-family: Georgia, "Times New Roman", Times, serif; }  




/***   Mandatory   ***/
.HPQuickPoll h2 {
    width: 226px;       /* header width  */
    padding-top: 43px;  /* header height */
    background:url('/pics/quick_poll_header.gif');
}

.HPQuickPoll .bar-color {
    background-color: #10296B;   /* results bar color */
}

/***  Optional  ***/
.HPQuickPoll {
     width: 226px;
     padding-bottom: 29px;
     background: url(/pics/right_end.gif) no-repeat bottom;
}


