@import url("/apps/js/polls/polls-pack.css");

body {
margin: 0;
color: #FFFFFF;
font: 9pt "Arial", Times, serif;
background-image:url(/pics/bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#C4C4C4;
behavior: url('/shared/csshover.htc');

}
.HPDirectory {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
width:294px;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-bottom:solid 2px #ffffff;
background-image:url(/pics/alumni_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;



}

.HPAnnouncements {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
width:294px;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-bottom:solid 2px #ffffff;
background-image:url(/pics/announcements_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;
}
.HPMemoirs {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
background-color:#1E417A;
width:294px;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-bottom:solid 2px #ffffff;
background-image:url(/pics/memoirs_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;


}
.HPNews{
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
width:590px;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-bottom:solid 2px #ffffff;
background-image:url(/pics/block_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;




}
.HPBBMessages{
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
width:294px;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-bottom:solid 2px #ffffff;
background-image:url(/pics/announcements_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;





}

.HPEvents{

padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
width:294px;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-bottom:solid 2px #ffffff;
background-image:url(/pics/events_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;

}
.HPLinks{

padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
width:294px;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-bottom:solid 2px #ffffff;
background-image:url(/pics/links_bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;


}
.HPAnnouncements a, .HPAnnouncements a:link, .HPAnnouncements a:visited, .HPNews a, .HPNews a:link, .HPNews a:visited, .HPBBMessages a, .HPBBMessages a:link, .HPBBMessages a:visited { color: #000000; }
.HPAnnouncements a:hover, .HPAnnouncements a:active, .HPNews a:hover, .HPNews a:active, .HPBBMessages a:hover, .HPBBMessages a:active { color: #19498C; }

.HPMemoirs a, .HPMemoirs a:link, .HPMemoirs a:visited { color: #000000; }
.HPMemoirs a:hover, .HPMemoirs a:active { color: #19498C; }

.HPLinks a, .HPLinks a:link, .HPLinks a:visited{ color: #000000; }
.HPLinks a:hover, .HPLinks a:active{ color: #19498C; }


.HPEvents a, .HPEvents a:link, .HPEvents a:visited { color: #000000; }
.HPEvents a:hover, .HPEvents a:active { color: #19498C; }
.HPDirectory a, .HPDirectory a:link, .HPDirectory a:visited{ color: #000000; }
.HPDirectory a:hover, .HPDirectory a:active{ color: #19498C; }
.neutral, table {
font: 9pt "Arial", Times, serif;
color: #000000;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #000000; }
.neutral a:hover, .neutral a:active { color: #E1D1A2; }

.contentIndex {
padding: 0px 0px 0px 0px;
font: 9pt "Arial", Times, serif;
color: #FFFFFF;
background: #FFFFFF;


}

.content {
padding: 10px 10px 40px 10px;
height: 300px;
font: 9pt "Arial", Times, serif;
color: #000000;
background: #ffffff;

}

a, a:link, a:visited { color: #000000; }
a:hover, a:active { color: #000000; }

.light {
font: 9pt "Arial", Times, serif;
color: #000000;
background: #7BA1D4;
}
.light a, .light a:link, .light a:visited { color: #000000; text-decoration:none }
.light a:hover, .light a:active { color: #000000; text-decoration:underline }

.dark {
font: 9pt "Arial", Times, serif;
color: #ffffff;
background: #1E417A;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #E1D1A2; }

.pageTitle {
display: block;
width: auto!important;
width: 100%;
height:29px;
* height: 45px;
padding: 16px 0px 0px 30px;
margin-bottom: 10px;
font: bold 11pt "Arial", Times, serif;
color: #FFFFFF;
background-image:url(/pics/pagetitle.gif);
background-position:left;
background-repeat:no-repeat;
text-transform:uppercase;
font-weight:bold;
}

.bottomNav, .bottomNav a:link, .bottomNav a:visited {
font: 9pt "Arial", Times, serif;
color: #fff;
text-decoration: none;
}
.bottomNav a:hover, .bottomNav a:active {
text-decoration: underline;
}


.bgTopBar {
height: 2px;
}

/* Hovers within Hovers */

#topNav {
position: relative;
height: 31px;
float: left;
}
#topNavButtons {
position: absolute;
z-index: 95;
top: 0;
left: 0;
width: 900px;
}
#menuCloser {
position: absolute;
visibility: hidden;
left: 20px;
top: -50px;
z-index: 0;
}
#topNav .subNav {
position: absolute;
visibility: hidden;
top: 31px;

margin: 0 4px 0 0;
z-index: 100;

}
#topNav2Sub {left: 79px;}
#topNav3Sub {left: 182px;}
#topNav4Sub {left: 271px;}
#topNav5Sub {left: 354px;}
#topNav6Sub {left: 435px;}
#topNav7Sub {left: 507px;}
#topNav8Sub {left: 560px;}
#topNav9Sub {left: 687px;}
#topNav10Sub {left: 701px;}

#topNav ul {
list-style: none;
margin-left: 190px;
margin-top: -22px;
padding: 0;

border-left: 2px solid #FFF;
}

#topNav li {
position: relative;

}

#topNav ul ul ul {
list-style: none;
margin-left: 159px;
margin-top: -24px;
padding: 0;
}

#topNav ul ul {
position: absolute;
z-index: 500;
}

div#topNav ul li:hover ul {
display: block;
}

div#topNav ul ul,
div#topNav ul li:hover ul ul,
div#topNav ul ul li:hover ul ul {
display: none;
}

div#topNav ul li:hover ul,
div#topNav ul ul li:hover ul,
div#topNav ul ul ul li:hover ul {
display: block;
}

div#topNav ul li:hover,
div#topNav ul ul li:hover,
div#topNav ul ul ul li:hover,
div#topNav li.over {
background-color: #E6E6E6;
background-image:url(/pics/sub_menu_bg_over.gif);
background-repeat:repeat;
}

div#topNav ul li:hover a,
div#topNav .list a:hover,
div#topNav ul li.over a {
text-decoration:none;
color:#013680;
}

div#topNav ul li:hover li a,
div#topNav ul li.over li a {
text-decoration:none;
color:#FFF;
}


div#topNav li.over ul{
display: block;
}

#topNav ul li {float: left; width: 100%;}
#topNav ul li a {height: 1%;}

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}

/* Hovers within Hovers end

Don't forget the csshover.htc in the body of main.css

*/

#topNav .list {

position: absolute;
z-index: 200;
list-style: none;
margin: 0;
padding: 0;
font: 11px Arial, Tahoma, Verdana,Geneva, sans-serif;
border-left:solid 2px #FFFFFF;
border-right:solid 2px #FFFFFF;
border-bottom:solid 2px #FFFFFF;
}

#topNav .list li {
background-color: #19498C;
background-image:url(/pics/sub_menu_bg.gif);
background-repeat:repeat;
width: 190px;
line-height: 20px;
position: relative;
}

#topNav .list a {
display: block;
width: auto!important;
width: 100%;
padding: 2px 5px 0px 13px;
font-weight:bold;
text-decoration: none;
z-index: 100;
color: #FFF;
}
/*
#topNav .list a:hover {
background-color: #E6E6E6;
background-image:url(/pics/sub_menu_bg_over.gif);
background-repeat:repeat;
text-decoration:none;
color:#013680;
}
*/

#topNav3Sub .list li {width: 240px;}
#topNav3Sub ul {margin-left: 240px;}
#topNav3Sub .list li li {width: 225px;}
/*********[ Right Navigation ]************************************************************************/


.heading18 {
font-size:18px;
font-weight:bold;
}

.heading16 {
font-size:16px;
font-weight:bold;
}

.heading14 {
font-size:14px;
font-weight:bold;
}

#rightNav {
font-size:12px;
background-color: #7BA1D4;
width:170px;
border:1px solid #585858;
margin-bottom:-2px!important;
margin-bottom:2px;
margin-left:10px;
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:#1E417A;
color:#ffffff;
}

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

/* ##### 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; }

/* ##### 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 input#submit {
background: #FFC;
margin: 3px 0 0 163px;
border: none;
}

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 {
border: none;
margin: 0 0 0 0px;
padding: 0 0 0 163px;
}

form.customForm fieldset fieldset legend {
color: #000;
padding: 0;
margin: 3px 0 0 -161px;
_margin: 3px 0 0 -169px;
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 163px;
font-variant: small-caps;
}

form.customForm fieldset label#firstField { width: 155px; } /* Width of first label */
form.customForm fieldset fieldset label#firstField { width: 450px; } /* 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: 110px; }
form.customForm input { _width: 110px; }

div#opra a{
display: block;
width: 73px;
border: 1px solid #e5e5e5;
}

div#opra a:hover { border: 1px solid #d0d0d0;}

#resources td {text-indent: 20px}



/***   Mandatory   ***/
.HPQuickPoll h2 {
    width: 294px;       /* header width  */
    padding-top: 55px;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

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

/***  Optional  ***/
.HPQuickPoll {
     width: 294px;
     padding-bottom: 9px;
     background: url(/pics/bg_index_right_bottom.gif) no-repeat bottom;
}

/* the inside poll area for choices and results */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only {
	margin:0 auto;
	width:70%;
}

.HPQuickPoll .question {
    padding: 9px;
    margin: 0;
}

/* use for a repeating inside background if necessary */
.HPQuickPoll .quickpoll {
    background: #FFFFFF url("/pics/alumni_bg.gif") repeat-x top left;
	border-bottom:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
    padding-bottom: 5px;
}



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

