﻿body {
}

h1
{
    font-family:Verdana; 
    font-size:1.5em; 
    font-weight:bold;
    margin:.4em;
    color:#8C0000;
}

h2
{
    color:#8C0000;
    margin-bottom:0em;
    margin-top:0em;
}

h3
{
    margin-bottom:0em;
}

div.group h3
{
    font-size:1em;
}

.awarddescription
{
}

.awardtitle
{
}

.subtext
{
}

.indent1
{
    margin-left:3em;
}

#aboutnav {
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#aboutnav ul 
{
	margin: 0 20px;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 100%;
	float: left;
}

#aboutnav li {
	display: inline;
	float: left;
}

#aboutnav a {
	float: left;
	background:white url(../img/menuleft.gif) no-repeat left top;
	margin:0;
	margin-left:1px;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.2em;
}

#aboutnav a span {
	background: white url(../img/menuright.gif) no-repeat right top;
	font-weight:bold;
	font-family:Arial;
	font-size:.8em;
	padding:5px 15px 4px 6px;
	color:#000000;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#aboutnav a.selected
{
    background:white url(../img/smenuleft.gif) no-repeat left top;
}
#aboutnav .selected span 
{
    height:21px;
    background: white url(../img/smenuright.gif) no-repeat right top;
    color:#981334;
}

 #aboutnav a:hover { background-position:0% -42px; }
 #aboutnav a:hover span 
 {
    background-position:100% -42px;
}

a:active, a:focus
{
    outline: 0;
}

/*ABOUT US CONTAINER*/
#aboutUsContainer
{
    font-family:Arial;
    padding:.5em;
}

#aboutUsContainer a
{
    color:#8C0000;
    text-decoration:none;
}
#aboutUsContainer a:hover, #aboutUsContainer ul.people li h3 a:hover
{
    background-color:#8C0000;
    color:White;
}

#aboutUsContainer td.bullet a:hover
{
    background-color:white;
}

#aboutUsContainer img
{
    border:0;
}

#aboutUsContainer div.group
{
    margin-left:2em;
}
#aboutUsContainer div.group img
{
    padding-top:.4em;
    margin-left:-20px;
    float:left;
}
#aboutUsContainer div.group h2
{
    margin-bottom:0px;
}

#aboutUsContainer p
{
    font-family:Arial;
}

#aboutUsContainer ul.people
{
    margin-top:0em;
    margin-left:3em;
    border-style:none;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-right-style:solid;
    border-right-width:1px;
    border-color:#CCCCCC;
    padding: 0em .2em .4em .2em;
    background-color:White;
    margin-bottom:1px;
}
#aboutUsContainer ul li
{
    list-style-type:none;
    margin-left:0px;
}
#aboutUsContainer ul.people li h3
{
    font-size:.95em;
    color:#8C0000;
    margin-bottom:0em;
    margin-top:.4em;
}
#aboutUsContainer ul.people li p
{
    margin-top:0em;
    margin-left:1em;
    margin-bottom:.4em;
    font-weight:bold;
}
#aboutUsContainer ul.people li p a
{
    font-weight:normal;
    vertical-align:text-bottom;
}
#aboutUsContainer ul.people li p a.grayLink
{
    color:#555555;
}
#aboutUsContainer ul.people li p a.grayLink:hover
{
    background-color:#777777;
    color:#FFFFFF;
}
#aboutUsContainer ul.people li p a.jqModal
{
    margin-left:1em;
}
#aboutUsContainer h1
{
    margin-bottom:0px;
    margin-top:0px;
}

/*INTERNAL NEWS SUMMARY*/
#aboutUsContainer div.iNewsSum
{
    border-top:solid 2px #CCCCCC;
    margin-top:.2em;
}
#aboutUsContainer div.iNewsSum p
{
    margin-top:0px;
    margin-bottom:0px;
}
#aboutUsContainer div.iNewsSum p.date
{
    font-size:.8em;
    margin-top:.3em;
    margin-bottom:.5em;
}
#aboutUsContainer div.iNewsSum p.more
{
    float:right;
    font-weight:bold;
    margin-top:-1.2em;
    padding-top:0px;
}    


/*AWARDS LIST*/
#aboutUsContainer .awardsList
{
    margin-top:10px;
    list-style-type:none;
    padding-left:1em;
}
#aboutUsContainer .awardsList li.line1
{
    list-style-type:none;
    background: url('../img/awardbg.png') no-repeat;
    padding:15px 0px 10px 20px;
}
#aboutUsContainer .awardsList div.line2
{
    margin-left:2em;
    font-size:.8em;
    margin:0em 0em 0em 2em;
}

#aboutUsContainer div.yeargroup
{
    border-bottom:solid 2px #bbb;
    border-left:solid 2px #bbb;
    margin-left:0px;
    margin-bottom:10px;
}
div.yeargroup .theyear
{
    background-color:#BBB;
    color:White;
    font-weight:bold;
    padding-left:.3em;
    padding-right:.3em;
}

ul.ulAwardsByYear
{
    float:left;
    width:4em;
    font-size:1.05em;
}
ul.ulAwardsByYear
{
    list-style-type:disc;
    color:#8C0000;
}






#ulDropable img
{
    padding-left:3px;
}
#ulDropable li
{
    list-style-type:none;
    font-size:1.1em;
}
#ulDropable div.droptext
{
    margin-left:1em;
    border-style:none;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-right-style:solid;
    border-right-width:1px;
    border-color:#CCCCCC;
    padding: .1em .2em 0em .2em;
    background-color:White;
    margin-bottom:1px;
}

questionlink a
{
    font-size:2em;
}

#ulDropable li img
{
    padding-top:6px;
    margin-left:-25px;
    margin-right:10px;
    float:left;
}

.employdrop
{
    list-style-type:none;
    margin-left:0em;
    padding-left:0em;
}
.employdrop a
{
    font-size:1.2em;
}

.employdrop div.question td.bullet a:hover
{
    background-color:White;
}

.employdrop div.question td.bullet
{
    vertical-align:middle;
    padding-right:.5em;
}

.messageBox
{
    border-color:#981334; 
    background-color:White; 
    border-width:2px; 
    border-style:solid; 
    margin-left:3em;
    width:410px;
    display:none;
}
.messageInput
{
    color:gray; 
    width:95%;
}
.messageTextArea
{
    width:400px;
    height:100px;
    color:gray;
}

.showCaptcha
{
    margin-top:1em;
    margin-left:5px;
    float:right;
}
#ctl00_ctl00_ContentPlaceHolder1_theStaff_captchaButton
{
    background-image: url(../img/at.gif);
    background-repeat:no-repeat;
    font-size:1.2em;
    line-height:2em;
    margin-right:50px;

}
#ctl00_ctl00_ContentPlaceHolder1_theStaff_captchaButton:hover
{
    background-image: url(../img/ato.gif);
}
#ctl00_ctl00_ContentPlaceHolder1_theStaff_captchaButton a
{
    padding-left:30px;
    font-weight:bold;
    color:#666666;
    display:block;
}
#ctl00_ctl00_ContentPlaceHolder1_theStaff_captchaButton a:hover
{
    background-color:Transparent;
    color:#8C0000;
}

.tdContent
{
    padding-left:.5em;
    padding-right:1em;
    padding-top:0px;
    margin-top:0px;
    font-size:.8em;
}


